Skip to main content
All CollectionsProduct Fact Sheets Administrative Resources
Add An Order Online Button To Your Website
Add An Order Online Button To Your Website

Learn to create an order online button on your web host for Snackpass orders.

Updated this week

Before you begin, please note that this guide provides a general approach to adding a call-to-action button to your website. The steps may vary depending on your web host, and specific instructions may not be applicable to all platforms. Snackpass is unable to provide troubleshooting or detailed guidance for issues related to specific web hosts. If you encounter any challenges, we recommend reaching out to the customer service team for your platform for assistance. Thank you for your understanding!


How To Add An Order Online Button To Your Website

Step 1: Access Your Website Editor

  • Log in to your website's content management system (CMS) or web hosting platform.

Step 2: Determine Button Placement

  • Decide where you want the order online button to appear (e.g., homepage, product page, header, footer).

Step 3: Add A New Button

  • Locate The Editing Tool:

    • Access the page or section of your website where you want to add the button.

  • Insert a Button:

    • Look for an option to add a new element or component.

    • Choose the "Button" option from the available elements.

Step 4: Choose Button Text

  • Use clear, action-oriented text (e.g., "Order Online," "Order Now,").

Step 5: Configure Button Settings

  • Link The Button:

    • Click on the button to access its settings.

    • Enter the URL of your online ordering site in the link field.

    • You can find your URL in your Snackpass Dashboard by following these steps:

      1. Navigate to the left side menu and select Settings.

      2. Click on Branding.


      3. Scroll down to the USER NAME section.

      4. Copy the ONLINE ORDERING LINK provided.

  • Design The Button:

  • Customize the appearance by adjusting colors, size, and text to fit your website's style.

Step 6: Test The Button

  • Preview the page and click the button to ensure it redirects correctly to your online ordering site.

Step 7: Publish Changes

  • Once you're satisfied, save and publish the changes to make the button live on your website.

The example images provided here illustrate the process for the Squarespace web host. Please note that steps may vary depending on the specific web host you are using.


Helpful Resources

How To Add Action Buttons For Popular Web Hosts:



Did this answer your question?