In the next four weeks, I'm planning to start a challenge it will be called #4weeksOfShopifyDev. In this challenge, I'll write technical articles related to the Shopify theme and app development.

The majority of the upcoming articles are from previous Shopify store clients I worked with

In today's article, I'll be talking about how to allow your Shopify store customers to edit their info without calling your customer support.

Demo Page

Install the Shopify app

First, we'll use a Shopify app to allow customers. they have a free plan.

How to allow your customer to edit their Shopify account

Configure the Shopify app

To allow your customers to edit their info, we have two solutions Inject the code on an exciting page Create a new page to edit the profile

In this article, I'll go with the second solution.

• Create a new page template it will be called edit-profile

How to allow your customer to edit their Shopify account

• Inject the Shopify app code to display the form

<div id='kca-embed'></div>

• Create a new Shopify page and choose the page. edit-profile as page template

Now, we have the edit account form loaded as we want, but we need to match the style of the form to our design

How to allow your customer to edit their Shopify account

Click on the settings dropdown menu and choose custom css

How to allow your customer to edit their Shopify account

• Inspect the console on the edit profile page
• Style the input and label element with your own css style and paste them into the app

How to allow your customer to edit their Shopify account

I hope you find this article useful. I'll be writing more technical in the next 4 weeks. if you joined me in this challenge, You can find me on

• Twitter
• Instagram
• linkedIn