You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 15/umbraco-commerce/how-to-guides/member-portal.md
+25-23Lines changed: 25 additions & 23 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,60 +4,60 @@ description: Learn how to build a members portal in Umbraco Commerce.
4
4
5
5
# Building a Members Portal
6
6
7
-
A members portal is a private area of your website where customers can log in to access their order history, manage their account details, and view personalized content. In this guide, we will show you how to build a members portal in Umbraco Commerce.
7
+
A members portal is a private area of your website where customers can access their order history, manage their account details, and view personalized content. This guide will show you how to build a members portal in Umbraco Commerce.
8
8
9
9
## Setting Up the Members
10
10
11
-
The first step in building a members portal is to create a member type for your customers. This member type will define the properties that customers can have, such as their name, email address, and password.
11
+
The first step in building a members portal is to create a Member Type for your customers. This Member Type will define the properties that customers can have, such as their name, email address, and password.
12
12
13
13
### Creating a Member Group
14
14
15
15
1. Navigate to the **Members** section of the backoffice.
16
-
2.Next to the **Member Groups** heading in the navigation, click the **+** button to create a new member type.
17
-
3. Enter a name for the member group, such as `Customer`.
16
+
2.Click the **+** button next to the **Member Groups** heading in the navigationto create a new Member Type.
17
+
3. Enter a name for the Member Group, such as `Customer`.
18
18
19
19

20
20
21
-
4. Click the **Save** button to create the member group.
21
+
4. Click the **Save** button to create the Member Group.
22
22
23
23
### Assigning Members to the Customer Member Group
24
24
25
25
1. Navigate to the **Members** section of the backoffice.
26
26
2. Click on the **Members** tab in the navigation.
27
-
3. Click on the member you want to assign to the `Customer`member group.
28
-
4.In the **Member Group** property, select the `Customer` member group.
27
+
3. Click on the Member you want to assign to the `Customer`Member Group.
28
+
4.Select the `Customer`Member Group in the **Member Group** property.
@@ -66,7 +66,7 @@ The next step in building a members portal is to create the pages and templates
66
66
67
67
## Implementing a Member Login
68
68
69
-
In order to access the members portal, customers will need to log in. We will create a login form that will allow customers to enter their username and password to access the portal.
69
+
To access the members portal, customers need to log in. Through the following steps a login form allowing customers to enter their username and password to access the portal is created.
70
70
71
71
1. Open the `Login.cshtml` template file.
72
72
2. Add the following code to create a login form:
@@ -96,13 +96,13 @@ In order to access the members portal, customers will need to log in. We will cr
96
96
The `UmbLoginController` class comes pre-installed with Umbraco and handles the login process for you, so you don't need to create a custom controller.
97
97
{% endhint %}
98
98
99
-
On the frontend, customers will be able to enter their username and password and click the **Login** button to access the members portal.
99
+
On the frontend, customers can enter their username and password and click the **Login** button to access the members portal.
Now that members can log in, we'll update the `Customer Portal` page to display the order history for the logged-in member.
105
+
Now that members can log in, update the `Customer Portal` page to display the order history for the logged-in member.
106
106
107
107
1. Open the `CustomerPortal.cshtml` template file.
108
108
2. Add the following code to display the order history:
@@ -152,7 +152,7 @@ The `Customer Portal` page will now display a table of the member's order histor
152
152
153
153
### Assigning Orders to a Customer
154
154
155
-
The order history will display all orders that have been finalized for the logged-in member. Orders that are created whilst the member is logged in will automatically be associated with the member. If you wish to assign an order to a member at any point, you can also use the API method:
155
+
The order history will display all orders that have been finalized for the logged-in member. Orders created whilst the member is logged in will automatically be associated with the member. If you wish to assign an order to a member at any point, you can use the API method:
@@ -181,18 +181,20 @@ In your site header, add the following code to display the member login status:
181
181
}
182
182
}
183
183
```
184
+
184
185

185
186
186
187

187
188
188
189
### Registering a Member
189
190
190
-
To allow customers to register as members, you can create a registration form that will allow customers to enter their name, email address, and password.
191
+
To allow customers to register as members, you can create a registration form allowing customers to enter their name, email address, and password.
191
192
192
-
Implement a registration document type and page in the same way as the login page. Then, open the `Register.cshtml` template file and add the following code to create a registration form:
193
+
1. Implement a registration Document Type and page in the same way as the login page.
194
+
2. Open the `Register.cshtml` template file and add the following code to create a registration form:
193
195
194
196
```csharp
195
-
@using (Html.BeginUmbracoForm<UmbRegisterController>("HandleRegisterMember", new { RedirectUrl="/customer-poratl", UsernameIsEmail=true }))
197
+
@using (Html.BeginUmbracoForm<UmbRegisterController>("HandleRegisterMember", new { RedirectUrl="/customer-portal", UsernameIsEmail=true }))
196
198
{
197
199
<divasp-validation-summary="ModelOnly"></div>
198
200
@@ -228,6 +230,6 @@ Implement a registration document type and page in the same way as the login pag
228
230
The `UmbRegisterController` class comes pre-installed with Umbraco and handles the login process for you, so you don't need to create a custom controller.
229
231
{% endhint %}
230
232
231
-
On the frontend, customers will be able to enter their name, email address, and password to register as a member.
233
+
On the frontend, customers can enter their name, email address, and password to register as a member.
0 commit comments