Getting Started
Integration with page builders
Integrate Assortion with PageFly, GemPages, and other page builders
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:Page Builder Instructions
Adding widgets to PageFly
- Open your page in the PageFly editor
- Add an HTML/Liquid block where you want the widget
- Paste the appropriate HTML snippet from above
- Save and publish your page
PageFly Documentation
Widget Placement Tips
Optimal placement locations
Optimal placement locations
- 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
Multiple widgets on one page
Multiple widgets on one page
You can add multiple widgets to the same page. Each widget will automatically detect and display relevant offers based on your configuration.
Mobile optimization
Mobile optimization
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
| Issue | Solution |
|---|---|
| Widget not showing | Ensure the offer is active in your Assortion dashboard |
| Wrong position | Try placing the HTML block in a different section |
| Display issues | Clear your browser cache and refresh the page |