Step 1: Export Your Current Field Configuration
Before making changes, create a backup of your existing checkout layout. In the plugin interface, navigate to the Import/Export section and download the JSON configuration. Save this file with a clear name (e.g., checkout-fields-backup-[date].json). This snapshot ensures you can roll back if autofill behavior degrades after edits. For teams, store these files in version control alongside notes about why the layout was modified.
Step 2: Reorder Fields While Preserving Autofill Hints
Drag-and-drop fields to match your desired flow, but keep these rules in mind:
- Group address lines contiguously: Country, postal code, city, and street inputs should stay together. Inserting a marketing prompt (e.g.,
Address Autocomplete and Custom Checkout:Layout Pitfalls That Break Autofill Flows