How to Use Beamer with Simvoly Web Builder

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>

1. Go to Simvoly page editor.
2. Go to Website Settings > Custom Code and select the Custom JavaScript tab.

1. 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.
2. You're ready to go!

Method 2 (advanced implementation)

1. Go to Simvoly page editor go to Website Settings > Headers > Edit Menu Links.

1. Scroll down and select Add Page > Add Menu Item.

1. Select the External Link option. Name it whatever you want and put #beamerTrigger as a URL.

1. Follow the steps on method 1
2. Voilà! You're a hacker now.