Tutorial: How to use Beamer with Simvoly web builder

6767
Mariano Xerez
Apr 26, 2018

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.