Selling on Ghost with Ecwid

You can let your customers place orders right on your Ghost website if you use Ecwid. After you create a free Ecwid account, you get the control panel where you can add products that you want to sell, set up shipping and payment methods, process orders, etc. and you get the storefront with your products and checkout.

You can add your entire storefront to a Ghost website to show all your catalog on one page, add store categories to different website pages if you want to separate the categories or add individual products with “Buy now” buttons to highlight certain products on your Ghost website.

Adding your Ecwid store to Ghost

To add an Ecwid store to Ghost:

  1. Copy your store code. Go to Ecwid admin → 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:
    Copy Ecwid integration code for ghost.org
  4. Go to your Ghost Admin and open the page or post where you want to add Ecwid.
  5. Click on the plus icon and select HTML:
    Add Ecwid to Ghost via HTML block
  6. Paste here your copied store integration code:
    Add Ecwid store code to Ghost
  7. Save and publish the changes.

After that, open your website, refresh the page and you will see your Ecwid storefront on the website page.

You can also choose the category that you want to display first to customers who open your store page. To do that, you’ll need to specify the category ID in the store integration code. See instructions here: Category displayed to first-time visitors.

Adding a Buy Button to Ghost

With Buy buttons you can add individual products to different pages of your Ghost website and thus feature these products. For example, if you are writing a blog post on how customers can use your products, you can add that product right into your blog post. That will encourage customers to buy the product as they are reading the article.

To add a Buy Button to Ghost:

  1. From your Ecwid admin, go to Overview.
  2. Scroll to the Buy buttons card and click Get Started.
  3. Follow the wizard: pick a product and select the layout. You’ll see the preview of how your product will look like with the selected layout.
  4. Click Appearance to select what product details you want to display.
  5. Click Generate code.
  6. Click Copy code.

You've got a code for the Buy Button that you can add to your website:

  1. Log into your Ghost Admin.
  2. Open the page where you want to add the Buy Button.
  3. Find the place where you want to add a product, click on the plus icon and select HTML.
  4. Paste the Buy Button code in the HTML field:
    Add Ecwid Buy now code to Ghost
  5. Save and publish the changes.

On your website, the Buy Button will look like this:

Ecwid Buy now button on Ghost

Was this article helpful?

Awesome! Thanks for your feedback!

Thanks for your feedback!

Sorry about that! What went wrong?
1 out of 1 found this helpful