fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

February Updates
Currency Converter Cover
Layers Widget

Call To Action Button

The Call to Action Button Widget is a tool for creating beautiful buttons that combine an icon, some text, and message notification. You can use the call to action button to engage with potential website visitors. You can use the pulsing icon widget to create an awesome call to action button on the responsive version of your website. The notification message is optional so you can decide if to turn it on or off. The call to action button has predefined settings to help you integrate it easily with popular communication methods.

 

Let’s look at each of the options in the “Call to Action Button Widget” below.

Install Call To Action Button Widget for Elementor

This widget requires Unlimited Elements Free version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Call To Action Button”
  3. Hover over the widget in the search results and click install
  4. Add your “Call To Action Button” widget to any Elementor Page

General Settings

1

Icon

Choose an icon to display.

2

Link Type

Select the link type from given options.

  • Regular
  • Telephone
  • SMS
  • Email
  • Facebook Messenger
  • Whatsapp
3

Link

Paste your URL to link with the button.

4

Align

Set the alignment of call to action button.

  • Start
  • Center
  • End
5

Show Label

Show/Hide the label.

6

Label

Type text to display as the label.

Message Settings

1

Show Message

Show/Hide the message element.

2

Message Text

Type the text to display as message.

3

Message Title

Type text for message title.

4

Message Icon

Choose an icon to display as message icon.

5

Message Close Icon

Choose an icon to display as close icon.

Call To Action Button Widget Styling

Modify the colors to match your site’s look and feel. Customize the text, icons, fonts and layout to make the widget look and work exactly like you want it to.

Button Styling

Style the border radius, border, background and shadow of button.

Button Icon Styling

You can style the button icon transition timing, size, background and color.

Label Styling

Set the label spacing, label color, typography, positioning, and shadow.

Ripple Effect Styling

Here, you can style ripple color, and ripple color hover. 

Message Styling

You can style the message spacing, background color, border, radius, text padding, typography and color.

Message Title Styling

You can style message title background color, title color, padding, typography, icon size and color.

Usage Example

Here are some live use cases for the Call To Action Button Widget.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!