General Widgets Clickdrop Estimated reading: 3 minutes 18 views The ClickDrop widget enables a user-friendly login and menu system for Elementor sites. It allows easy placement, customization of login and account labels, and configuration of menu items to improve user navigation without coding. Requirement Elementor (Page Builder) Animations Addons (Our Plugin) Tip: Make sure Animation Addons is installed and activated on your WordPress site before you start. How To Activate ClickDrop Go to your WordPress Dashboard. Click on Animation Addons. Head to the Widgets Tab. Under General, toggle on Clickdrop. Or, you can type Clickdrop in the search bar to find it instantly. Step 1: Add the ClickDrop Widget to Your Section In the Elementor editor panel, click the ‘+’ icon and search for ‘ClickDrop’ in the search bar. When you find it, simply drag it to the section where you want to place it. Step 2: Customize Login and Account Labels Right after clicking ClickDrop, all the options will appear. Login Label This is the button text before login. Set the name as Login or Sign In, as per your choice. But, by default, it will appear as Login. Login Link This is the link or page users are directed to when they click the Login button. You can enter any page URL you want, such as a dashboard, homepage, or a custom page. Logged Label This changes the label once the user is logged in (for example, “My Account” or “Profile”). However, by default, it will appear as ‘Your Account’. Step 3: Set Up Your Menu Items After adding your menu items, you can change their titles, links, and icons. This helps you make a clear and easy-to-use menu for users who are logged in. Menu Items This option lets you add multiple menu items that appear only after the user logs in, such as “Dashboard,” “Edit Profile,” “Logout,” “Settings,” and more. In this example, Saved and Settings are two Menu items added. However, you can add as many menu items as you want. Next, click on each menu item to customize it. In this example, the Saved menu items were selected. Right after clicking, you will see Content and Style sections. Customize each option according to your preference. Menu Title: Since the menu item name is set as “Saved,” it will appear as “Saved” in the menu. You can set any name based on your site’s niche. Menu URL: Insert the link where the menu item will take the user when clicked. Menu Icon: It lets you add an icon beside the menu title to make it more visually clear. Final Output You Did It You’ve successfully added the ClickDrop widget to your section and customized it for your site. Your login button now has the right label, directs users to the correct page, and changes once someone is logged in. You’ve also set up a clear and functional menu for logged-in users, complete with titles, links, and icons that match your site’s style. Your ClickDrop setup is now ready to guide users seamlessly through login, account management, and menu navigation—all without touching a single line of code.
