How to add the online ordering button in Squarespace

The online ordering button is a custom HTML code that you add to your website. In Squarespace, you add such code with a content block suggestively called “Code”. The only restriction to have in mind is that you can add content blocks only in the “Page Content” section of your template.

How to add the button to the (home)page

Let’s start with the homepage, as this one is your most important page. Find a good place in the Page Content section for positioning your ordering button. Don’t forget that you need to show it as high as possible, so that you customers can easily see it.

1 Select the page for the online ordering button
  • Scroll through the list to find the “Code” content block and select it
  • Delete the demo content that you have in there
  • Paste your unique custom code of the ordering button
  • Click Apply to save and close the popup
  • Click Save in the Page Content block
2 Paste the online ordering button code to the website

Your button will look ugly in the editor due to the warning message. No worries though, it will look just fine in the live page.

check the final result on your Squarespace website

If your website has multiple pages, we recommend you to add the See MENU & Order button to other pages as well, like the Contact page. Here’s an example of a restaurant with 3 locations:

add the ordering button to other pages