Widgets can only be created on Desktop. Check out these two ways to simply create a widget so you can share a group of shoppable products, all in one place!
1. Create > Product Widget
- Click Create > Product Widget to get started.
- Add items using the search bar and/or items from your lists
- You can toggle between these options at any time!
Adding by Search (Product Catalog)
- Use filters to narrow your search!
- Use the right-hand side drop-down to sort by different variables
- Hover over the item and click "Add to Widget"
- You can also save products to lists along the way. This allows you to store items for other widgets or Looks as you go!
Adding by List (My Lists)
- Scroll through your Lists if you'd like to add all items in a list, or simply select specific products from a List.
- Use the left-hand product details to remove an item. Simply hover over it and click on the x
- When you have all your products selected, click Next
- Name your widget for internal organization (above "Display").
- Then, add relevant information to the product cells and customize what you'd like to display (brand, retailer, price, sale price, product name, Get a Sale alert, etc).
- Interested in the Get a Sale Alert option? Find out more about Favorites on Product Widgets here!
- Pro Tip: Take advantage of widget captions. Add up to 200 characters per product cell. Giving a personal touch improves conversion.
- Preview your widget across devices. Remember, your shoppers can access Widgets on any device!
-
Pro tip: Know the container size that you’re embedding your widgets into and enter it into the preview field!
- Note that this is to preview the widget only. To make any edits, utilize the pixel or percentage editor in the lower-left corner. Learn more here.
- Rows will default to "Auto" and Cell Width to "200 px." You may adjust the Rows and Product Cell Width to fit your blog's needs.
- Learn more about creating the widget rows and columns you want here.
- Click Reorder & Change Images (upper right) to drag and drop to rearrange the products
- Hover over a product to see if alternate images are available. Click Change Image> select the image > click Save
- Click Publish to view all Sharing Options!
-
Share your Widget on social, your website, blog, newsletter, etc! Copy the link in "Share to Social Platforms" or embed the widget on your blog.
- Click Copy Embed Code to select the code in its entirety. To embed it, paste all the code into the HTML slot of your blog post
Note: Any edits made to your widget will take about 10-15 minutes to update, but no need to re-embed your widget in the meantime. It will auto-update!
2. Convert Lists to Widgets
Go to My Content > Lists and choose a List you'd like to convert to a Product Widget.
Select a List.
Click Convert to Widget to instantly create a Product Widget!
Pro Tip: You can remove products that you don't want to display in the Widget, and they will still appear in your original Lists.
Quick facts:
- Widgets automatically update with your edits! If you make any edits, you will not need to re-embed the code. Refresh the page and you'll see the updates appear.
- To bookmark widgets that you use often, click the star next to the widget name. You’ll see a list of Starred widgets on the top of your Saved Widgets list.