Embed Mobi2Go into Wix

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)

Screen_Shot_2013-07-23_at_10.46.34_AM.png

 

 

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.

Screen_Shot_2013-07-23_at_10.47.07_AM.png

 

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.

 

 Screen_Shot_2012-12-01_at_12.49.32_PM.png

 

Screen Shot 2012-12-01 at 12.21.09 PM.png

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

 



 

Have more questions? Submit a request

Comments