Applies to Version(s): 3.9.x  Series

Complexity Level: Easy

Estimated Time for Completion: 5 minutes

In this article, you will learn:

How to Activate Widgets

Creating a Widget for Products

Activating Product Widgets

Product Widgets allow you to create HTML code snippets so that you can add your products to other sites like WordPress or Weebly and display them there. Widgets are enabled under Apps. 

  1. In your control panel, go to Apps > App Center. 
  2. Scroll to the bottom of the Apps list and click on Widgets.
  3. Click Enable at the top right corner. 

enable widgets app

Creating a Widget for Products

Now, you will need to edit a product to create a widget for it.

  1. Go to Products & Categories > Browse Products.
  2. Select and click the product you're looking to create the widget for.
  3. Click the Widgets button.

widgets button

         4. Fill out the necessary information. These will affect the HTML that gets generated. 

  • Campaign: Select the campaign or the widget that you want the product to add to.  
  • Product URL Type: You can choose between Products Page Link and Add Product to Cart link. The former will just create a link to the product page of the product on your store, while the latter will take you to the product AND add it to the cart. 
  • Product Image: You have three options; Product Page Image, which is the full-size product image, Thumbnail, which shows the smaller version of your image, and No Image, which is no image.
  • Widget Style: You have three different styles to choose from. Play with these to decide which one best fits you. 

widget settings

        5. Click Generate after you've selected those options. 

        6. A new dialog box will show up which displays the HTML you need to add to your site. You will just highlight, copy, and paste it where you want it to go. 

widget preview

Adding a Buy Button to Your Weebly Store

If you didn't get your question answered, please contact the Pinnacle Cart Support Team. To submit a ticket, go to the My Account drop-down menu at the top right of the admin area and select Support.