How to Use the Button Short Code
In the WordPress editor, click on the short codes drop down and select “Button”:
This opens the options window, where you can configure how the button will appear in your content. These are the available options:
1) Button Color
Determines which color the button will be. There are 8 pre-defined colors to choose from, in each theme.
2) Button Text
This is the button text or call to action text that will display on the button.
3) Button URL
Enter the full URL of the page you want to link to, from the button, including the “http://” part, in this field.
4) Open Link In
Select the “New Tab” option if you want a new browser tab to open with the linked page, when the button is clicked. We recommend that you use the “New Tab” option for external links only (i.e. links that take your visitors away from your own site and to a different site).
5) Button Size
There are three size options for the buttons: small, medium and large. The actual size will depend on the theme you are using. In general, the small button is ideal for secondary or less important buttons and buttons added to small spaces (e.g. a 1/4 column). The medium button is an all-purpose button that works for almost anything. The large button is very large and very attention-grabbing. Great for a “Add to Cart” type purchase buttons.
6) Button Alignment
There are several alignment options to choose from:
In Place: the button will appear on its own line, on the left side of the content.
Left/Right: the button will be aligned to the left or right and text will wrap around the button.
Center: the button will appear centered, on its own line.
Full Width: the button will span the full width of whatever element its inside. It will span across the entire page or span across as much space as is available inside any column or content box it is placed within.
When you’ve completed all the settings, click this button to add the short code to your content.