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.




 Layout 

 




 

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

Style 

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.

Button 

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.


Presentation 

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.


    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





                       
                      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 ...
                                                                            • Unpublish your store

                                                                              Sometimes you no longer require an ecommerce store. You can always unpublish the store to revive it whenever you require it later. To Unpublish your store 1. Go to Site Settings > Preferences under General. 2. Unpublish button will get your store ...
                                                                            Wherever you are is as good as
                                                                            your workplace

                                                                              Resources

                                                                              Videos

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



                                                                              eBooks

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



                                                                              Webinars

                                                                              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