> ## Documentation Index
> Fetch the complete documentation index at: https://docs.digifist.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Register

> Customer registration/signup page template with optional sidebar image

The Main Register template displays the customer registration page at `/account/register`, allowing new customers to create accounts with email and password alongside an optional branded sidebar image. Customize the registration experience with welcoming imagery to encourage account creation and build long-term customer relationships. Use this template to create a positive first impression that converts anonymous visitors into registered customers, enabling personalized experiences and repeat purchases.

***

## Template Settings

<AccordionGroup>
  <Accordion title="Image Aside" icon="image">
    Add decorative image to registration page sidebar.

    * **Type:** Image picker
    * **Location:** Displays on left or right side of registration form
    * **Optional:** Leave blank for form-only layout

    **Recommended Image:**

    * Minimum size: 800x1200px
    * Aspect ratio: Portrait (2:3 or 3:4)
    * Welcoming imagery, brand visuals, or promotional graphics
    * File size: Under 500KB (compress for performance)

    **Effective Image Ideas:**

    * Welcome message graphic
    * Brand benefits ("Join Our Community", "Exclusive Member Perks")
    * Product lifestyle imagery
    * First-order discount promotion
    * Loyalty program highlights

    <Tip>
      Use images that communicate value: "Why create an account?" Show benefits like order tracking, wishlists, exclusive offers, or early access.
    </Tip>
  </Accordion>

  <Accordion title="Section Width" icon="left-right">
    * **Page** (default) - Contained within page margins
    * **Fluid** - Extends to container edges
    * **Full** - Full browser width (edge-to-edge)
  </Accordion>

  <Accordion title="Color Scheme" icon="palette">
    * Select from available theme color schemes
    * **Default:** scheme-1
  </Accordion>

  <Accordion title="Spacing" icon="arrows-up-down">
    * **Top Spacing**: 0, 1, 2 (default), 4, or 6
    * **Bottom Spacing**: 0, 1, 2 (default), 4, or 6
  </Accordion>

  <Accordion title="Borders" icon="border-top-left">
    * **None** (default)
    * **Top Border**
    * **Bottom Border**
    * **Both Borders**
  </Accordion>
</AccordionGroup>

***

## Registration Page Elements

The registration page automatically includes:

<AccordionGroup>
  <Accordion title="Page Title" icon="h1">
    * "Create Account" or "Sign Up" heading
    * H1 for SEO
    * Centered at top of page
  </Accordion>

  <Accordion title="First Name Field" icon="user">
    * First name input
    * Required field
    * Autocomplete enabled
  </Accordion>

  <Accordion title="Last Name Field" icon="user">
    * Last name input
    * Required field
    * Autocomplete enabled
  </Accordion>

  <Accordion title="Email Field" icon="envelope">
    * Email address input
    * Required field
    * Email format validation
    * Must be unique (not already registered)
    * Autocomplete enabled
  </Accordion>

  <Accordion title="Password Field" icon="lock">
    * Password input (obscured)
    * Required field
    * Minimum length requirement (typically 5+ characters)
    * Show/hide password toggle (theme-dependent)
    * Password strength indicator (theme-dependent)

    <Note>
      Shopify requires minimum 5-character passwords. Encourage customers to use strong passwords with mix of letters, numbers, and symbols.
    </Note>
  </Accordion>

  <Accordion title="Create Account Button" icon="user-plus">
    * Primary action button
    * Submits registration form
    * Loading state on click
    * Creates customer account
  </Accordion>

  <Accordion title="Already Have Account Link" icon="right-to-bracket">
    * "Already have an account? Sign in" link
    * Redirects to `/account/login`
    * For returning customers
  </Accordion>

  <Accordion title="Marketing Consent" icon="envelope-circle-check">
    Some themes include:

    * Newsletter subscription checkbox
    * Email marketing opt-in
    * SMS marketing opt-in (if enabled)
    * Privacy policy link

    <Tip>
      Collect email marketing consent during registration to grow your mailing list. Ensure compliance with GDPR, CAN-SPAM, and regional privacy laws.
    </Tip>
  </Accordion>
</AccordionGroup>

***

## Layout Variations

<CardGroup cols={2}>
  <Card title="With Sidebar Image" icon="images">
    **Structure:**

    * Two-column layout
    * Image on left (50% width)
    * Registration form on right (50% width)

    **Best For:**

    * Communicating account benefits
    * Brand storytelling
    * Visual engagement
    * Lifestyle/fashion brands
    * First-time visitors
  </Card>

  <Card title="Form Only" icon="rectangle-list">
    **Structure:**

    * Centered registration form
    * No sidebar image
    * Minimalist design

    **Best For:**

    * Fast, no-distraction signup
    * B2B or wholesale registration
    * Functional priority
    * Mobile-optimized experience
  </Card>
</CardGroup>

***

## Account Creation Benefits

Communicate these benefits to encourage registration:

<AccordionGroup>
  <Accordion title="Order Tracking" icon="truck">
    * View order history
    * Track shipments
    * Reorder previous purchases
    * Access invoices
  </Accordion>

  <Accordion title="Wishlist & Favorites" icon="heart">
    * Save products for later
    * Create wish lists
    * Share lists with others
    * Track price changes (if enabled)
  </Accordion>

  <Accordion title="Faster Checkout" icon="bolt">
    * Saved addresses
    * Saved payment methods
    * One-click checkout
    * Auto-fill information
  </Accordion>

  <Accordion title="Exclusive Offers" icon="tag">
    * Member-only discounts
    * Early access to sales
    * Birthday rewards
    * Loyalty program points
  </Accordion>

  <Accordion title="Personalization" icon="user-gear">
    * Product recommendations
    * Size preferences
    * Communication preferences
    * Customized experience
  </Accordion>
