Preo
  • Homepage
  • About
Apps
  • Dashboard
  • App Store
  • Google Play
Social
  • LinkedIn

© 2026 Preo ApS

  • Integration
  • API
Introduction
Web Component
    PreviewConfiguration OptionsCustom transaction status page
Frameworks
    NuxtNext.js
Web Component

Preview

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://edge.preo.cloud/c/components@0.6/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-verification-method="modal"
  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 April 21, 2026
IntroductionConfiguration Options