What is it?

The Custom Profile editor allows Freeman event administrators to customize the HTML of an exhibitor's profile preview for each event. Previously, the same template had to be used for every event with little control of how it looked. Now, the profile can be completely customized from the ground up.

How to use it:

If you would like to provide custom HTML for a profile, in the Fuzion Integration settings modal, be sure to to toggle on "Use custom HTML for profile". You will then see a text area where you can paste in your HTML code for the profile.

We recommend using an external code editor (e.g. VS Code or a text editor) to edit the HTML. When you have it the way you like, you can copy and paste it into the text area and save.

We recommend working closely with your internal development team who is building the profiles for your public site to properly produce the necessary HTML, CSS and JS to paste into Lennd.

Example Templates:

Below are different profile templates that have been used to date to allow end-users to preview their profiles. To view the code, open a template and then right click in the browser and click "View Source".

Template Tags:

You can use the following template tags in the HTML templates. Lennd uses Mustache.js to merge profile data against the template strings in the provided HTML.

Need more template tags to be made available? Please send us a support message with what you would like to see.

Tag Description

Tag

Group Name

{{name}}

Group Description

{{description}}

Background Image URL

{{backgroundImageUrl}}

Should show the group's logo

{{#showLogo}}
something to show
{{/showLogo}}

Logo Image URL

{{logoImageUrl}}

Should show the group's banner image

{{#showBanner}}
something to show
{{/showBanner}}

Banner Image URL

{{heroImageUrl}}

Group's Industry Category

{{{industryCategory}}}

Group's Address - Address Type

{{addressType}}

Group's Address - Address Line 1

{{addressLine1}}

Group's Address - Address Line 2

{{addressLine2}}

Group's Address - Address Line 3

{{addressLine3}}

Group's Address - City

{{city}}

Group's Address - State/Province

{{stateProvince}}

Group's Address - Postal Code

{{postalCode}}

Group's Address - Postal Code Plus Four

{{postalCodePlusFour}}

Group's Address - Country

{{country}}

Profile Highlight Color

{{highlightColor}}

Group's Email

{{email}}

Group has 1 or more contacts to show

{{#hasContacts}}
something to show
{{/hasContacts}}

Group's Contacts

{{#contacts}}
{{name}} - {{title}} - {{email}}
{{/contacts}}

Custom label for "Contacts" section exists

{{#contactsCustomLabelExists}}
something to show
{{/contactsCustomLabelExists}}

Custom label for "Contacts" section

{{contactsCustomLabel}}

Should show "Chat" placeholder

{{#shouldShowChatPlaceholder}}
something to show
{{/shouldShowChatPlaceholder}}

Should show "Actions"

{{#shouldShowActions}}
something to show
{{/shouldShowActions}}

Should show "Action 1 Button"

{{#shouldShowAction1}}
something to show
{{/shouldShowAction1}}

Custom label exists for "Action 1 Button"

{{#action1CustomLabelExists}}
something to show
{{/action1CustomLabelExists}}

Custom label for "Action1 Button"

{{action1CustomLabel}}

Should show "Action 2 Button"

{{#shouldShowAction2}}
something to show
{{/shouldShowAction2}}

Custom label exists for "Action 2 Button"

{{#action2CustomLabelExists}}
something to show
{{/action2CustomLabelExists}}

Custom label for "Action 2 Button"

{{action2CustomLabel}}

Should show "Rolling Chat"

{{#shouldShowRollingChat}}
something to show
{{/shouldShowRollingChat}}

Should show "Schedule a Meeting"

{{#shouldShowScheduleMeeting}}
something to show
{{/shouldShowScheduleMeeting}}

Should show "Drop a Business Card"

{{#shouldShowDropABusinessCard}}
something to show
{{/shouldShowDropABusinessCard}}

Group Website URL

{{websiteUrl}}

Group LinkedIn URL

{{linkedinUrl}}

Group Facebook URL

{{facebookUrl}}

Group Twitter URL

{{twitterUrl}}

Group Instagram URL

{{instagramUrl}}

Group Snapchat URL

{{snapchatUrl}}

Group Youtube URL

{{youtubeUrl}}

Group's Videos

{{#videos}}
{{url}}

{{isYoutube}}

{{youtubeId}}

{{isVimeo}}

{{vimeoId}}
{{/videos}}

Group's Documents

{{#documents}}
{{url}}

{{title}}

{{description}}
{{/documents}}

Custom Fields 1 - 30

{{field1}}

{{field2}}

{{field3}}

{{field4}}

...

{{field30}}

Tips & Tricks:

Iterating over items in a list (e.g. contacts, documents, videos)

To iterate through a list of records (an array), you can use the Mustache.js handler as follows:

{{#contacts}}
This person's name is {{name}}
{{/#contacts}}

Showing content based on a certain value

To show content based on a true/false (or null-ish) value, you can use the Mustache.js handler as follows:

{{#shouldShowAction1}}
This text will only show if shouldShowAction1 = true.
{{/#shouldShowAction1}}

Hiding content based on a certain value

To hide content based on a true/false (or null-ish) value, you can use the Mustache.js handler as follows:

{{^shouldShowAction1}}
This text will only show if shouldShowAction1 = false.
{{/^shouldShowAction1}}

Outputting embedded HTML that is a value vs. outputting as text

You may be storing HTML in some values that you're collecting from exhibitors (e.g. Description could have <b>, <i> or other HTML tags). You want this to ouput as HTML and not as text. To do this, you wrap the value with 3 (three) brackets instead of two:

This will show as HTML: {{{valueWithHTML}}}

This will show as text: {{valueWithHTML}}

Did this answer your question?