iFrame Integration

iFrame Integration is useful and easy to set up feature that will make your website more convenient for your customers.

The main advantage of using iFrame is that your customers would not have to use external links to open your store on Potify — it will be embedded directly into your website. Users will stay on the domain of your website, and they would not see other shops from Potify — only yours.

Because your shop is integrated directly into your website via iFrame, you can create an innerlinking and advance the SEO of your website.

And the integration process is very easy — just insert a small script into your .html page document.

In this article, you will see the general requirements and description of the iFrame-integrated Potify page, and a short instruction on how to perform the integration.

Description and requirements

The screenshot below is an example that demonstrates how your page can look with an iFrame integration of Potify.

The area highlighted in red is the header of your page. It can contain whatever logo and menu buttons you desire. And when the user clicks the menu button that opens your shop (i.e. Menu, or Shop Now), your Potify shop opens right on your website, and users would not have to leave your website.

Here is a short description of the page layout (from top to bottom), with a few requirements:

1. Header (highlighted in red in the screenshot above) — your own website header that is not affected by iFrame integration. We strongly recommend making it compact to leave more space for your menu (especially for mobile devices).
2. The rest of the page — iFrame, integrated by the embedded script. iFrame uses all available space from the header to the bottom of the page and automatically scales and resizes if the user resizes the page.
3. We strongly recommend not to add the footer to this page.

How to add the script

Integrating the iFrame into your website is very easy.
Just add the following script to your .html file of the desired page:

<script
    src="https://potify.net/embed/your-office-slug"
    type="text/javascript"
    defer
></script>

Where your-office-slug is the part of the URL of your Potify store page.
https://potify.net/promo/your-office-slug.

We are open to your suggestions and feedback. Thank you for using Potify.
If you have more questions regarding this article, you can submit your request to tech support.