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:
- Copy your store code. Go to Ecwid admin → Sales Channels.
- Scroll down to the "Sell on your website" section and click Pick Platform → Other platforms and sitebuilders.
- Click Copy Code to Clipboard:
- Go to your Ghost Admin and open the page or post where you want to add Ecwid.
- Click on the plus icon and select HTML:
- Paste here your copied store integration code:
- Save and publish the changes.
After that, open your website, refresh the page and you will see your Ecwid storefront on the website page.
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:
- From your Ecwid admin, go to Sales channels.
- Scroll to the Buy buttons card and click Get Started.
- 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.
- Click Appearance to select what product details you want to display.
- Click Generate code.
- Click Copy code.
You've got a code for the Buy Button that you can add to your website:
- Log into your Ghost Admin.
- Open the page where you want to add the Buy Button.
- Find the place where you want to add a product, click on the plus icon and select HTML.
- Paste the Buy Button code in the HTML field:
- Save and publish the changes.
On your website, the Buy Button will look like this: