Usage — Offline order level

At offline-order level, you place a marker element next to each item in a POS / in-person sale that doesn't have an online order — receipts, transaction logs, anything where the shop captures the sale outside of an e-commerce checkout.

1. Load the widget script

Add the script once per page. It auto-initialises on DOMContentLoaded and scans the page for any element marked with data-authentified-widget.

<script src="https://unpkg.com/@authentified/js-widget@alpha/dist/umd/index.js" async></script>

2. Add a marker per offline line item

Drop a <div data-authentified-widget> next to each item with data-scope="offline", the data-order-id (your POS / receipt reference), and the data-variant-id. Pick the tab below that matches how your shop integrates with Authentified — the attributes are the same, only data-source changes.

For shops that have installed the Authentified Shopify App, set data-source="shopify" (the default) along with the variant and your POS / receipt reference.

<div
  data-authentified-widget
  data-scope="offline"
  data-source="shopify"
  data-product-id="1234"
  data-variant-id="5678"
  data-order-id="POS-2026-0042"
  data-customer-id="777"
  data-shop-id="1"
></div>

See the Props page for the full list of required and optional attributes.