You can embed your Mobi2Go Storefront directly into your Wix website rather than having to redirect customers to an external site for ordering.
Step One - Adding the Wix HTML Editor to your site
On the page you want to add Mobi2Go ordering to:
1. Add the Wix iFrame / Embed app from the Wix App Market (left hand side of page options)
2. When added choose the HTML Editor settings options:
a) In the 'Mode' dropdown change from 'Website address' to 'HTML Code'
b) Copy and paste your Mobi2Go Storefront Embed Code (instructions below) into the 'HTML / embed code' box.
c) Please also ensure you add the following code to the start of your "Mobi2Go Storefront Embed Code" when copying into the HTML box:
<html>
<div id="Mobi2Go-Storefront!"></div>
</html>
Note: it's recommended that you make the embed container 100% width or a little wider.
Step Two - Obtaining your Mobi2Go Storefront Embed Code
To obtain the customized embed code for your Storefront navigate to Storefront --> Embed into an existing website in your Mobi2Go Console.
Step Three - Authorizing Embed Code in Mobi2Go
Once you have added your Storefront code you need to add your domain details into Mobi2Go in order to authorize your Storefront to display. This is to prevent your Storefront being embedded into sites without your permission.
a) In your Mobi2Go Console navigate to Storefront --> Website Settings and add yourdomain.com to the External Domain setting and save.
b) Then enter your domain into the Whitelisted Domains field twice, making sure to add "‘.usrfiles.com’ onto the end of the second one.
For Example: "www.mystore.co.nz,www-mystore-co-nz.usrfiles.com"
Then click save.
Your Storefront should now show in the page where embedded.
Notes:
- If using a free Wix website i.e. mysite.wix.com you may need to set the external domain to static.wix.com
- The mobile embed for Wix uses an iFrame so the mobile version does not perform as well as the web version. This is something we hope to address soon
Comments