Configure and preview the Preo storefront widget in real-time. Adjust settings, share configurations via URL, and copy the generated HTML code.
Configuration Options
General
Developer
Products
UI
Colors
Cart
Form Fields
HTML Code Snippet
<!-- Include Preo Components Script -->
<script src="https://cdn.jsdelivr.net/npm/@preo-live/[email protected]/dist/components.umd.js" async></script>
<!-- Preo Storefront Widget -->
<preo-storefront
sdk-id="dev:mk:org_38wOTmXJjmzyevTW1MeDRqYqPHa:edt_38wOaCta5xFOFu8h6VQNBsZadao"
locale="en"
auth-method="form"
product-image-mode="zoom"
crossed-price-layout="full"
age-gate-mode="on_load"
age-gate-age-verification="18"
currency-locale="auto"
is-cart-summary-editable
ttl-store="60"
has-first-name-field
has-last-name-field
has-email-field
has-phone-field
></preo-storefront>Last modified on