Add a 'Buy Now' Button or Widget to Your Website

Add a 'Buy Now' Button or Widget to Your Website

Any product can be prominently featured on your website's homepage or anywhere else with the "Buy Now" feature. Customers can select options and checkout right from the page!

You can find the HTML code for Buy Now widgets in your Shop App dashboard. Once you select what options you'd like to display in the widget, copy & paste the widget code into your website. An animated walk-through and detailed instructions are listed below!

  1. Select Sales Channels on the left-hand sidebar of your Shop dashboard.
  2. On the Sales Channels page, scroll down until you reach the section labeled Sell on your website. Look for the Buy buttons option and click Get Started.
    Screen_Shot_2021-09-01_at_4.18.40_PM.png

  3. Click the Pick Product button, then select the product from the dropdown menu that appears in its place.

    Screen_Shot_2021-09-01_at_4.21.35_PM.png
  4. Select the layout and appearance options. You can see the changes in preview as you go.
  5. When you're happy with the widget, click the Generate Code button.

    Screen_Shot_2021-09-01_at_4.23.21_PM.png
  6. Click the Copy Code button to copy it to your clipboard.
  7. Next, head back to your Websites 360® dashboard. Create a new HTML Block, then paste the code in the HTML Block and click Save.

    buy-now-button.gif

 


    • Related Articles

    • Embed Your Shop or Product Category on Your Website

      Once your Shop is set up within Marketing 360®, then you will want to embed your store and products on your website. You can embed your entire store on your site, or you can instead choose to embed individual categories. Regardless of which method ...
    • Add a Shopping Bag Widget to Your Website

      When you set up your Store, you can add a Shopping Bag widget to your website so that users can navigate to their cart and check out after adding products, regardless of which page they're viewing. Set up a shopping bag widget Select the Pages tab at ...
    • Use Advanced CSS to Style Your Store

      You can easily customize the look and feel of your Shop by using Cascading Style Sheets (CSS). How to Add Custom CSS To add custom styles to your store: Click Design from your Shop App dashboard. Next, click Create Theme to start your new, unique ...
    • Changing the Look of Your Store

      Once your Websites 360® site is set up for basic shopping functionality, it's time to customize the look and feel of the contents of the store. From Marketing 360®, click Shop App from the dashboard or from the App Menu near the top left corner of ...
    • Add a Product Search Bar to Your Store Website

      If you'd like to give customers the option to search products that you sell on your online store, you can embed a product search widget on your Shop pages. 1. Navigate back to the Content panel on the Websites 360 dashboard, then navigate to the page ...