How to replace shopify default registration form with the form created in the app?

Question: How to replace shopify default registration form with the form created in the app?

Solution:

In Shopify, various themes are available. So, file structure may vary accordingly. Here is the guidance on how you can replace the default registration form in your Shopify store theme.

1. After creating a form in the app, copy the shortcode or embed code of the form.

replace-registration-1

2. Now, from your Shopify store admin go to Online Store > Themes(Published theme) > Edit code.

replace-registration-2

3. Under Templates, open file customers/register.liquid file.

replace-registration-3

4. Find schema tag “{% form %}” in the file and append {% comment %} before it.

replace-registration-4

5. Similarly, find schema tag “{% endform %}” tag and append {% endcomment %} after it.

replace-registration-5

6. Completing procedure up to 5th step means you have commented the Shopify default registration form. After that, paste the copied embed code either after {% endcomment %} or before {% comment %} tag which you have recently added.

replace-registration-6