Landing Page – Add a Call to Action

This will be a fairly simple tutorial, but let’s make the call to action that you see on the demo site:

This needs some special positioning behind the scenes, so we need to use some HTML code in a text widget.

<div id="cta-content"> <div id="cta-left"> Explore a new theme from Shaped Pixels called Influential, and see what it can do for your business. It's flexible, scalable, responsive, and offers a plethora of amazing features! </div> <div id="cta-right"> <a id="cta-button" href="http://www.shapedpixels.com/influential">Explore</a> </div> </div>

Go to Appearance >> Widgets

Drag a “Text Widget” into the “Call to Action” sidebar position

Paste the above code into the widget and make any necessary changes to the content parts and replace the link on the button.

Publish the widget to the Front Page (if using Display Widget or in Jetpack, the Widget Visibility feature)