Ecwid is a popular e-commerce service that many businesses and individuals use to sell products on their websites.
There are two main steps to integrate your Ecwid Store to your website:
- Add an HTML Block to the desired page.
- Copy and embed your store's HTML code.
- Paste the code in the HTML Block.
Part 1: Set up HTML Block
To get started, log in to your design.livebooks.com account.
- Log in to your liveBooks dashboard and navigate to the Content panel.
- Add a new page by clicking Add New Pages and selecting the Generic page template.

- Scroll to the bottom of the Content panel and click the newly added "Generic" page to edit it. You can change the page title.
- 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.
- From your Ecwid admin dashboard, go to Website.
- Scroll down to the "Add your store to one more website" section and click Pick Platform → Other platforms and sitebuilders.
Click Copy code to Clipboard. This is the code of your store.
You can also reference this video to find how to obtain this code:
Part 3: Add the Ecwid Code to liveBooks
- Navigate back to your liveBooks dashboard and open the page where you created the HTML Block in Part 1.
- 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.
