Knowledgebase: General
How do I Create the Buy Now Button/Widget?

The 3dcart Buy Button makes it easy to sell your products on any website that allows you to edit HTML and add JavaScript. Powered by the new 3dcart frontend API, with just a few clicks you can quickly embed products on any website you control. Best of all, customers can quickly checkout using 3dcart’s fast, secure checkout process, for a truly powerful and convenient complete shopping experience.

  1. Log into your 3dcart Online Store Manager
  2. Using the left hand navigation menu, go to Products >Product List
  3. Locate the product that you'd like to create a button widget for and click on its action wheel
    (located at the far right of the product listing)
  4. Select "Create Buy Button" to begin creating the widget.

A pop up window will appear with various settings that allow you to customize the look and feel of the widget. On the right hand side of the popup, you will see a real time view of the widget that will update as you change settings.

Your available widget settings are:

  • Visible Elements
    • Product Name
      Mark this checkbox to display the product name on the widget
    • Thumbnail
      Mark this checkbox to display the product thumbnail image on the widget
    • Price
      Mark this checkbox to display the product price on the widget
    • In Stock Message
      If/When the product is in stock, the widget will display the text entered in this field
    • Out of Stock Message
      If/When the product is out of stock, the widget will display the text entered in this field
  • Display
    • Button Color
      Use this drop down selector to choose the color of the Action Item (buy now) button
    • Button Text Color
      Use this drop down selector to choose the color of the Action Item (buy now) font
    • Background Color
      Use this drop down selector to choose the color of the widget's background.
    • Text Color
      Use this drop down selector to choose the color of the overall widget's font.
  • Button
    • Button Action
      Specify what you'd like the button action to do. Your choices are either view cart or go straight to checkout.
    • Button Text
      Enter what you'd like the button to say.

When you complete setting up your widget, click on the "Generate Code Snippet" button at the top right to view and copy the widget coding. This is the coding that you'll paste into the HTML of whatever site you'd like to have the widget appear on.

Note:
You'll typically be able to place and use the script on any site that you control, which will allow you to add your own HTML and Javascript coding to it.

It is important to note that the widget will use special scripting to perform some of its actions, and this may limit the sites you are able to paste the script into. For example, certain social media sites may not allow the functionality needed to embed the widget on a social post.


Help Desk Software by Kayako fusion