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.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Call To Action Button”
- Hover over the widget in the search results and click install
- Add your “Call To Action Button” widget to any Elementor Page
General Settings #
Icon
Choose an icon to display.
Link Type
Select the link type from given options.
- Regular
- Telephone
- SMS
- Facebook Messenger
Link
Paste your URL to link with the button.
Align
Set the alignment of call to action button.
- Start
- Center
- End
Show Label
Show/Hide the label.
Label
Type text to display as the label.
Message Settings #
Show Message
Show/Hide the message element.
Message Text
Type the text to display as message.
Message Title
Type text for message title.
Message Icon
Choose an icon to display as message icon.
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.
