Element Settings: Profile State

This article explains the available options found in the profile state. Profile state is the setting used to change the display of the contact profile element. This setting helps view the changes to the contact profile element in the page editor.

Requirements: 

• An active ClickFunnels 2.0 account
• The selected element

Table of Contents:

• Guest
• Logged
  • Settings
  • Components

Guest:

The Guest state is displayed to a new visitor who has not been registered as a contact in your Workspace or a contact who has not signed in. The element will display a “Sign In” link until they log in.

• Link Name: This is the text for the “Sign In” link that is displayed.

Example:

Back to Top

Logged:

The Logged state is used when the visitor has already been registered as a contact in your Workspace and is signed in. The element will display an icon or avatar and provide a customizable menu to display to your users when clicked.

Settings:

The following settings are available for the icon and menu container in the Logged state.

• Preview open profile: This is a preview that will simulate when the contact clicks on the icon. Using the Preview option will allow you to see your changes to the menu while in the Page Editor.
  
  
  Example:
  
  
  
• Display state: This is a preview of the icon or avatar. The avatar will display the visitor’s avatar if they upload a profile image. Otherwise, the icon with the contact’s initials will display.
  
  
  Example: Icon Display State
  
  
  Example: Avatar Display State
  
  
  
• Icon Settings: Please click this link to learn more about Icon Settings.
  
  
• Border: Please click this link to learn more about Border settings.
  
  
• Corner: Please click this link to learn more about Corner settings.

Components:

The following items are the components that make up the menu. Visibility for individual components can be toggled by clicking on the eye icon next to it. Each component has its own settings that can be customized individually by clicking on the gear icon.

Click on the links in this article to access documentation on each component.

• Component: Profile Modal 
• Component: Contact Name 
• Component: Contact Email 
• Component: Navigation Links 

Back to Top

Supported Elements:

This setting can be found in the following Elements: 

• Course: Contact Profile

Back to Top