We strive not only to simplify your day but also your client's! We offer the possibility to embed your online store directly into your official website so that clients may browse, log in, register and pay; all while remaining on your site. This is called an iFrame.

If you're unfamiliar with how it works, we recommend watching our webinar on the basics of iFrame and API integration.

In this article, we'll review:

  1. How to customize your embedded store

  2. How to embed the iFrame in your website

  3. How Safari users interact with your iFrame

1. How to Customize your Embedded Store

Before embedding your iFrame, choose a color and a default start page in the Store>Store Settings>Store Embedding subtab.

  • Choose a color to match the esthetic of your website. Click on a swatch, move the color scale or write the specific color code to find exactly what you're looking for.

  • Choose a start page to serve as the iFrame's default landing page.

Scroll down the page for a Preview of the integrated store to see what the iFrame will look like. At any time you can add/remove store tabs via the Store>Customize tab. 

2. How to Embed the iFrame in your Website

To successfully integrate your iFrame in your website, you must:

  • Add your website's URL in the Website section. To add multiple URL, simply write them on a separate line. Our security measures prevent outside sources from embedding the iFrame in a different website.

  • We suggest testing with the Test code prior to using the Production code to make sure it works properly. When you're ready, copy and paste the HTML Production code in the desired location on your website.

To embed the iFrame, right-click on the desired location in the webpage and select 'View Page Source'. Paste the Production code in the appropriate spot in the HTML strand. We recommend your webmaster or someone with knowledge of HTML perform this action. Contact us at support@amilia.com if you need help.

If you prefer, you can integrate buttons on your website that link to your online store.

3. How Safari Users Interact with your iFrame

Clients browsing with Safari on their Apple products will need to click one or two additional buttons in order to interact with your iFrame.

  • If 30 days or more have elapsed since the client logged into their user account, the message below appears after they click on the iFrame:

  • If less than 30 days have elapsed since the client logged into their user account, the message below appears after they click on the iFrame:

If clients Allow cookies, they may continue browsing on the iFrame. If clients Don't Allow cookies, they'll be redirected to your store on the SmartRec platform.

You might also be interested in:

Customize your Online Store

Link SmartRec to your Website

Your Store's Marketing and Engagement Analytics

Did this answer your question?