Integrating the Showpass Purchase Widget with WIX

Add a button to initiate the ticket purchase widget on a WIX website. Checkout Widget on your website
This requires a manual addition for each button/event. Some coding experience is required.



  • WIX Premium Account 
  • WIX SSL Enabled
  • Connected Custom Domain with WIX

Step 1: Add Showpass SDK

Once the above requirements are met. Go to your main dashboard for the WIX site and hover over 'Settings' and click 'Tracking Tools'.

Screen Shot 2020-11-05 at 1.52.10 PM.png

Hover over 'New Tool,' then click 'Custom.'

Screen Shot 2020-11-05 at 1.53.10 PM.png
Paste the following into the text box 'Paste the code snippet here.'
<script type="text/javascript">
(function(window, document, src) {
var config = window.__shwps;
if (typeof config === "undefined") {
config = function() {
config.q = [];
config.c = function(args) {
window.__shwps = config;
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = src;
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
})(window, document, '');

window.addEventListener('message', (event) => {
if (event && && (typeof === 'string') &&'initiate-showpass-widget')) {
let splitString =":");
let slug = splitString[1];
if (slug) {, {
'theme-primary': '#dd3333' // update custom color hex code

Change name to Showpass
Add code to Pages: Leave All Pages
Paste Code in: Head

Screen Shot 2020-11-05 at 2.00.24 PM.png

Step 2: Add Buy Tickets Button

Click 'Edit Site' in the bottom of the sidebar.
Screen Shot 2020-11-05 at 2.01.30 PM.png
Navigate to the page you want to add the button to and click the add icon in the sidebar.
Go to the Embed Section and click and drag HTML iFrame where you want the button.
Once the element is placed click 'Enter Code.'

Screen Shot 2020-11-05 at 2.04.58 PM.png

And paste in the following: ***REQUIRES EDITING BEFORE PASTING***
<button onclick="initiateWidget('replace-with-slug')">
<script type="text/javascript">
function initiateWidget(slug) {
window.parent.postMessage('initiate-showpass-widget:' + slug, '');

Replace 'replace-with-slug'  from this line  initiateWidget('replace-with-slug') with the correct event slug from Showpass. The slug is everything after when looking at the event detail page - do not include the trailing forward slash after the slug.
Replace '' from  window.parent.postMessage('initiate-showpass-widget:' + slug, ''); with the URL of the Wix website that is being integrated
Please note: To style the button to your liking is where you will need some coding experience.
Click 'Apply' and publish your site.
Important: The website will needed to be added under the Organization Info > Integrations tab.

Screen Shot 2020-11-05 at 2.09.14 PM.png