Help Products Tickets How to integrate Calendar shop via an iframe?

How to integrate Calendar shop via an iframe?

CM.com
CM.com
Updated 1 month ago

What is a calendar shop integration?

A calendar shop is the display of a calendar where you can immediately choose a date on which you want to order a ticket. This makes ordering for a specific date very easy and conveniently arranged. With the CM.com ticketing solution it is possible to display such a calendar shop on your own website via an iframe. This has the big advantage that you don't have to link to an external calendar shop so you can keep the visitors on your own website.

The calendar shop integration also makes it possible to place additional information about the event on your website next to the ticket shop. This way, everything is clearly arranged on one page and you don't have to put everything in the description of the event in the ticket shop. For visitors, the calendar shop integration makes the ordering process much easier and more clear, making the customer experience and entire customer journey much better.

How do I use calendar shop integration?

As soon as an event has been created, you can find the link to the calendar shop under the tab 'Time slots' in the menu. This can be found under the tab 'Calendar'. Here you will find a shop link that should be used in an iframe on your website.

Calendar Dashboard

To integrate the calendar shop on your website you need to copy a piece of code into the <body> of the HTML code of your website. The code of the iframe is:

<iframe src="CALENDAR SHOPLINK URL" border="0" frameborder="0" seamless="seamless" style="width: 100%; min-height: 950px; overflow-y: auto;"></iframe>

Be sure to put the calendar shop link URL in the place where it says CALENDAR 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 size of the calendar shop to be automatically resized to the optimal size in the frame, you can add the following code to your web page instead of the code above:

<iframe id="cm-calendarshop" src=" CALENDAR SHOPLINK URL " 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