iFrame Integration is a useful 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 Sweede — it will be embedded directly into your website. Users will stay on your website domain and will not see other shops on Sweede — 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.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 Sweede page and a short instruction on how to perform the integration. Description and Requirements The screenshot below is an example of how your page can look with the iFrame integration of Sweede.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 Sweede shop opens right on your website, so users will not have to leave it.Here is a short description of the page layout (from top to bottom), with a few requirements: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).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.We strongly recommend not to add a footer to this page. Adding the ScriptIntegrating iFrame into your website is very easy.Just add the following fragment of code to your .html file for the desired page:
Where your-office-slug is the part of the URL of your Sweede store page.https://sweede.io/dispensary/your-office-slug. Please keep in mind that you should insert the above-mentioned fragment after the block containing the header in the common body. Make sure not to add anything (i.e. the footer) after the script, the common body should have the following styles:width: 100%;
min-height: 100%;
margin: 0;
padding: 0;
Your feedback is important to us. If you have questions or concerns regarding this article, feel free to reach out to our tech support team.