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 the Code Block. Code Injection and The Code Block 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: To preview embedded content, log out of your site or open your site in a different browser without logging in.
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: