Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • General Pages

Inserting A Button

Written by Edi Sipkas

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Components
  • Editing Your WineDirect Template
  • General Pages
  • Kiosk Tags
  • Payment Gateway 1 1
  • Reports
    Allocation Reports Club Member Reports Compliance/Shipping Reports Contacts Reports Financial Reports Marketing Reports Product Reports Sales Reports
  • Dashboard
  • Store 1
    Allocations Gift Cards 1 Gifting Inventory Orders Products Promos - Promo Builder Shipping State Profile Wine Clubs WineDirect Marketplace
  • Webservices 2.0
+ More

Table of Contents

Insert A Button Additional Button Sizes SMALL BUTTON LARGE BUTTON

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?

Yes
No
Give feedback about this article

Related Articles

  • Inserting Components
  • Inserting Horizontal Lines
  • Inserting Tables
  • Inserting PDFs
  • Page Properties
WineDirect Logo info@winedirect.com 800 819 0325

Products

  • Online Store
  • Tasting Room
  • Wine Club
  • Fulfillment
  • What's New

Learn

  • Documentation
  • Content Hub

Resources

  • Pricing
  • App Integrations
  • Terms & Conditions
  • Privacy Policy
  • Status Page
  • WineDirect Partner Center

Connect

  • About Us
  • Contact Us
  • Careers
  • Events
instagram icon Facebook WineDirect Twitter (X) Logo LinkedIn WineDirect Vimeo WineDirect
All Rights Reserved 2024 © WineDirect
Expand