How do I insert a call to action button into my page’s content?

A call to action button is a link like any other, but it has been formatted to be a clickable or pressable button that your viewers can interact with. This is different than a form button, which has other functions and is part of a larger whole including the form itself. A call to action can be placed on a page by pasting HTML code into the edit form.

What should I use call to action buttons for?

Call to action buttons should be used to ask your viewers to take an important action or make a commitment  such as filling out a form or survey, donating money, or signing up for a mailing list. A call to action produces a deliverable for you, be it informational or monetary.

What are the other guidelines for buttons?

Buttons are not a replacement for links. If you’re simply directing a viewer to go to a different website or page, that can be accomplished with a simple link and text directing them to do so. While many links are important, buttons are often considered the most important links on your site, and visitors associate them more with action than navigation. Buttons also stand out much more if there are only one or a few in use on your site. Otherwise they no longer grab attention and engagement drops as people ignore them after too much exposure.

Where can I put buttons?

Buttons are currently only available inside the body field of your page content. Future feature rollouts will expand button options and ease of use.

What is the process for inserting a button?

Buttons require minimal code handling. When editing a page, in the body section you’ll see a button labeled “<>Source”. Click it to bring up the HTML code of the page’s body section. Find where you want the button to be inserted, then paste in this code:

<a href="LINK URL" class="content-button-" style="background-color: #6e902a; font-size: 14px; line-height: 28px; width: auto; height: 28px; margins: 7px; padding: 7px 14px; color: #fff; text-decoration: none; font-family: inherit; display: inline-block; border-bottom: none!important; border-radius: 7px; text-transform: uppercase; font-weight: bold;">BUTTON WORDING</a>

You will need to fill these parts of the code out yourself:

Link: replace LINK URL with the URL of the link. Keep the quotation marks. 
Button wording: Replace BUTTON WORDING with the words you want to be on the button. This should be one or two words since buttons are typically small and briefly worded.

The button will look like this: Button wording

If the button doesn't appear correctly, the best option is to start over from the revision of the page before you inserted the button, then retry. Or, you can delete the button code yourself and re-paste it.