- Log into your 3dcart Online Store Manager
- Using the left hand navigation menu, go to Products >Product List
- 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)
- 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
Mark this checkbox to display the product thumbnail image on the widget
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
- 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 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.
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.