Using our Squarespace extension allows you to add your Allday Ordering menu(s) to your Squarespace website faster than ever!
Step-By-Step Guide
Step 1: Install the Allday Ordering Squarespace Extension
Start by logging in to your Squarespace account, then visit the Allday Ordering Extension page and press the 'Connect to Site' button located in the upper right hand corner of the page.
You can also add the extension while editing your Squarespace website by clicking on the Settings icon in the lower left hand sidebar, then selecting 'Third Party Tools' and 'Extensions' - from here you can search for 'Allday Ordering' and, once on the Allday Ordering Extension page, press the 'Connect' button (located in the left hand sidebar.
Step 2: Create an Allday Ordering Account
Once the extension is connected, you will be prompted to register for a free Allday Ordering account (alternatively you can log in if you already have an account).
After registration is complete, you will be asked a few basic questions about your restaurant, including:
Restaurant Name
Restaurant Website
Restaurant Address
This information will be saved in your Allday Ordering dashboard, and can always be updated later.
Step 3: Create a Stripe Payout Account
In order to ensure you can collect payments for online orders, a payout account must be created for your restaurant.
Allday Ordering partners with Stripe to quickly create a secure payout account - the process typically takes 10 minutes or less and is fairly straightforward. Please note that you will need the following information in order to create the account and begin adding your menus, business hours, etc:
Legal Business Name
EIN or SS#
Personal Details (Name, Email, SS#)
Bank Account Information (for the account that will receive payments)
Once completed, you will be redirected to your new Allday Ordering Dashboard, where you can continue your account setup.
Please Note: This step can be skipped, but must be completed before you can begin taking online orders
Step 4: Complete your Restaurant's Online Ordering Setup
Once your payout account is complete, you can add the following information using the Allday Ordering Dashboard:
Complete Menus, images, item options, etc.
Business Hours, Holiday closures, etc.
Minimum Order Values, Pickup & Delivery Options
Order Notification Options
Team Members and Additional Locations
Step 5: Add Your Allday Ordering Menu(s) to Your Website
Once you've added your menus, updated your business hours, etc. you can add your online ordering menu(s0 to your Squarespace website.
To do this, start by visiting the Restaurant Settings Page by viewing the User dropdown menu and selecting 'Restaurant Settings' from the dropdown:
in the 'Website' field, please ensure that your website URL is correct (if this URL is different from the website containing your code snippet, your menus will not show.)
Select the Menu Embed Option from the Squarespace Settings Section
Scroll down the Restaurant Settings page to the 'Squarespace Settings' area. Here you can decide which option works best for embedding your Menus - Basic or Advanced:
Basic Embed Option
The Basic embed option is the default option and can be completed in just a few seconds.
Please Note: the Basic Embed Option is compatible with Squarespace websites built on version 7.1 and higher only. Find out what Squarespace version your website is built on
Type the URL of a blank page on your Squarespace website in the 'Menu Page URL' field, press save, and that's it! Your Allday Ordering Menu(s) will now be available to site visitors on the page of your website.
Please Note: Due to formatting, it is important to use a blank page on your Squarespace website to use for your Allday Ordering menu. If your page contains existing blocks your menu(s) will still load, but there may be an unintended gap or blank space between the page header and the menu content.
Advanced Embed Option
The Advanced embed option requires adding an HTML code block to your Squarespace website manually, and should be used:
if your Squarespace website is built on version 7.0 or lower, or
require extremely granular control over where your menu(s) will display.
If you would like to use the Advanced embed option, begin by pressing 'Advanced' in the Basic / Advanced toggle menu.
You will see a single inline embed code snippet, which you will need to add to an HTML code block on the website page on which you would like your menu(s) to display.
Adding the Code Snippet:
You can then click on the 'Copy to Clipboard' icon located on the right hand side of the field containing the inline embed code snippet:
Once this code is copied to your clipboard, you're ready to add it to your Squarespace website:
Once logged in to your Squarespace website, click Website in the left hand sidebar, then click Pages.
Select the page from the Pages list that you would like to display your menu(s).
Press 'Edit' in the upper left hand corner and scroll to where on the page you would like your menu to be displayed.
Press Add Block, then and select Code. Ensure the block is formatted properly by editing the width of the block so that it is full page (the length will be handled automatically by the Allday code snippet).
Double click on the block created, remove the sample text, and paste your Inline Code Snippet into the field displayed. Please ensure 'HTML' is selected from the dropdown at the top of the Code window provided.
Once pasted, click anywhere outside of the Content editor.
Press Save in the upper left hand corner of the page.
At this point your Allday Ordering Menus should be available on your Squarespace website - if you run into any issues with installation feel free to send us a message or email us. You can also view common issues regarding menus not displaying property on websites in this article.
Happy Ordering!
The Allday Ordering Team