Aller au contenu principal

iFrame

Aperçu​

Il est possible de charger le portail de retours ZigZag dans un élément iFrame sur votre site e-commerce, afin d’offrir une expérience fluide à vos clients.

Pour autoriser le chargement du portail de retours ZigZag dans un élément iFrame, contactez votre Account Manager ZigZag.

Prérequis​

  • Fournissez le nom de domaine ou de sous-domaine de votre site web (exemple : "www.onlineshop.co","www.store.onlineshop.com") à votre Account Manager ZigZag.
    • Vous pouvez avoir jusqu’à 20 domaines ou sous-domaines.
    • Comme alternative à l’ajout de chaque sous-domaine séparément, un astérisque (*) peut être utilisé pour les activer tous en une seule fois (exemple : www.\*.onlineshop.com")
  • Contactez votre Account Manager ZigZag si vous ne souhaitez pas utiliser l’en-tête, le pied de page et la politique de cookies de ZigZag lors du chargement du portail de retours sur votre site web.

Chargement du portail de retours ZigZag dans un élément iFrame sur votre site web​

Dans le corps de votre page web, à l’endroit où vous souhaitez charger le portail de retours ZigZag, incluez la balise iFrame comme indiqué ci-dessous :

  • Si vous souhaitez utiliser votre propre en-tête et pied de page
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>IFrame Example</title>
    </head>
    <body>
        <header></header>
        <iframe
        src="https://companyname.returns.international/"
        width="100%"
        height="600"
        frameborder="0"   
        >
        </iframe>
        <footer></footer>
    </body>
</html>
  • Si vous ne souhaitez pas utiliser votre propre en-tête et pied de page, vous devez les supprimer comme dans l’exemple ci-dessous.
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>IFrame Example</title>
    </head>
    <body>
        <iframe
        src="https://companyname.returns.international/"
        width="100%"
        height="600"
        frameborder="0"   
        >
        </iframe>
    </body>
</html>