Embedding Sequel with WIX

You're embedding Sequel components in your site built in WIX – great!

Updated over a week ago

Due to a WIX limitation, Email Registration is not available to customers embedding with WIX.

Sequel.io Admin Dashboard

  1. Go to a Virtual Stage or Networking Hub that you created and configure your event access through the Registration tab. This will allow the Sequel.io module to gather information on each attendee, presentee, and host of your event for the purpose of analytics and role permissions.

  2. Head over to the Embed tab to get your HTML embed URL

  3. Copy the HTML Embed Code.

    Copy of IPAD (11)

Wix Web Builder

  1. Add a custom HTML widget using the "Embed HTML" button in your elements menu.

    Screen Shot 2022-06-08 at 5.16.38 PM

  2. Click "Enter Code".

  3. Select "Code", and paste the HTML snippet from your Admin Dashboard.

    Screen Shot 2022-06-08 at 5.17.48 PM

  4. Click "Update".

  5. Stretch the widget that you've just added to the entire width of your page for optimal viewing quality. We recommend the height of the widget be about 90% of your site's viewport.

That's it! Save and refresh your page, and you'll be able to start hosting your experience right away. For more information on creating a Virtual Stage, click here; and for more information about creating a Networking Hub, click here.

Allow Access to Microphone and Camera while using WIX

Due to a recent update with WIX, there has been an issue allowing access to your microphone and camera when accessing the event. In order to resolve this issue, you will need to complete the following steps:

  1. Sign up for a Premium account on Wix

  2. Go to WIX>Dashboard>Settings

  3. Select Advanced>Custom Code

  4. In the 'Body-End' section, select 'Add Code'

  5. Copy and paste this code:

    <script>
    setTimeout(function () {
    var iframes = document.querySelectorAll("iframe")
    iframes[0].setAttribute("allow", "microphone *; camera *; autoplay; display-capture *")
    iframes[0].setAttribute('allowFullScreen', '');
    var y = iframes[0].parentNode;
    var x = iframes[0]
    x.setAttribute("allow", "microphone *; camera *; autoplay; display-capture *");
    x.setAttribute('allowFullScreen', '');
    y.appendChild(x);
    }, 3000);
    </script>
  6. Under 'Add Code to Pages', select All pages and Load code once

  7. Select Apply and Publish your website

  8. Once the above steps are complete - you can then embed any code from the Sequel Virtual Stages and Networking Hubs to your website and the permissions will appear correct on all browsers!

To learn more on how to allow access to your microphone and camera, please read here.


Did this answer your question?