Checkout Display tab
Path: Vayapin → Settings → Checkout Display
Controls everything the shopper sees: the autofill widget itself, its copy, its colours, and the opt-in shown to first-time visitors.
VayaPin Input Widget
The branded autofill field that appears above your standard checkout form. Customers enter their VayaPin alias to instantly populate all address fields.
Widget Defaults
A one-click Use default button. Restores widget copy and position to ship defaults — useful when you've experimented with custom text and want to start over.
Widget Position
Where on the checkout page the field renders. Four options:
| Option | Best for |
|---|---|
| Above billing address form (recommended, default) | Most stores — maximum visibility |
| Below billing address form | When you want the standard fields seen first |
| Above shipping address form | Shipping-driven flows or B2B checkouts |
| Custom | Developers — fires the vayapin_widget_position action hook, place the widget wherever your theme allows |
Widget Headline Text
The label shown above the input. Default: "Have a VayaPin? Checkout in one click". Localise this for your market.
Input Placeholder
Greyed-out hint inside the empty field. Default: "Enter your VayaPin e.g. DK:MARIA86".
Button Label
CTA text. Default: "Autofill Address".
Keep button text short — long labels wrap on mobile and reduce tap area.
Button & Brand Colors
Match the widget to your storefront brand.
| Field | What it controls | Default |
|---|---|---|
| Button Background | Primary CTA colour | VayaPin brand teal |
| Button Text Color | Text inside the CTA | #ffffff |
| Widget Accent Color | Border + soft background tint around the input | Pale mint #F0FCF6 |
Each colour field has a ↺ Default reset button next to it. The Button Background reset is labelled ↺ VayaPin Default specifically so brand colour stays consistent across stores using the plugin.
Button Corner Radius
Slider (0–50 px) with four preset chips:
- Card (12px) — matches Woo Blocks default cards
- Pill (∞) — fully rounded ends (caps at 50 px)
- Square (0px) — sharp corners
- Soft (6px) — subtle rounding
Checkout Notices & Opt-In
Configure consent messaging and the new-user VayaPin creation opt-in at checkout.
Show VayaPin checkout notice
Toggles a small info banner shown below the address form explaining what VayaPin is to first-time shoppers. Hide it once your audience is familiar with the brand.
Enable new-user VayaPin creation opt-in
Shows a checkbox at order confirmation:
"Save my address as a free VayaPin for faster checkout next time."
When checked, the VayaPin is created silently in the background — no redirect, no extra step in the order flow.
Opt-In Checkbox Text
Customise the wording. Default copy is GDPR-friendly; adjust to match your privacy policy.
Pre-check the opt-in checkbox by default
Not recommended in markets where GDPR / explicit-consent rules apply (EU, UK). Pre-checking can be treated as invalid consent in some regions. Only enable if your legal basis and checkout copy clearly meet local requirements.
A static inline callout under this toggle repeats the same warning so it stays in view while editing.
