"Buy Now" button tab

Last updated

If you're only selling a few items, you can showcase them using Buy Now buttons. This feature places your products right on your blog page, sidebar, or any other place on your site. Customers will be able to place an order directly using a Buy Now button.

You can customize your product details page for Buy Now buttons so they match your website’s aesthetics.

In this article:

Adding one product to a page

You can find the HTML code for Buy Now buttons Ecwid Control Panel → 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 copy the code of a product:

  1. Go to Ecwid Control Panel → 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. Login to your site or blog backend.
  2. Paste the code to the desired page’s source code where your product should show.
  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

Adding products to store
Adding your store to any website

Back to top
Has the article answered your question?

Awesome! Thanks for your feedback!

Please send us that question. We will be happy to help by email.

Send a message