Browse Guides
Move to another guide without going back to the documentation hub.
Publish Your Widget Without Guesswork
Use this guide when the widget already looks right in preview and you are ready to place it on the storefront. Choose the delivery format, generate code for the right product, then confirm the live page matches what you approved.
Choose the Layout That Fits the Page
Widget showcase list
Best for straightforward product-page placement when you want a familiar vertical review block.
Widget showcase grid
Best when you want a tighter multi-card layout that still feels easy to scan on product pages or landing sections.
Widget showcase masonry
Best for uneven review lengths and more editorial storefront sections.
Widget showcase carousel
Best when space is tight and you want customers to browse reviews horizontally.
Confirm the Saved Widget Before You Generate Code
Start in Settings -> Widgets and make sure the saved layout is the one you want customers to see. The snippet modal reuses that saved widget state.
- Preview Page should match the layout you plan to publish
- If the drawer still has unsaved changes, save them before preview or code generation
- Product snippets reuse the saved widget configuration for the selected product
Generated Storefront Code
<!-- Sabdov Widget Embed Start -->
<div id="sabdov-root" data-widget-id="923-xyz-44"></div>
<script src="https://cdn.sabdov.com/v2/widget.js" async></script>
<!-- Sabdov Widget Embed End -->Generate code only after the right product and layout are selected. If the live page still shows an older widget, replace the old snippet or refresh the storefront placement.
Publish Checklist
Confirm the widget key is active
You should be able to open the snippet flow without a warning that the widget is unavailable.
Preview before copying code
The hosted preview should show the same layout, product, and general spacing you expect to publish.
Check delivery eligibility
If code generation is unavailable, confirm the selected product meets the widget or review requirements before escalating.
Why a Delivery Option Might Be Missing
Some delivery options appear only when the selected product, widget key, and plan meet the requirements.
Before you paste code
Pick the right layout, confirm the saved preview, then compare the live page against that same approved output after installation.
Was this helpful?