Let customers sign up before the checkout

The sign up section is AFTER the checkout because:

  • Your customers don't have to lift a finger to fill out their sign-up info – it's already been provided during check out!
  • Your customers will be more tempted to want to "belong" to your brand as they've already invested money in it.

This method is also beneficial for you, as you won't have to deal with accounts from people who never buy from your store and aren't actually customers.

The likelihood of someone creating a customer account without purchasing something first is very slim. Shopify minimizes how many loops a client needs to go through to purchase something and register.

The best thing to do to relieve any potential confusion is to inform customers about how they can get a Customer Account. Example: include an "Ordering Info" page and link it to your footer or Product Description or Customer Login page.

Let customers register before they check out

Sign up link

If you do want to include a "sign up" button on your main page, here's how:

  1. From your Shopify admin, click Settings, then click Checkout.

  2. Scroll down to the Customer accounts section. We recommend using the Accounts are optional setting.

    Optional account

    But you can select Accounts are required instead.

  3. From your Shopify admin, click Online Store, and then click Themes (or press G W T).

  4. Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS.

  5. Under the Templates folder, click on theme.liquid to open it in the online code editor.

  6. Depending what setting you chose in step 2, paste the appropriate code next to the "Log in" link.

    • If you selected Accounts are optional, paste the following code:
    
    {% if shop.customer_accounts_optional %}
      {{ 'Sign up' | customer_register_link }}
    {% endif %}
    
    
    • If you selected Accounts are required, paste the following code:
    
    {% if shop.customer_accounts_optional == false %}
      {% if shop.customer_accounts_enabled == true %}
        {{ 'Sign up' | customer_register_link }}
      {% endif %}
    {% endif %}
    
    
  7. Save your changes.

Note

You might need to make a few design changes to the default page that is rendered upon clicking 'Sign up'. In order to make this page fit in with your shop design, you'd need to make a few additions or changes in your 'style.css.liquid' file.

If you would like to make changes to your template:

  1. On the Edit HTML/CSS page, under the Template folder locate the customers/register.liquid template. Click to open it in the online code editor.

    Don't see the template there? Click on the Add a new template link.

    New template x1
  2. In the drop-down menu, select the "customers/register" template.

    New template
  3. Click Create template.

  4. In the online code editor, make the necessary changes to your template.

Want to discuss this page?

Visit the Shopify Community