Moonfruit

Last updated

Moonfruit is a popular website builder that allows you to easily deploy attractive eye-catching sites without having to understand any coding, HTML or CSS. And, if you are planning on selling products online, you can easily add Ecwid shopping cart to your Moonfruit site, too. After 5-minute installation process your store will work as an integral part of your site.

How to add Ecwid to your Moonfruit site

1. If you don't have an Ecwid account yet, feel free to create it here. Then log in to your Ecwid control panel and copy the integration code from the Dashboard page. Save it somewhere within reach, you will need it pretty soon.

2. Log in to your Moonfruit site for editing and click on the Pages (toolbar) -> Add a new page (sidebar) there.

3. A popup window will appear with a choice of different types of pages to add. A blank page will work fine - choose this option and press the Next button. You will then be asked to name the page and set its visibility, etc.

Select the preferred options and add the page using Finish and then the Apply button.

4. This new page will appear in the navigation menu. Click on the page name in the menu to open it for editing and add HTML snippet to it by clicking on Insert (toolbar) > HTML Snippet (sidebar).

5. Position the HTML widget on the page by dragging it to the necessary place. Then click on the Info tab in Editor (the floating panel on the right side) and adjust its width and height (e.g. 700x500).

6. The last thing to do now is to click on the Setup tab in Editor, paste your Ecwid integration code into the blank field there, press Apply button and save the page.

if you want to place several Ecwid widgets on your store page (e.g. the categories tabs widget and the product browser), please make sure you place the corresponding integration codes in the same HTML snippet rather than creating separate snippets for each widget. Unfortunately, the technical limitations of the Moonfruit sitebuilder will not allow to place Ecwid widgets inside different HTML snippets.

That's all, your store is ready! You can manage its settings, add new products, set up payment methods, etc inEcwid control panel. All the changes will be applied to your store immediately.

Was this article helpful?
0 out of 0 found this helpful
Questions?
Get help
  • Presales Chat

    Need help choosing the right Ecwid plan? Our Sales team has the answer you’re looking for.

  • Forums

    Join the Ecwid community. Discuss support topics and store ideas with other Ecwid users.

  • Contact us

    Still have questions about Ecwid? Let us know! We will be glad to help you with your Ecwid store.

  • Status Monitor

    Get real time status updates on Ecwid services here, 24/7