Intégrez la boutique en ligne dans un iFrame

Dans cet article, vous apprendrez comment intégrer la boutique en ligne dans un iFrame dans le site Web de votre entreprise.

Notre conseil

De manière générale, nous vous conseillons de pas intégrer votre boutique en ligne dans un iFrame, mais plûtot d'insérer un simple lien ouvrant sur une nouvelle fenêtre. En savoir plus sur nos recommandations de d'intégration et de liaison: Liens vers la boutique en ligne à partir de votre site web

Exemple dintégration iFrame

Vous pouvez aussi intégrez votre boutique e-guma en tant que iFrame.

Intégration Technique

Suivre le code HTML. À src, vous pouvez entrer l'URL de votre boutique en ligne:

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

Pour que la boutique fonctionne parfaitement dans tous les navigateurs, il est important que vous ajoutiez en plus de l'iFrame le script au sein de votre site web:

<script src="https://s3-eu-west-1.amazonaws.com/eguma-static/eguma-iframe.js" type="text/javascript"></script>

Avec le code ci-dessous sur votre site Web, iFrame s’adapte automatiquement à la taille du contenu de la boutique en ligne:

<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>

Pour pouvoir ajuster automatiquement la taille de l'iFrame, le script suivant doit être inséré dans le code personnalisé à e-guma:

<script src="https://eguma-static.s3-eu-west-1.amazonaws.com/iframeResizer.contentWindow.min.js" type="text/javascript"></script>

Inconvénient de l'intégration iFrame

Le e-guma Onlineshop n'est pas conçu pour être affiché dans iFrames car ...

• ... vous ne pouvez pas créer de liens directs vers des offres individuelles (dommage, par exemple, si vous souhaitez promouvoir une offre spéciale sur vos réseaux sociaux).
• ... les boutiques en ligne, qui sont intégrées dans iFrames, ne sont souvent pas affichées de manière optimale sur les appareils mobiles. La facilité d'utilisation et la lisibilité seront meilleures dans un onglet séparé.