How to Use Beamer with Simvoly Web Builder tutorial

How to add Beamer to your Simvoly built website?

Method 1 (basic implementation)

1. Copy this made-for-Simvoly embed script.

   <script>
   var beamer_config = {
   		product_id : "YOUR PRODUCT ID",
   		button_position: 'bottom-right' /*Position for the default notification button. Other possible values are 'bottom-left', 'top-left' and 'top-right'.*/
   	};
   
   var head = document.getElementsByTagName("head")[0];
   var s = document.createElement("script");
   s.type = "text/javascript";
   s.src = "https://app.getbeamer.com/js/beamer-embed.js";
   head.appendChild(s);
   </script>

   Warning: Simvoly doesn’t allow imported scripts so you’ll need to use this tailor-made script. Do not use the Beamer embed provided in your dashboard because it won’t work.
2. Go to Simvoly page editor.
3. Go to Website Settings > Custom Code and select the Custom JavaScript tab.
4. Paste the embed code. Change the product_id parameter is the same as the one in your Beamer account (you can check it in the Beamer Dashboard in the top bar).
   Remember: Your product ID is the code in the top bar of your Beamer dashboard.
5. You’re ready to go!

Method 2 (advanced implementation)

1. Go to Simvoly page editor go to Website Settings > Headers > Edit Menu Links.
2. Scroll down and select Add Page > Add Menu Item.
3. Select the External Link option. Name it whatever you want and put #beamerTrigger as a URL.
4. Follow the steps on method 1
5. Voilà! You’re a hacker now.