Customizable User Profile Menu

The Customizable User Profile Menu component displays a user’s name or nickname and profile picture. It can also display a company name or icon. If the user isn’t logged in, a Login button appears in the header. Starting in Summer ‘20, the Customizable User Profile Menu component replaces the User Profile component in Experience Builder sites using the new B2B Commerce Template and new sites using specific themes, including Ember, Stella, Webster, Citizen, Cypress, and Jepson. Existing sites using those themes get the new component instead of the old version when they reapply or change the theme.

1. In the page that you’re configuring, click the header component to open the property editor.
2. Expand the Layout section, and select the Customizable User Profile Menu component in the User Profile Component dropdown.
3. Click the Customizable User Profile Menu component to open its property editor.
4. In the property editor, configure the properties for the component.

   Property	Details
   Login Label	Enter a label for the Login button that members use to log in to the site. The default is Log In.
   Text Color	Choose the color of the text for the log in button.
   Text Hover Color	Choose the color of the text when the user is hovering over the log in button.
   Background Color	Choose the background color of the log in button.
   Background Hover Color	Choose the background color to show when the user is hovering over the log in button.
   Border Color	Choose the border color of the log in button.
   Border Radius (0px - 50px)	Set the radius of the button border.
   Default Menu	Choose the default navigation menu to show to authenticated users. To edit your menu selection, click the Edit button.
   Menu Style for Authenticated Users	Choose whether to display a menu icon, the user’s name, or both. On mobile devices, only the icon is shown.
   Icon	Choose whether to use a company logo or an avatar as the menu icon.
   Include Company Name	Opt to include the company name in the user profile menu. The default is to omit it.
   Text Orientation	Choose whether to display the company name to the right or left of the icon.

Note

• When you import a B2B Commerce template, the My Account and Lists options on navigation menus are dropped. Edit the menu, like the Customizable User Profile menu, and recreate these menu options.
• Menu item types system link and event display only in the Customizable User Profile Menu component.