Skip to main content
If you’re using a page builder to create custom product pages, you can easily integrate Assortion widgets using HTML snippets.

​
Widget HTML Codes

Copy and paste these HTML snippets into your page builder: 
<div id="ast-vd-container"></div>

​
Page Builder Instructions

  • PageFly
  • GemPages
  • Other Builders

​
Adding widgets to PageFly

  1. Open your page in the PageFly editor
  2. Add an HTML/Liquid block where you want the widget
  3. Paste the appropriate HTML snippet from above
  4. Save and publish your page

​
Widget Placement Tips

  • Volume Discount: Near the product price or quantity selector
  • Frequently Bought Together: Below the main product information
  • Product Add-ons: Above or near the add to cart button
You can add multiple widgets to the same page. Each widget will automatically detect and display relevant offers based on your configuration.
All Assortion widgets are fully responsive and will adapt to mobile layouts automatically.

​
Troubleshooting

Make sure you’re adding the HTML snippet to a product page or a page that has product context. Widgets won’t display on pages without product information.

​
Common Issues

IssueSolution
Widget not showingEnsure the offer is active in your Assortion dashboard
Wrong positionTry placing the HTML block in a different section
Display issuesClear your browser cache and refresh the page

​
Need Help?

If you need assistance integrating with your specific page builder, contact our support team at support@assortion.com.
⌘I