Skip to main content

iFrame

Overview​

It is possible to load the ZigZag Return Portal within an iFrame element on your e-commerce website, to provide a seamless experience for your customers.

To allow the loading of ZigZag Return Portal within an iFrame element contact your ZigZag Account Manager.

Prerequisites​

  • Provide your website domain or subdomain name (example: "www.onlineshop.com", "www.store.onlineshop.com") to your ZigZag Account Manager.
    • You can have up to 20 domains or subdomains.
    • As an alternative to adding all subdomains separately, an asterisk (*) can be used to enable all of them at once*.* (example: "www.*.onlineshop.com")
  • Contact your ZigZag Account Manager if you do not want to use ZigZag header, footer and cookie policy while loading the Return Portal on your website,

Loading ZigZag Return Portal within an iFrame element on your website​

Within the body of your webpage where you want to load ZigZag Return Portal, include the iFrame tag as you see below:

  • If you want to use your own header and footer
<!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>
  • If you do not want to use your own header and footer, you have to remove them as in the example below.
<!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>