One product in a page ("Buy Now" button)

Last updated

If you're selling one or only a few items, you can add just them  and a "Buy Now" button right into your blog page, the sidebar or any other place on your site, and into your custom product details page. Your customers will see your product and a "Buy Now" button and will be able to place an order. It works just the same as the whole online store.

Adding one product to a page

To add products to your pages or blog posts one by one, you need to copy the code of a product and paste it in the place where you want the product to show. 

You need to add the code to the source code of the page where you are adding the product. The exact steps depend on the sitebuilder or CMS you use.

To copy the code of a product do the following:

  1. Go to your Ecwid Control Panel → Catalog → Products.
  2. Open the page of the product you want to add.
  3. Open the "Buy Now" button tab:

Buy Now button tab

  1. Check the product details you want to display in the page:

Select the product details to show

  1. Select the appearance options to make the product look the way you need. You will see the changes in preview:

Select the appearance options

  1. Copy the code from the box below:

Copy the product code 

  1. Login to your site or blog backend.
  2. Paste the code to the source code of the page or blog post where you product should show. 
  3. Save and publish the page.

Opening the product page right away

It is possible to open your store page with a certain product. This works great if you have just one product, or you want to draw your customers' attention to this particular item. To achieve this use the code below. Pay attention to the following option:

defaultProductId=%productId%

where productId is the id of your product. Нou can get it from the address bar of your browser, see the detailed instruction on how to obtain it.
 
Here is an example, this code will open the O'Neill Corrie Dress product page in our demo store:

<div> <script type='text/javascript' src='https://app.ecwid.com/script.js?1003'></script> <script type='text/javascript' data-cfasync="false">  xProductBrowser("categoriesPerRow=3","views=grid(3,3) list(10) table(20)","categoryView=grid","searchView=list","style=","defaultProductId=70178256"); </script> </div>
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