Buy Button

Buy Button

The Buy Button feature is used to add products from your store to any site, blog, email, social media post, and more. Using the Buy Button, you can sell your products anywhere. The Buy Button will redirect customers clicking on it to your store's checkout page.


Setting Up a Buy Button for Your Store 

To set up a Buy Button:
  • Go to Settings in the Zoho Commerce dashboard.
  • Click Buy Button under General.


  • Click Product to feature a product from your store on a website/blog.

  • Click Collection to feature an entire collection from your store.

Featuring a Product using a Buy Button

  1. Click the product that you want to feature.
  2. Click Select Product.


 Featuring a Collection using a Buy Button

  1. Select any Collection from the dropdown list.
  2. Click Select Collection.


Customizing Your Product 

Sellers can completely customize the way their product is going to be featured. The Buy Button customization page allows you to customize details such as font size, color, style, layout style, the Buy Button color, and the overall presentation.

The Customization column to the right side of the Create Buy Button page has the required settings.

  1. Click the Change Product button to add a different product to feature.

  2. Click the Show all product images toggle button to show all the images of a particular product.

  3. Click the Show quantity field toggle button to show the quantity of the product near the Buy Button.

  4. Click the Variant dropdown to choose the different variants available in the product.




To change how the Buy Button appears—below the product picture or beside it—click the Layout option. 


Click the Style option to change the text style of:
  • The Product Name
  • The Product Price

  • The Product Variant


In this section, you can style your Buy Button with different colors, text sizes, fonts, etc.

  • Click Name to customize the text size, color, etc. of the Product Name.

  • Click Price to customize the text size, color, etc of the Product Price.

  • Click Variant to customize the text size, color, etc of the Product Variant.


Click the Button option to style the Buy Button itself, which by default features the text "Buy Now."

Enable border-radius for the button allows you to add a border to the Buy Now button.


The Presentation option allows you to style the overall look of the Buy Button. i.e., how the feature will look on other websites.

  • Enable border for product allows you to add a border to the product image.

  • Enable border-radius for product allows you to add a larger border around the product, its name, price, and the Buy Button.


Once you're done customizing the product and the Buy Button, it's time to get the code that you will place on your website. To do this:

  1. Click Get Code at the bottom of the page. 


A pop-up will appear on the screen with a HTML code.

  1. Click Copy code to clipboard.

Note: Simply paste this code in the HTML section of any website, blog, or email. Your Buy Button is now active and ready to use.

    Zoho DataPrep Personalized Demo

    If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

    Zoho CRM Training

      Create, share, and deliver

      beautiful slides from anywhere.

      Get Started Now

              Zoho CRM Training Programs

              Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

              Zoho CRM Training

                Zoho SalesIQ Resources

                    Zoho TeamInbox Resources

                              Zoho DataPrep Resources

                                Zoho DataPrep Demo

                                Get a personalized demo or POC

                                REGISTER NOW

                                  Design. Discuss. Deliver.

                                  Create visually engaging stories with Zoho Show.

                                  Get Started Now

                                                        • Related Articles

                                                        • Button

                                                          A button is an interactive element, used by visitors when they need to select an option or respond to a Call to Action (CTA).   Edit Button Click the button element on your page, then toggle display options like Alignment, Style, Size, Width, and ...
                                                        • How can we link the menu button with the pages?

                                                          Menu Element can be added in your store. These Menus can then be linked to an external link, as well. To learn more about menus, click here.
                                                        • General Settings Overview

                                                          General settings consist of major features that are related to running of your store. They are your direct route into products, shipping and payment gateways. They also help to categorize and arrange your store for better user experience. Payment ...
                                                        • 2Checkout

                                                          Go to Settings, then click on Payment Gateways. Click the Set Up button listed adjacent to the 2Checkout logo. Enter your account details as follows: 2CO Account #: Enter the Account Number given to you by 2Checkout. Secret Word: Enter the Secret ...
                                                        • Set Preferences

                                                          Go to Settings > Preferences under Product Reviews to set up your product review preferences. Enable Product Reviews toggle button to allow your customers to review the products in your store. Select from the available option in the Reviews Per ...



                                                        Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.


                                                        Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.


                                                        Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.

                                                        CRM Tips

                                                        Make the most of Zoho CRM with these useful tips.

                                                          Zoho Show Resources