Tutorial: How to add Beamer to Squarespace

6778
Mariano Xerez
Apr 24, 2018

How to add Beamer to your Squarespace website?

Method 1 (For PRO Squarespace users)

  1. Go to the Beamer dashboard > Embed and copy the Basic embed script. Make sure the code in the product_id parameter is the same that the one that appears in the top of your dashboard.
  2. Back in Squarespace to Settings > Advanced > Code Injection.
  3. Paste the code in the Footer section. Save.
  4. Relax and enjoy the view.

Method 2 (For Free Squarespace users)

  1. Go to the Beamer dashboard > Embed and copy the Basic embed script. Make sure the code in the product_id parameter is the same that the one that appears in the top of your dashboard.
  2. Go to the Squarespace website editor and go to the bottom of the page. Select Edit.
  3. Add a new content block with the plus sign (+). Choose Markdown.
  4. Paste the Beamer embed script there and save.
  5. And voilà!

How to add the custom Beamer button to your Squarespace website?

  1. Follow the steps from How to add Beamer to your Squarespace website? at the begining of this guide (Any of the two methods).
  2. In your Squarespace website menu editor, add a new element using the plus sign (+) and select the Link option.
  3. Choose whatever name you want and add #beamerTrigger as the URL. Save your changes.
  4. Enjoy!
Keep your users in the know.