Normally, there is a dedicated Button field in the backend that selects the button style in the design plans where we expected to have buttons. But where more buttons are desired, or a button is desired in an unexpected place, there is a shortcode for generating the different styles. These can be used in any WYSIWYG backend field. You must specify the button text, type, and url for satisfactory results. Additionally, specifying an optional target (e.g. target="_blank") is supported for when linking to a URL in a different site. 

<p>Red buttons (type of 'red-button' or 'ruby-button')<br>
[fg-button type="red-button" url="https://fivegraces.com/contact"]Button Text[/fg-button]

[fg-button type="ruby-button" url="https://fivegraces.com/contact"]Button Text[/fg-button]</p>

<p>Golden Brown Button:<br>
[fg-button type="golden-brown-button" url="/contact" target="_blank"]Target New Window[/fg-button]</p>

<p>Box Line Button<br>
[fg-button type="box-line-button" url="/contact"]Button Text[/fg-button]</p>

<p>Underline Button:<br>
[fg-button type="underline-button" url="/contact"]Button Text[/fg-button]</p>

<p>Underline Button Dark:<br>
[fg-button type="underline-button-dark" url="/contact"]Button Text[/fg-button]</p>

<p>Dark Transparent Button:<br>
[fg-button type="dark-transparent" url="/contact"]Button Text[/fg-button]</p>

