How to connect Fomo with Shift4Shop [formerly 3dcart]
Shift4Shop (formerly 3dcart) is an ecommerce platform used by entrepreneurs to sell online.
Connecting your Shift4Shop store with Fomo is easy and does not require any coding experience.
Important - if you don't already have a Fomo account, create one. Then, add your 3dcart Secure URL to Fomo before continuing this guide.
Step 1 - Enable Rest API
While logged into your 3dcart store admin, visit Modules on the left side, and search for the REST API application.
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/6630e7894c3ddc1d4e7a2400/images/66509e9be1989867dcefd12e/rest_api_shift4shop.png)
Step 2 - Enable Fomo
Ensure the module is enabled (an "enable" checkbox will appear if not already enabled), then click the 'Settings' button below the Rest API module.
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/6630e7894c3ddc1d4e7a2400/images/66509e9bdd0f8c60bb3fc391/rest-api-no-apps-added.png)
Note: your screen may look different if you already have other apps enabled.
Click the 'Add' button in the top right corner.
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/6630e7894c3ddc1d4e7a2400/images/66509e9c5940934e140f3db8/enable-fomo.png)
Paste this string of text in the Public Key input and hit the Save button on the right side of the input box.
557c09d4596de1e2275c5be44d687824
After saving, you should see a small popup that asks you to grant permissions to Fomo.
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/6630e7894c3ddc1d4e7a2400/images/66509e9cdd0f8c60bb3fc392/authorize-settings-fomo.png)
Click Authorize.
Step 3 - Embed the Fomo Script Tag
You're almost there. Fomo is now syncing live with your store orders, we just need to install a small widget on your storefront so your shoppers can see them.
To do this, first get your Fomo embed snippet from Fomo > Settings > Embed.
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/6630e7894c3ddc1d4e7a2400/images/663d13205027f87fcc6be6f0/embed_snippet_main.png)
Next, in your Shift4Shop admin panel visit Settings > Design > Themes & Styles and find the 'Open Template Editor' option.
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/6630e7894c3ddc1d4e7a2400/images/66509e9d5173914f806c0e2b/open-template-editor.png)
You should now see some files. Click the gear icon and select "edit" to open the file called 'Frame.html.'
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/6630e7894c3ddc1d4e7a2400/images/66509e9d5173914f806c0e2c/frame-design.png)
Scroll carefully down the file (or search the page with cmd+f or ctrl+f) until you find "".
Paste the embed code from your Fomo account above this tag, like this:
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/6630e7894c3ddc1d4e7a2400/images/66509e9d1f3fa9421e2871b1/7cc2yuqb3tkcv07p3214ps0f3lq2344mng6ys9i6wirgct6mix_3F1480139990.png)
It's ok if there are other files, or line breaks, etc that make your file look different than this.
Lastly, click 'Save' in the top right to update your theme with these changes.
Step 4 - You're Done!
New orders on your Shift4Shop storefront will now be imported to Fomo, and streamed live on your site. You may have to wait a few minutes for recent orders to start populating on your Events tab.
Fomo has been proven to increase conversions for thousands of ecommerce stores around the world -- we're happy to have you on board.
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/6630e7894c3ddc1d4e7a2400/images/66509e9e1f3fa9421e2871b2/3dcart-fomo-notification-sample.png)
To edit the message structure of your Fomo notifications, simply visit the Notifications tab while logged into Fomo, locate the Shift4Shop/3dcart template, and click 'edit'.