How to Add Advanced Buttons in Elementor?

Updated on May 22, 2024 by Ananda
Table Of Content

Are you looking to add beautiful interactive buttons in Elementor? With the Advanced Buttons widget from The Plus Addons for Elementor, you can add different stylish animated call to action and download buttons in Elementor.

Check the Live Widget Demo

Required Setup

Learn via Video Tutorial:

How to Activate the Advanced Buttons Widget?

Go to 

  • The Plus Settings Plus widgets 
  • Search the widget name and turn on the toggle then click Save.

Advanced buttons activate how to add advanced buttons in elementor? From the plus addons for elementor

Key Features

  • Two button types – You can choose from two button types, an animated call to action button and an animated download button.
  • Multiple animated button styles – You can choose from multiple pre-designed button styles.

How to Add an Animated Button in Elementor?

Add the Advanced Buttons widget from The Plus Addons for Elementor to the page. 

Advanced Buttons

From the Button Type dropdown, you have to choose the button type. Here you’ll find two options – 

Select the button as per your requirements. Let’s select the CTA Button here.

Then from the Style dropdown, you can choose a button style.

Advanced buttons cta button how to add advanced buttons in elementor? From the plus addons for elementor

In the Button Text field, you can add the button text. 

On some button styles, you’ll find some additional fields to add relevant content.

Then, in the Link field, you can add a link for the button.

Alignment

From the Alignment section, you can align the button for responsive devices.

Advanced buttons alignment how to add advanced buttons in elementor? From the plus addons for elementor

Extra Options

You’ll see this tab for some button styles with relevant options.

Advanced buttons extra options how to add advanced buttons in elementor? From the plus addons for elementor

Note: The options will vary based on a selected button.

How to Style the Advanced Buttons Widget?

To style the Advanced Buttons widget, you’ll find all the styling options under the Style tab.

Advanced Button – Here, you’ll find relevant styling options for a selected button. Options will vary based on a selected button.

Advanced buttons style how to add advanced buttons in elementor? From the plus addons for elementor

Download Text Style – You’ll see this tab only for the Download Button type. From here you can style the download button.

On Scroll View Animation –  This is our global extension available for all our widgets, this adds scrolling animation as the widget comes in the viewport. You can learn more about this from here.

Learn more about On Scroll View Animation

Advanced options remain common for all our widget, you can explore all its options from here.

View Advanced Tab Tutorial

OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website
    X