</AccordionGroup>

***

## Best practices

<CardGroup cols={2}>
  <Card title="Reduce friction" icon="hand-sparkles">
    Keep form fields to the minimum required information like first name, last name, email, and password, making marketing opt-in optional rather than required. Use clear language, provide password visibility toggle, and show password requirements upfront, as each additional required field reduces signup conversion.
  </Card>

  <Card title="Communicate value" icon="bullseye">
    Use sidebar image or text to highlight specific benefits like free shipping for members, 10% off first order, or exclusive access to new products. Be specific rather than generic—"Join to save 10% on your first order" is more compelling than "Create an account for perks."
  </Card>

  <Card title="Password security" icon="shield">
    Display password requirements clearly and show a password strength indicator while encouraging strong passwords. While Shopify requires minimum 5 characters, recommend 8+ characters with a mix of letters, numbers, and symbols.
  </Card>

  <Card title="Marketing consent" icon="check-square">
    Make opt-in checkbox unchecked by default for GDPR compliance and use clear language like "Yes, I want to receive email updates." Link to your privacy policy, explain email frequency, and ensure an easy unsubscribe process since regulations require explicit opt-in consent.
  </Card>

  <Card title="Mobile optimization" icon="mobile">
    Use large, easy-to-tap form fields with 44x44px minimum touch targets and appropriate input types for each field. Sidebar images hide on small screens in stacked layouts, so enable autocomplete for faster input and test on actual iOS and Android devices.
  </Card>
</CardGroup>

***

## Use Cases

<CardGroup cols={2}>
  <Card title="E-commerce Store" icon="shopping-cart">
    Sidebar image: "Get 15% Off Your First Order", form with email opt-in
  </Card>

  <Card title="Membership Site" icon="id-card">
    Sidebar lists member benefits, minimal form fields, emphasize exclusive access
  </Card>

  <Card title="B2B Wholesale" icon="briefcase">
    Form-only layout, may require additional fields (company name, tax ID)
  </Card>

  <Card title="Fashion Boutique" icon="shirt">
    Lifestyle image showing community, loyalty program highlights, style quiz opt-in
  </Card>
</CardGroup>

***

## Related Templates

<CardGroup cols={2}>
  <Card title="Main Login" icon="right-to-bracket">
    Customer login page for returning customers
  </Card>

  <Card title="Main Account" icon="user-circle">
    Customer account dashboard after registration
  </Card>

  <Card title="Password Reset" icon="key">
    Forgot password / reset password page
  </Card>
</CardGroup>

***

## Troubleshooting

<AccordionGroup>
  <Accordion title="Registration Errors" icon="triangle-exclamation">
    **Common Errors:**

    **"Email already exists":**

    * Customer already has account
    * Direct to login page instead
    * Offer password reset if forgotten

    **"Password too short":**

    * Must be 5+ characters
    * Display requirement clearly
    * Show character count

    **"Invalid email format":**

    * Check for typos
    * Validate email format client-side
    * Provide helpful error message
  </Accordion>

  <Accordion title="Image Not Displaying" icon="image-slash">
    **Check:**

    * Image uploaded in "Image Aside" setting
    * File format is supported (JPG, PNG, WebP)
    * File size is reasonable (\< 5MB)
    * Browser cache cleared
    * View on desktop (may hide on mobile)
  </Accordion>

  <Accordion title="Form Not Submitting" icon="spinner">
    **Possible Causes:**

    * Required fields empty
    * JavaScript errors (check browser console)
    * Network issues
    * Conflicting apps

    **Solutions:**

    * Verify all required fields completed
    * Test in different browser
    * Disable conflicting apps temporarily
    * Check Shopify status page
  </Accordion>

  <Accordion title="Redirect After Registration" icon="arrow-turn-down-right">
    **Expected Behavior:**

    * Successful registration redirects to `/account` (account dashboard)
    * Or returns to previous page
    * Or proceeds to checkout (if registering during checkout)

    **Custom Redirects:**

    * May require theme code customization
    * Some apps provide redirect options
  </Accordion>

  <Accordion title="Marketing Checkbox Issues" icon="square-check">
    **Not Appearing:**

    * Check if email marketing enabled in Shopify Admin
    * Verify **Settings → Customer privacy → Marketing**
    * May require Shopify Email app or marketing app

    **Not Saving:**

    * Check app permissions
    * Verify customer accepted marketing in admin
    * Check customer profile after registration
  </Accordion>
</AccordionGroup>

***

## Quick Summary

* **Purpose:** Customer registration/signup page
* **URL:** `/account/register`
* **Required Fields:** First name, last name, email, password
* **Optional Fields:** Marketing opt-in, phone number (theme-dependent)
* **Settings:** Sidebar image, section width, color scheme, spacing, borders
* **Key Feature:** Optional branded sidebar image to communicate value
* **Mobile:** Responsive, sidebar image hidden on small screens

<Note>
  Customer accounts must be enabled in **Shopify Admin → Settings → Customer accounts → Accounts are optional** or **Accounts are required** for registration to work. "Disabled" hides all account functionality.
</Note>