Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Adding BeerMenus to Squarespace

You can connect BeerMenus to your Squarespace site to automatically update a list of beer selections for your bar, restaurant, or venue.

The solution in this guide includes injecting code and using a Code Block to add advanced code. These are Premium features available in the current Website Business plan and higher:

  • Available in: All Business and Commerce plans
  • Available in: Legacy Personal plan (no longer available for new subscriptions)
  • Not available in: Current Personal plan
  • Trial: You can use Code Injection and the Code Block during a trial.

To learn more, visit Premium features.

Step 1 - Generate Your Embed Code

Log into your BeerMenus account, and go to your BeerMenus page. Click Display beer menu on your own website.

Scroll down to Want to set it up yourself or work with your web designer? 

Step 2 - Add a Code Block  

Select and copy the code above the <script> section.

Paste this code into a Code Block where you want your BeerMenu to appear.

Note: To learn more, visit Using the Code Block.

Step 3 - Add Code Injection

Back in BeerMenus, copy the bit of code you didn't copy last time. This is the line of code with the <script> in it.

In the Home Menu, click Settings, then click Advanced, then click Code Injection. Then, copy and paste the code snippet into the Footer field.


Note: For more information about Code Injection, visit Using Code Injection.

Your BeerMenu will look different depending on your template and page structure. However, it should look similar to this:

Note: This third-party customization falls outside the scope of our support. This means that we’re unable to help further with setup or troubleshooting. Additionally, since this is a code-based solution, we can’t guarantee its functionality or full compatibility with Squarespace. This includes how it functions with our responsive design, particularly its appearance on mobile devices, and if it functions on all templates. Third-party customizations can also cause display issues with future updates to our platform. While we can't help further, there are many resources that can point you in the right direction:

Was this article helpful?
4 out of 4 found this helpful