Customize the Directory List Template

The Directory List template controls what information is shown in the list view of your members directory (as opposed to the directory profile for a single member when you click on a member in the list).

Go to MembershipWorks > Customization > Directory List to edit this template.

By default, the directory list shows a small logo or headshot, the account name, tagline, and small icons indicating if the member has a deal and/or recommendation.

Multiple Directory Styles

Click below to view examples of the different styles you can select for your directory.

Directory Style Examples

The available styles are depicted below. Note that switching between styles or toggling the color option will reset the HTML template. If you have customized your template to display custom fields, you will need to update the new template accordingly.

Business Cards	Business Cards w/ Color
Vertical Cards	Vertical Cards w/ Color
Traditional List	Traditional List w/ Color
Circular Images	Circular Images w/ Color

Colorize

The color option will automatically add a color shade according to the primary color of the member’s uploaded image. Note that the applied color shade cannot be selectively customized or overridden.

HTML Template

Add HTML or tags to customize the directory list cards.

Tags that can be used to customize the Directory List Template

You can use the following tags to embed information from the account, as well as conditional tags.

[nam] – Account name

[ctc] – Contact name

[biz] – Organization name

[pos] – Position

[adr] – Address

[web] – Website

[phn] – Phone

[cel] – Mobile

[fax] – Fax

[sky] – Skype

[lgo] – Logo (image)

[cnm] – Business card tagline

[pfl] – Profile description

[x__] – Custom field (text) – use the 2-letter identifier (in lower case) after the “x”. For example for “LF”, the shortcode would be [xlf].

When customizing the template, make sure there is sufficient space to display all the information, and that it is properly responsive across all screen sizes (desktop to mobile).

You can also insert HTML based on whether a field is set or empty using conditional tags (great for check box fields):

[xxx?This HTML or text will be inserted if field xxx is set]

[xxx!This HTML or text will be inserted if field xxx is not set or empty]

Note that you cannot use the closing “]” bracket within the HTML or text you want to appear, so you would have to escape it as “]”. You also cannot embed another tag inside the conditional tag.