The Customer Center app allows users to access and interact with Dynamicweb Ecommerce in various ways.
- View and interact with previous orders
- See their frequently bought items
- Create and email lists of products to non-registered users (wish lists)
- View and interact with any quote requests they have submitted
- View, create and interact with RMAs
- View and interact with any recurring orders they may have created
- View and cancel any saved cards associated with their account
As such, the Customer Center is an essential part of Dynamicweb Ecommerce – especially when it comes to working with Quotes, RMAs, Saved Cards and Recurring orders, which are inaccessible to users without the Customer Center.
Here’s a rundown of how to set it up, and what you can do with it.
To use the Customer Center app, add it to a paragraph on a page
You will then have access to the app settings and configuration options - here’s a rundown of your options.
The shop settings let you specify which shops and order contexts data should be retrieved from (Figure 3.1).
Select either all or selected using the radio buttons.
If selected is chosen, you can select shops and contexts by moving them from the left column to the right column.
In addition, if you use image patterns on your product catalog and want to use them in the Customer Center too, you can select a specific product catalog app to mirror on the Customer Center.
The paging settings (Figure 4.1) control how you render paging on the lists published by the Customer Center.
- Select the number of items to display on each page
- Specify how to render the Next and Previous buttons – using text, an image, or a combination of text and image
The order settings (Figure 5.1) control the way the list in the Customer Center should retrieve the orders.
You can choose if the list should retrieve the order data based on either user id or customer number. Additionally, you can select the check box to also retrieve data from custom order fields.
Bought from date-settings
The bought from date-settings (Figure 6.1) control the maximum age of orders which appear in the Customer Center.
Simply pick a date – order placed before that date will not be displayed.
Default view settings
With the default view settings (Figure 7.1), you can select which of your Customer Center pages should be shows by default.
Email address settings
The Customer Center supports sending the details of an order to someone.
With the email address setting (Figure 8.1), you can control which email should be used as the sender email. If no email is specified, email@example.com is used.
Menu texts settings
With the menu texts settings (Figure 9.1), you can control the layout of the menu tab buttons in your Customer Center.
For each of the possible tabs, you can use text, an image, or a combination of text and image.
The links-section (Figure 10.1) allows you to enter or select an alternative link for the Customer Center tabs.
Customer Center templates
The templates section (Figure 11.1) allows you to select or edit the templates used to render the different areas in the Customer Center.
The most important template being, of course, the menu layout template – from which your users will access the areas you make available to them.
Dynamicweb Ecommerce ships with a large number of showcase templates showing you how to integrate or implement various features from the system.
You can select and edit them from the drop down menus above, or find them in the Templates/eCom/CustomerCenter folder.
"My List" email settings
If you use the My Lists functionality, your customers can email lists from the Customer Center to non-registered users.
The My List email settings (Figure 12.1) allow you to select or edit the email template used for that email – and to pre-fill the subject, sender name and sender email fields when sending the list to someone.
Read more about the My Lists functionality below.
Adding functionality to the Customer Center
The Customer Center allows you to integrate with several core parts of the Ecommerce system, but most are not activated by default.
The process of adding a function to is pretty straight forward.
Simply add it to the menu layout template – by default Navigation.html, using one of the following tags:
|<!--@Ecom:CustomerCenter.MyOrders-->||An overview of previous orders – controlled by order list and order details templates accessible from the Templates section|
|<!--@Ecom:CustomerCenter.FrequentlyItems-->||An overview of the most frequently bought items – controlled by frequently bough items and frequently bough items details templates accessible from the Templates section|
|<!--@Ecom:CustomerCenter.MyLists-->||Access to creating, publishing and emailing custom lists of products, such as wish lists. Read abou My Lists below.|
|<!--@Ecom:CustomerCenter.MyQuotes-->||Access to creating and responding to quote inquiries. See quotes documentation for further information.|
|<!--@Ecom:CustomerCenter.RMA-->||Access to creating and interacting with RMAs. See RMA documentation for further information.|
|<!--@Ecom:CustomerCenter.RecurringOrders-->||Access to viewing and interacting with Recurring Orders. See orders documentation for further information.|
|<!--@Ecom:CustomerCenter.SavedCards-->||Access to viewing and interacting with Saved Cards.|
|<!--@Ecom:CustomerCenter.Search-->||Interface for searching through your old orders – works in conjunction with the MyOrders list.|
After adding the tag to the menu, you will have access to the area – and to the templates, which you can of course modify to suit your particular needs.
"My Lists" (wish lists)
The My Lists functionality makes it possible for users to create lists of products, which they may want to buy for themselves or others.
The lists can also be shared with others by email, directly from the Customer Center – and visited by recipients of the email (provided you create a page where lists can be published).
Working with My Lists requires you to:
- Setup My Lists in the Customer Center app – customize your menu and add them to the navigation
- Setup a Show List app to show lists to non-registered users
- Customize your product templates to allow customers to add products to lists
My Lists in the Customer Center
To set up My Lists in the Customer Center, you must:
- Go to your Customer Center paragraph and open the app settings
- In the menu texts section, provide a solution appropriate text or image (or both) to use in the Customer Center menu to access the My Lists area
- Open the menu layout template (usually navigation.hml) and add <!--@Ecom:CustomerCenter.MyLists--> | to the div-container. This adds a MyLists tab to the Customer Center navigation.
- In the templates section, select the MyList.html template in the My List dropdown – or create your own template to control how lists are displayed in the Customer Center.
Once you have set up a Show List app, you must also select that paragraph in the links section Public List field. This lets the system know where you want to display lists which are emailed to someone – without requiring them to log in.
The Show List app
In order to show lists (which are usually only accessible to logged in users) to non-registered users, you must create a paragraph somewhere and attach a Show List app (Figure 16.1) to it.
The show list app is actually incredibly simple – it consists of a template for rendering a list publicly.
Once you have created your Show List app, don’t forget to open your Customer Center app settings and select the paragraph with the Show List app attached in the links section, under Public List.
Adding products to a list
Lists are pretty useless if you don’t allow your customers to add products to them.
For that purpose, you have access to the CustomerCenter.ProductLists loop and the CustomerCenter.ListTypes.Lists loop.
For an example of how to add products to a list, see the ProductListCustomerCenterList.html template.
And an even more simplified example for razor, just listing all lists:
|Field name||Data type||Length|
|Field name||Data type||Length|