Full Width Responsive CTA Links

Responsive CTA Links

One of the biggest challenges to a web designers is getting visitors to move beyond the landing page and commit to an action such as making a purchase or seeking more information.
Text hyperlinks are next to useless for this purpose and are also not suitable for use on pages that will be viewed on touch devices such as an iPad.
Modern web design uses CTA (Call To Action) button links which have proved to be very effective in getting clicks if presented properly.
These inline responsive CTAs have many styling options, can open an internal or external page and have the option to open the link in a new window.

Full Width CTA Link Button Widget

Widget Settings

Check the "Full width" box in the Metrics inspector and set the module container maximum width and the CTA button width.
Set up each of the hyperlinks by entering the button text and choosing the "Link to:" page for each one.
For an external link, check the box and enter the URL.
Check the box to open either type of link in a new window.

Full Width CTA Modules Widget
Full Width CTA Modules Widget

Font Styles

Enter the font family name, check the box if it is Google hosted and choose a suitable web safe fallback font.
Set the font size, color and hover color.
If the text extends to two or more lines by using line breaks <br>, adjust the line height.
Adjust the button height using the value for "TB Padding".

Button Styles

The background can have a color gradient if required. Otherwise, set both background colors the same.
Adjust the background opacity and gradient color angle if required.
Set the hover background color.
Set the border width, color and radius if required.
Set the box shadow color and radius if required.

Fix Or Fade On Scroll

The modules can be fixed when used with a slide over layer by checking the "Fixed Position" box in the Metrics inspector.
For fade on scroll, check the box and enter the scroll amount.

EverWeb Widgets | Full Width

This widget is included in the Full Width widget pack.