Embed attributes

Put these on the same element as data-vinext-product. The script also accepts data-vinext-* and data-sellix-* aliases.

Product

Attribute	Description
`data-vinext-product`	Product ID. Required. Aliases: `data-vinext-product-id`, `data-vinext-product`, `data-sellix-product`
`data-vinext-shop`	Shop slug or ID. Optional if `Stakk.init({ shopId })` already ran
`data-vinext-variant`	Variant ID
`data-vinext-quantity`	Quantity. Defaults to `1`

Attribute	Description
`data-vinext-coupon`	Coupon code to auto-apply. Alias: `data-vinext-coupon-code`, `data-sellix-coupon`
`data-vinext-email`	Pre-fill customer email
`data-vinext-gateway`	Preferred method, for example `BITCOIN`, `STRIPE`, `PAYPAL`
`data-vinext-theme`	`light`, `dark`, or `auto`
`data-vinext-locale`	Checkout locale, for example `de`
`data-vinext-affiliate`	Affiliate code
`data-vinext-return-url`	Redirect after a successful payment

Product custom fields (username, Discord, license seat, and so on) can be declared two ways.

Per field — the suffix is the field name:

<button
  data-vinext-product="PRODUCT_ID"
  data-vinext-field-username="florian"
  data-vinext-field-discord="buyer#0001"
>
  Buy now
</button>

JSON object when you have several:

<button
  data-vinext-product="PRODUCT_ID"
  data-vinext-custom-fields='{"username":"florian","license_seat":"main"}'
>
  Buy now
</button>

data-vinext-checkout-{key} is also accepted, matching Sellix-style checkout keys.

<div
  data-vinext-widget
  data-vinext-product="PRODUCT_ID"
  data-vinext-widget-label="Buy now"
></div>

The script injects a buy button into that element.

The same prefills work on the checkout URL if you open /embed/checkout yourself:

/embed/checkout?shop=SHOP&product=PRODUCT_ID&coupon=SAVE10&email=buyer@example.com&qty=2