The “Call to Action Button Widget“ allows you to create attention-grabbing buttons for free in WordPress Elementor websites. Encourage user engagement with customizable buttons that link to important pages, promotions, or actions. Adjust colors, typography, icons, and hover effects to match your site’s design seamlessly.
Let’s look at each of the options in the “Call to Action Button Widget” below.
Add a Free Call To Action Button 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 in Elementor Call to Action Button
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 in Elementor Call to Action Button
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.
Elementor Call to Action Button 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 in Elementor Call to Action Button
Style the border radius, border, background and shadow of button.
Button Icon Styling in Elementor Call to Action Button
You can style the button icon transition timing, size, background and color.
Label Styling in Elementor Call to Action Button
Set the label spacing, label color, typography, positioning, and shadow.
Elementor Call to Action Button Ripple Effect Styling
Here, you can style ripple color, and ripple color hover.
Message Styling in Elementor Call to Action Button
You can style the message spacing, background color, border, radius, text padding, typography and color.
Message Title Styling in Elementor Call to Action Button
You can style message title background color, title color, padding, typography, icon size and color.
Usage Examples of Elementor Call to Action Button
Here are some live use cases for the Call To Action Button Widget.
Free Elementor Call to Action Button with a Custom Message.
Thank you for using the Call To Action Button Widget for Elementor! With its eye-catching design and customizable features, this is the best Call To Action Button Widget for Elementor, perfect for driving user engagement and conversions. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
