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 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
      Redefine the way you work
      with Zoho Workplace

        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

            Get started with Zoho Sign

            in a few quick steps!

            Download Help Guide

                        Still can't find what you're looking for?

                        Write to us:



                          Zoho Marketing Automation

                            Zoho Sheet Resources


                                Zoho Forms Resources

                                  Secure your business
                                  communication with Zoho Mail

                                  Mail on the move with
                                  Zoho Mail mobile application

                                    Stay on top of your schedule
                                    at all times

                                    Carry your calendar with you
                                    Anytime, anywhere

                                          Zoho Sign Resources

                                            Sign, Paperless!

                                            Sign and send business documents on the go!

                                            Get Started Now

                                                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 ...
                                                                                      • Domains

                                                                                        Before you publish your site, you need to set up your domain.  1. Go to Settings > Domains under Configure. 2. You can choose to do one of three options: Use a Zoho Commerce subdomain ( Buy a new domain Map a domain that ...
                                                                                      Wherever you are is as good as
                                                                                      your workplace



                                                                                        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