Help Products Tickets Ticket shop integration using an Iframe

Ticket shop integration using an Iframe

Mitchell Tolhuisen
Updated 6 months ago

Ticketing - How To Integrate Shoplink

What is ticket shop integration?

Ticket shop integration is the easy way to integrate the ticket shop on your own website, using an Iframe. By doing this, you don’t have to link to an external ticket shop webpage. This results in users staying on your website instead of switching to a different one.

Why ticket shop integration?

You want the customer journey to be as easy as possible. By integrating the ticket shop on your own website, you can put additional information on the webpage so you don’t have to put everything into the event description in the ticket shop. Customers stay on the same page during the entire customer journey.

How do I use ticket shop integration?

First you have to make an event in the CM tickets dashboard. When you haven’t done this, please check the user guide here.

When the event is created, there will be a link available in the ‘Event Settings -> Shop link’ tab. This shop link will be used in the Iframe to integrate in the webpage.

To integrate the ticket shop on your website, you have to insert a bit of code into the <body> of your HTML-code.

The code of the Iframe is: <iframe src="SHOPLINK URL" border="0" frameborder="0" seamless="seamless" style="width: 100%; min-height: 950px; overflow-y: auto;"></iframe>

Be sure to put the shop link URL in the place where it says SHOPLINK URL.

It’s possible to change the size of the Iframe by changing the width and the min-height.

Automatic resizing of the Iframe

If you would like the Ticketshop to be automatically adjusted to the optimal size in the frame, please add the following code to the page you show your ticketshop:

<iframe id="cm-ticketshop" src="[shoplink]" frameborder="0" width="100%"></iframe> <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.2.0/iframeResizer.min.js" type="text/javascript"></script> <script>iFrameResize({ log: false }, '#cm-ticketshop');</script>

Is this region a better fit for you?

Go