Connect Your Ecwid Store to liveBooks

Connect Your Ecwid Store to liveBooks

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:

  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 design.livebooks.com account.

  1. Log in to your liveBooks dashboard and navigate to the Content panel.
  2. Add a new page by clicking Add New Pages and selecting the Generic page template.Screen_Shot_2021-01-26_at_4.22.26_PM.png
  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.
    Screen_Shot_2021-12-06_at_4.19.20_PM.png

 

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.

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

 

Part 3: Add the Ecwid Code to liveBooks

  1. Navigate back to your liveBooks 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.
    Screen_Shot_2021-12-06_at_4.32.44_PM.png
    • Related Articles

    • Sell Products on Your Website

      To start selling products, set yourself up with an eCommerce platform first. There are two ways to sell products on your liveBooks site: Create links on your pages or in navigation to your eCommerce site Embed your eCommerce store inside your pages. ...
    • Add a Shopify Button

      You can add a Shopify buy button to your website by using an HTML block. You can set this up by following the instructions below. 1. Login to your Shopify admin area, then select Buy Button. 2. Click Select product. 3. Select a product from your ...
    • Does liveBooks have a internal storage solution?

      liveBooks is not currently offering an internal storage solution. Below are the options and platforms that we recommend for cloud storage and file sharing. Using a third-party storage and sharing service: dropbox wetransfer hightail Please click here ...
    • Disable 'Right-Click' and 'Dragging Images' on Your liveBooks Website

      By utilizing the Developer Tools in the liveBooks editor, you are able to disable the 'right-click' or 'context menu' for your images on the site. You can also disable the ability for users to click-and-drag your images from your website onto their ...
    • liveBooks Price Updates

      We are updating our pricing for liveBooks hosting subscriptions. This price increase, and plan consolidation, will allow us to streamline our support efforts and maintain current expectations in changing market conditions. Frequently asked questions ...