Buy Now button

If you're selling one or a few products, you can add them to your website using Buy Now buttons. You can add products to your blog page, sidebar, or any other place on your site. Customers will be able to place orders directly using a Buy Now button.

Adding one product to a page

You can find the HTML code for Buy Now buttons in your Ecwid admin, go to Catalog → Products:

The Buy Now button tab

To add products individually, you need to copy and paste the product’s code where you want to show the product. You must add this code to the desired page’s source code. The exact steps depend on your sitebuilder or CMS.

To add a single product to a website page:

  1. From your Ecwid admin, go to Catalog → Products.
  2. Open the desired product.
  3. Open the "Buy Now" button tab:

The Buy Now button tab

  1. Check the product details you want to display:

Check details

  1. Select the appearance options. You can see the changes in preview:

Select the appearance options

  1. Copy the code from the box below:

Copy the code

  1. Log in to your site or blog backend.
  2. Paste the code to the desired page. Depending on your website, that may be HTML or source tab or a separate button to add codes. If you are not sure how to add custom codes to your website, please contact your website developer for more detailed instructions.
  3. Save and publish the page.

Highlighting your product

It’s possible to show a specific product upon opening your store page. This is ideal for stores with one product or stores that wish to highlight a particular product. To achieve this use the code below.

<div> <script type='text/javascript' src='https://app.ecwid.com/script.js?STOREID'></script> 
<script type='text/javascript' data-cfasync="false">
xProductBrowser("defaultProductId=PRODUCTID");</script> </div>

 Here STOREID is the ID of your store and PRODUCTID is the ID of the product you want to display. You can find it in the address bar of your browser, when you open the URL of this product page. For more information, please see the detailed instructions.

Related articles

7 Ways to Sell With Ecwid’s “Buy Now” Button (blog)
What it Really Means to Sell Everywhere With Ecwid E-commerce (blog)

Was this article helpful?

Awesome! Thanks for your feedback!

Sorry about that! We are here to assist you by email or chat.

Contact support