Button module overview

The Button module is exactly that, a button that you insert into your layout to lead visitors elsewhere within your site or to an external link. 

You can specify the text and link for the button and whether the link should open in a new tab or window. 

You can add an icon and decide if you want it to appear to the right or the left of the text.

Tips:
  • If you want to set a link for the button but don't have it right away, just enter a pound sign (#) for the URL so you can save the module.
  • If you add a background color to the Style tab, a Style section will appear with some additional options, including the ability to make the button transparent.
  • If you have content that you want to appear with the button and stay grouped at various device sizes, try a Callout of Call to Action module instead.

Click Action: Link or Lightbox

You can set the button's click action to either a link or a lightbox. 

Set the click action to a link

When you set Click action to Link, a Link section opens, where you can enter the URL to the link, whether the link opens in the same window or a new one, and whether to set the link to No Follow for SEO purposes. (If in doubt, leave it set to the default No, which means the search engines are allowed to follow the link)

Tip: If the Link target is another page or post in your site, you can click Select and start typing part of the page or post title in the Search box to see suggestions appear.

Set the click action to a lightbox

If you choose the Lightbox option, you can also choose whether the lightbox content will be based on HTML that you enter or a link to a video.

HTML content

With the HTML option, an HTML editing box lets you enter custom HTML that will be displayed in the lightbox. This works great for adding shortcode, for something like a special offer. In the following screenshot, the shortcode for a saved row containing a Call to Action module was inserted into the HTML textbox.

Video link

The video option works well as an alternative to embedding the video in the page. Insert the URL of the video you want to open in the lightbox, from a service such as Youtube or Vimeo.