Inserting A Button
  • 29 Mar 2023
  • 1 Minute to read
  • Dark
    Light
  • PDF

Inserting A Button

  • Dark
    Light
  • PDF

Article summary

You can insert a button onto your site page as an alternative to link internal or external website pages to your own. Read the following text to learn more about inserting a button:

Insert A Button: Learn how to insert a button onto a site page.

Additional Button Sizes: Learn about using different button sizes.


Insert A Button

Inserting buttons on your website page is the same process as adding other standard buttons to your site, such as Add to Cart, Checkout, etc. 

1. Click on the JS Scripts button in the toolbar.

2. Insert this HTML code

<a href="yourlink" class="linkBtn"><span class="blank">Your Button Text</span></a>

Here is what it looks like on this site (a button will look different on each site is set up by your designer):

YOUR BUTTON TEXT



Additional Button Sizes

SMALL BUTTON

<a href="yourlink" class="modalLinkBtn"><span class="blank">Your Button Text</span></a>

YOUR BUTTON TEXT

LARGE BUTTON

<a href="yourlink" class="largeLinkBtn"><span class="blank">Your Button Text</span></a>

YOUR BUTTON TEXT

Once you have changed the link and the button text, click the "JS Scripts" button (shown in the image below) and paste the embed code within the JS Scripts window. Now save the page, and your button will appear.



Was this article helpful?

What's Next