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.


    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 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 ...
                                                      • Collection Slider

                                                        You can now display all your products using a collection slider. This will prevent the website from being scrolling down too far. With a slider, all your products will move in the horizontal direction.  Add a collection slider Open Site Builder, Go ...

                                                      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