This is OTS Widget from OTSID 33 in Staging. Here’s the code we’re embedding.
This goes in the <head> of the document. I’m using the CodeSnippets plugin and inserting this only on pages that have /ots-test in the URL:
<script>(function(){window.ONTHESTAGE_API_KEY='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiI2NTQyYWJmY2U3ZTdkYTA2NDNiNWJhNmYiLCJlbWFpbCI6IndpZGdldF9hcGlAd2lkZ2V0LXV4LXJlZnJlc2gtMi5jb20iLCJvcmdhbml6YXRpb24iOiI2NTQyYWJhZmU3ZTdkYTA2NDNiNWJhMjAiLCJvcmdfc2x1ZyI6IndpZGdldC11eC1yZWZyZXNoLTIiLCJyb2xlcyI6WyJ3aWRnZXRfYXBpIl0sImlhdCI6MTcxMjY3Mzk0MiwiZXhwIjoxNzQ0MjA5OTQyfQ.dlt9g60WqraOZOj895EnT0BYRK5YB2Cv2FNYvpjuBvw';var otswidget_js_esm = document.createElement('script');otswidget_js_esm.setAttribute('type', 'module');otswidget_js_esm.setAttribute('src', 'https://cdn.onthestage.tickets/staging-v2/ots-widgets.esm.js');document.head.appendChild(otswidget_js_esm);var otswidget_js = document.createElement('script');otswidget_js.setAttribute('src', 'https://cdn.onthestage.tickets/staging-v2/ots-widgets.js');otswidget_js.setAttribute('nomodule', '');document.head.appendChild(otswidget_js);var otswidget_css = document.createElement('link');otswidget_css.setAttribute('rel', 'stylesheet');otswidget_css.setAttribute('href', 'https://cdn.onthestage.tickets/staging-v2/ots-widgets.css');document.head.appendChild(otswidget_css);
}());</script>
Now it’s time to stick the Merch View on the page.
This is the code we get from the Widget Configuration screen.
<onthestage-widget organization-id="6542abafe7e7da0643b5ba20" modal="false" widget-style="add_ons"></onthestage-widget>