Connect Your Ecwid Store to SpaceCraft

Ecwid is a popular e-commerce service that many businesses and individuals use to sell products on their websites. SpaceCraft has partnered with Ecwid to allow their shops to integrate seamlessly with a SpaceCraft website.

There are two main steps to integrate your Ecwid Store to your website:

1. Add an HTML Block to the desired page.
2. Copy and embed your store's HTML code.
3. Paste the code in the HTML Block.

Part 1: Set up HTML Block

To get started, log in to your spacecrafted.com account.

1. Log in to your SpaceCraft dashboard and navigate to the Content panel.
2. Add a new page by clicking Add New Pages and selecting the Generic page template.
3. Scroll to the bottom of the Content panel and click the newly added "Generic" page to edit it. You can change the page title.
4. On the new page, click one of the green (+) icons and select HTML from the menu.
   

Part 2: Grab HTML Code from Ecwid

For the next steps, you will want to make sure you are logged in to your Ecwid admin dashboard.

1. From your Ecwid admin dashboard, go to Website.
2. Scroll down to the "Add your store to one more website" section and click Pick Platform → Other platforms and sitebuilders.
3. Click Copy code to Clipboard. This is the code of your store.
   • Alternatively, you can copy the integration code right here. Remember to replace 1003 in the example below with your store ID which you can see in the bottom left corner of your Ecwid control panel:
     

     <div id="my-store-1003"></div>
     <div>
     <script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?1003&data_platform=code" charset="utf-8"></script><script type="text/javascript"> xProductBrowser("id=my-store-1003");</script>
     </div>
     

You can also reference this video to find how to obtain this code:

Part 3: Add Code to Website

1. Navigate back to your SpaceCraft dashboard and open the page where you created the HTML Block in Part 1. 
2. In the HTML Block, paste the code that you copied in the last section. It should be placed in the HTML Block according to the screenshot below.