Setting up a call to action button

• 

  kathleen94604 · Member · Sep 27, 2017 at 7:50 pm

  • Copy link
  • Add topic to favorites

  I have spent hours trying to set up a call to action button but I can’t get it to work. I am a novice when it comes to websites.

  The blog I need help with is: (visible only to logged in users)

• 

  pauloeaquino · Staff · Sep 28, 2017 at 5:20 am

  • Copy link

  Hi Kathleen,

  It looks like you’re using the Gateway theme on your site.
  https://wordpress.com/theme/gateway/

  This theme does come with a built-in CTA button feature, so to get you started, you’ll first need to make sure your front page is set to a static front page. You can make sure that’s checked by going to your Customizer -> Static Front Page.

  After that, you’ll need to exit your customizer, go back to your dashboard, and now find your way to Site Pages. Click on and edit your Home page.

  Here’s the important point, you’ll have to assign your Home page the “Home Page” template, which can be found under Page Attributes.

  See screenshot:
  https://cloudup.com/iXpAJRNjLxx

  After doing that, update your page, go back to your Customizer, and head to Theme Options -> Homepage Template.

  From here, you can paste the following code into the Hero Content area:

  <a href="http://example.com" class="button">Button Text</a>

  And the result should look something like this:
  See screenshot:
  https://cloudup.com/iSTI-t4Teaq

  I hope this helps. Try it out and let me know if you have any problems with it.

• 

  thesacredpath · Member · Sep 28, 2017 at 7:08 pm

  • Copy link

  Hi @kathleen94604, on the Gateway Theme Showcase page, scroll down to Call to Action Button and there is info there on creating one.

  Basically what you do is create a text link from within the page editor, with the text you wish to appear on the button within the page content for the page you want it to be on.

  Then switch to the Text/HTML tab in the page editor and add the button class to the link code so that it looks something like this example from the theme showcase page:
  <a href="http://example.com" class="button">Button Text</a>

  This is the part you will be adding to the link code to make it a button.
  class="button"