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:
Navigate to the left side menu and select Settings.
Click on Front Of House > Brand And Appearance.
Scroll down to the USER NAME section.
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: