Shop Pay Integration
Shop Pay integration allows customers to sign in instantly with their Shop account for faster checkout.
Benefits
Section titled “Benefits”- One-Click Authentication — No passwords to remember
- Faster Checkout — Pre-filled payment and shipping information
- Cross-Store Benefits — Order tracking across all Shop Pay-enabled stores
- Increased Conversion — 20-30% higher conversion on mobile
- 35% Faster Checkout compared to traditional forms
Quick Start
Section titled “Quick Start”1. Enable Shop Pay
Section titled “1. Enable Shop Pay”- Navigate to Theme Settings > Shop Pay Integration
- Check Enable Shop Pay login
- Choose button style (Primary recommended)
- Configure placement options
- Click Save
2. Test Authentication
Section titled “2. Test Authentication”- Log out of your store
- Visit the login page
- Click “Continue with Shop”
- Complete authentication
- Verify redirect to account page
Configuration
Section titled “Configuration”Theme Settings
Section titled “Theme Settings”| Setting | Default | Description |
|---|---|---|
| Enable Shop Pay login | Enabled | Master toggle |
| Button style | Primary | Primary, Secondary, or Minimal |
| Show in header | Enabled | Display in account dropdown |
| Show at checkout | Enabled | Display at checkout page |
| Show on login page | Enabled | Display on customer login |
| Default redirect URL | /account | Where to redirect after login |
| Enable analytics | Enabled | Track login events |
| Show benefits section | Enabled | Display benefits on login page |
Button Styles
Section titled “Button Styles”Primary — Official purple Shop Pay branded button. Best for maximum visibility. Recommended for login pages.
Secondary — Outlined button with purple border. More subtle. Good for pages with existing CTAs.
Minimal — Text link with Shop Pay icon. Most compact. Perfect for header/navigation.
Placement Strategy
Section titled “Placement Strategy”Recommended placements:
- Login page (primary placement)
- Header account dropdown
- Checkout page
- Cart page (for quick login)
Not recommended:
- Product pages (too early in journey)
- Homepage (unless targeted campaign)
- Footer (low visibility)
Visual Hierarchy Tips
Section titled “Visual Hierarchy Tips”- Place Shop Pay button above traditional email/password form
- Use primary style on login page
- Use minimal style in header to save space
- Add benefits section to educate new users
Analytics
Section titled “Analytics”Shop Pay tracks these events:
| Event | Description |
|---|---|
shop_pay_button_view | Button rendered on page |
shop_pay_login_attempt | User clicks login button |
shop_pay_login_success | Successful authentication |
shop_pay_login_error | Authentication failed |
Events are sent to Google Analytics 4 and Shopify Analytics automatically.
Troubleshooting
Section titled “Troubleshooting”Button not appearing: Check enable_shop_pay_login is checked, verify customer is logged out, clear theme cache.
Authentication not working: Check browser console for errors, verify Shop Pay is enabled in Shopify admin, try incognito mode.
Redirect not working: Verify redirect_url parameter is a valid path.
Mobile issues: Test in Safari and Chrome on actual devices, check viewport meta tag, verify touch targets are adequate size.