Mobi2Go online ordering can be added to any website with a few lines of HTML code.
How to embed the Mobi2Go storefront into your website
(this guide assumes you have a basic knowledge of HTML)
Step 1. Whitelist your website’s domain
The Mobi2Go storefront will only work on domains that have been allowed in the store's website settings.
e.g. If your website's URL is https://ricksburgers.com/online-ordering, the domain ricksburgers.com will need to be added to the external domain list.
You may also need to add any domains you will be using for testing in your local environment.
e.g. test.ricksburgers.com or local.ricksburgers-website
localhost is whitelisted by default.
Add your website’s domain to the Website / Domain Setting section.
Step 2. Decide where to add Mobi2Go ordering to your website.
Mobi2Go ordering can be added to any part of your website.
The menu section of your site is the ideal place to add Mobi2Go ordering – using the Mobi2Go storefront as a replacement for your menu section.
If replacing your menu page is not appropriate, add a new “Order Online” section to your website.
Ensure customers can find the online ordering section of your website easily by adding a link to the main navigation.
Step 3. Identify a HTML container element.
Identify which HTML element on the page the Mobi2Go Storefront will be loaded into.
The element should be the main content container for the section decided in Step 2.
The element should be at least be 600px wide for larger screen resolutions.
Mobi2Go uses the id attribute to identify the element to inject the application into. If the element does not have an id attribute, one will need to be added.
In this example the element’s id is Mobi2Go-Storefront.
Step 3. Find the embed script for your Mobi2Go store.
Log into your Mobi2Go Admin and navigate to Website / Embed into an existing website section. This code will insert the online ordering application into your page. Copy the code (including the script tag).
Step 4. Add the Mobi2Go Storefront embed script to the page
Paste your embed script into your chosen page.
Change the container value to the id of the element chosen in Step 2.
Step 5. Test your Storefront
When the page loads the Mobi2Go storefront will load and be injected into the page. Any changes to your menu or Storefront’s theme will be reflected on refresh.
If you have any issues or questions, contact firstname.lastname@example.org for help.