How to Configure & Style EA Call to Action
EA Call to Action is could be an effective marketing tool for WordPress Users as we need to add CTA button very frequently to direct our visitor exactly where we want them to go. You can set a button at any place of your website with a certain task assigned to it. For instance, you can use ‘Call to Action’ button to present a Special Offer or a Featured Product of yours and redirect your visitors to them instantly.
With EA Call to Action, you can simply just add a strong one-liner supporting the heading above and giving users a reason to click on the button to redirect the visitors to a certain page.
Table of Contents:
- How to Activate Call to Action
- How to Configure the Content Settings
2.1. Query
2.2. Layout Settings
2.3. Featured Post Settings
2.4. List Post Settings - How to Style Call to Action
3.1. EA Post List Style
3.2. Others - Final Outcome
1. How to Activate Call to Action
To use this Essential Addons element, find the ‘EA Call to Action‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘EA Call to Action’ into the ‘Drag widget here‘ or the ‘+’ section.
After you are successfully done with this step, this is how the element is going to look like.
2. How to Configure the Content Settings
You can configure the ‘Content’ which you want to add on your ‘Call to Action’ from this section.
2.1. Content Settings
From this section, you can use the drop-down menu to choose your preferred ‘Content Style’, ‘Content Type’ & ‘Color Style’. By default, they are set to ‘Basic’, ‘Left’ & ‘Background Color’ respectively. You can even add a Fixed Image Background for the Call to Action as well.
Moreover, you can change the text for your ‘Title’ and ‘Content’ which will be displayed with your ‘Call to Action’ button. Normally, the ‘Content’ is an one-liner to send a strong message or valid reason for users to click on the button.
Besides, you have the flexibility to choose your preferred ‘Content Type’ as well from out of these two: Content & Saved Template. Most importantly, you can add your personalized text for the ‘Call to Action’ button and set a link to the ‘Button’ as well.
Click to See Live Demo
3. How to Style Call to Action
Switch to the ‘Style’ tab to style all the features of Call to Action and get your desired result.
3.1. Call to Action Style
You can set a ‘Max Width’ for your ‘Call to Action’ container. Besides, you have the flexibility to set Padding & Margin as well. If you wish, you can even add Border & Box Shadow as well.
3.2. Others
From the ‘Color & Typography’ section, you can modify the color & typography of ‘Title’ & ‘Content’.
Moreover, you are able to add styling to the ‘Call to Action’ Button by modifying its color, border and box shadow. You can even use the dropdown menu to apply an effect for the button as well.
4. Final Outcome
By following the basic steps and a bit more modifying, you can style your Call to Action content as per your preference.
This is how you can easily assign a certain link for subscription or purchase purposes and give your users a reason to click on the button using EA Call to Action.
Getting Stuck? Feel free to Contact Our Support for further assistance.
[su_button url=”https://essential-addons.com/elementor/#pricing” target=”blank” background=”#37368E” size=”5″ center=”yes” radius=”round”]Get Started Now[/su_button]