What It Does
The Addresses Page template displays when logged-in customers navigate to/account/addresses to manage saved shipping and billing addresses. Customers can add new addresses, edit existing ones, set a default address, and delete old addresses.
This is a static template section with no customizable settings. Address management functionality is standard Shopify behavior. Customization requires code editing.
Template Content
Default Address Management Interface
Typical addresses page includes:- Heading - “Addresses” or “Address Book”
- Add new address button - Opens form to add address
- Saved addresses list - All customer’s saved addresses displayed as cards
- Default address indicator - Badge/label showing default shipping address
- Edit button (per address) - Edit address details
- Delete button (per address) - Remove address from account
- “Set as default” button (per address) - Make this the default address
Address Card Display
Each saved address shows:- Name (First + Last)
- Address line 1
- Address line 2 (if provided)
- City, Province/State, Zip/Postal code
- Country
- Phone number (if provided)
- Default badge (if default address)
User Experience
Managing addresses flow:- Customer logs in, navigates to account
- Clicks “Addresses” in account navigation
- Lands on addresses page (
/account/addresses) - Views all saved addresses
- Clicks “Add new address” → Fills form → Saves
- Or clicks “Edit” on existing address → Updates fields → Saves
- Or clicks “Delete” on address → Confirms deletion
- Or clicks “Set as default” → Address marked as default for checkout
Best practices
Add Address Button Prominent
“Add new address” button should be easily found (top of page or prominent position). Customers need clear way to add addresses.
Default Address Clear
Clearly mark default address (badge, icon, different styling). Customers should know which address is used at checkout.
Edit vs Delete
Make edit/delete buttons visually distinct. Prevent accidental deletions (use confirmation modal for delete).
Address Validation
Validate addresses on save (correct format, valid zip code). Reduces shipping errors, returns.
Mobile-Optimized
Address forms often used on mobile. Ensure form inputs large, easy to tap, appropriate keyboard types (number pad for zip code).
Multiple Addresses Supported
No hard limit on saved addresses. Customers can save home, work, gift recipient addresses without deleting old ones.
Pre-Fill Forms
When editing, pre-fill form with existing address data. Customers only update changed fields.
Success Messages
Show confirmation after add/edit/delete (“Address saved!”, “Address deleted”). Provides feedback.
Address Form Fields
Standard Fields
Required fields:- First name
- Last name
- Address line 1
- City
- Country
- Province/State (if applicable to country)
- Zip/Postal code
- Address line 2 (apartment, suite, unit)
- Company (for business addresses)
- Phone number
- Country (defaults to store’s primary country)
- Province/State dropdown (populated based on country selection)
Related Pages
- Account Dashboard - Account hub (links to Addresses page)
- Orders Page - Order history (uses saved addresses for shipping)
- Checkout - Checkout uses default address (or customer selects from saved addresses)
Technical Notes
Default Address
Behavior:- First address added automatically becomes default
- Default address pre-selected at checkout (customer can change)
- Only one default address per customer
- Setting new default removes default status from previous address
- At checkout, default address auto-fills shipping address form
- Customer can select different saved address from dropdown/list
- Or enter new address (can save to account during checkout)
Address Limits
No hard limit:- Customers can save unlimited addresses (practical limit ~20-30)
- No Shopify-imposed maximum
- Theme typically displays all addresses (may paginate if many)
Address Data Storage
Stored in customer object:- Addresses saved to customer account in Shopify database
- Accessible via Liquid customer object:
{{ customer.addresses }} - Persists across sessions (saved until customer deletes)
Address Validation
Shopify provides:- Basic validation (required fields, format checking)
- Province/State validation (must match selected country)
- Zip/Postal code format validation (country-specific)
- Requires apps or custom code (e.g., Google Address Validation API)
- Verifies address exists, suggests corrections
Edit vs Delete
Edit:- Opens pre-filled form with address data
- Customer updates fields
- Saves changes (overwrites old address, same ID)
- Removes address from customer account
- Cannot be undone (customer must re-add if mistake)
- If deleting default address, another address becomes default (or no default if last address)
Troubleshooting
Can’t add new address:- Verify all required fields filled (First name, Last name, Address 1, City, Country, Province, Zip)
- Check zip/postal code format (must match country’s format—e.g., US 12345 or 12345-6789)
- Province/State may not match country (re-select country first, then province)
- Browser console errors? May be JavaScript issue (refresh page, try different browser)
- Check internet connection (must be online to save)
- Try submitting again (may have been temporary server issue)
- Verify logged in (session may have expired—log back in)
- Check browser console for errors (may be theme bug)
- Try deleting and re-adding (workaround if edit broken)
- Check theme supports address editing (older themes may have bugs)
- Clear browser cache, try again
- Contact theme support if persists
- Some themes don’t allow deleting default address (set different default first, then delete)
- Try hard refresh (Cmd/Ctrl+Shift+R)
- Check theme code supports delete (older themes may not have delete button)
- Verify address set as default (badge/star indicator on address)
- Try setting default again (may not have saved properly)
- Clear browser cookies, log in again
- Check checkout page refreshed (may be showing cached address)
- Select country first (province dropdown populates based on country)
- Some countries don’t have provinces (dropdown doesn’t appear—normal)
- If country has provinces but dropdown empty, may be theme bug
- Different countries have different formats (US vs UK vs Japan address formats)
- Shopify auto-formats based on country selection
- If incorrect, may need to manually format in form (or contact theme developer)
- Check form inputs large enough to tap (48x48px minimum)
- Ensure correct keyboard type (number pad for zip code, full keyboard for address)
- Test on actual device (browser mobile emulation may not match real behavior)
Key Takeaways
- No template settings - Addresses page is static, no customization in Theme Customizer
- Manage shipping addresses - Add, edit, delete, set default address
- Default address used at checkout - Pre-fills shipping address form (customer can change)
- No limit on saved addresses - Customers can save unlimited addresses (home, work, gifts)
- Required fields - Name, address line 1, city, country, province, zip/postal code
- First address is default - Automatically becomes default when added (change later)
- Edit pre-fills form - Existing address data populates form for easy updating
- Delete requires confirmation - Prevent accidental address deletion
- Mobile-optimized - Form inputs should be large, easy to tap on mobile
- Customization via code - Modify layout or add features via theme code editing