A well-placed button creates a clear call to action, or CTA, for your visitors. This can help you achieve a goal, like increasing conversion, signups, or donations, or sending traffic to a specific page.
Some templates are designed with header buttons in mind. Depending on your template, you may be able to add buttons to your navigation, banner images, or above the page content. This guide explains the different options.
This guide is for version 7.0. To learn about adding a button to a version 7.1 site's header, visit Building a site header.
A button in your navigation displays site-wide, serving as a constant reminder that urges your visitors to action.
You can style navigation links as buttons in these template families. Click the links to learn more:
Here's how that looks in Bedford:
In the Montauk family, you can add a Button Block to the custom subtitle in the header. This displays site-wide.
In the Skye family, you can add a Button Block to the site navigation overlay. This displays whenever you open the navigation menu.
In Wells, you can add a Button Block to the navigation sidebar's content area. This displays on all pages.
These template families include special overlay options that let you add buttons over banner images and videos on individual pages:
- Bedford - Format the page description text to create a button in the last line.
- Brine - Add a Button Block to the intro area on a page with a banner.
Here's how that looks in the Brine template:
Some templates have other editable areas where you can add a Button Block:
- Page headers, sometimes called intro areas, display above the page content on individual pages.
- Depending on your template, content sidebars can display on some or all pages.
- Most templates support an editable site-wide footer, if you'd like to have your call to action be the last thing visitors see. Some templates also support page footers.
- To maximize your impact, we recommend keeping your call to action short and sweet. Try a single word, like "Donate," or a short key phrase, like "Take action."
- For help formatting your button's link, visit Adding links to your site.
- To style the button, visit Site Styles, then click the button to see relevant tweaks. The available style options depend on the type of button and your template, but typically you can choose the colors, shape, font, and background.
- If you want visitors to subscribe to a newsletter, use a Newsletter Block. To gather information, use a Form Block. For donations, try the Donation Block. These blocks all include a customizable button.