Incorporating the online shop as an iFrame

In this article, you'll learn how to integrate the online shop in your business's website as an iFrame.

In this article

Our recommendation

As a general rule, we do not recommend integrating the online shop using iFrame; instead, we recommend that you use a link to open the online shop in a new window. Learn more about our linking and integration recommendations: Linking to the online shop on your website

     

An example iFrame integration

You can, however, also integrate the e-guma online shop as an iFrame in your website.

e-guma iFrame Demo

Our demonstration shop can be found as an iFrame here.

    

Technical integration

Here you can see the HTML code for the integration. At src you can enter the url of your shop:

<iframe id="iframe-eguma" src="https://shop.e-guma.ch/demo/de/gutscheine" width="100%" height="900" frameborder="0" scrolling="auto"></iframe>

To ensure that the shop works smoothly in all browsers, it's important to ensure that, in addition to the iFrame, you also include the script in your website:

<script src="https://s3-eu-west-1.amazonaws.com/eguma-static/eguma-iframe.js" type="text/javascript"></script>
With the code below the iFrame automatically adapts to the size of the content of the shop: 
<script src="https://eguma-static.s3-eu-west-1.amazonaws.com/iframeResizer.min.js" type="text/javascript"></script>

<script>
    iFrameResize({heightCalculationMethod: "bodyScroll"}, '#iframe-eguma')
</script>
In order to be able to adjust the size of the iFrame automatically, the following script must be inserted in e-guma's custom code: 
<script src="https://eguma-static.s3-eu-west-1.amazonaws.com/iframeResizer.contentWindow.min.js" type="text/javascript"></script>

     

Disadvantages of iFrame integration

The e-guma Online Shop is not designed to be displayed in iFrames, because

  • using iFrames prevents you from creating direct links to individual offers, which is a real shame if, for example, you want to promote an attractive special offer on your social media channels.
  • Online shops that are integrated via iFrames are frequently displayed sub-optimally on mobile devices. Usability and readability are both improved by using a separate tab.

Generally speaking, successful online sales of your vouchers and tickets are built on displaying your online shop as effectively as possible, in the most user-friendly manner possible.