The signed-in shopping experience starts with the account, but personalization can extend throughout your website. Displaying the customer's name in the navigation creates a personalized experience and encourages account engagement.

How to display a customer’s name in navigation

Using liquid, you can update your account icon to display the customer’s name while they are signed in.

<aside> <img src="/icons/info-alternate_blue.svg" alt="/icons/info-alternate_blue.svg" width="40px" /> After logging in to Status, the customer may need to navigate to another page or refresh the current page in order for their name to appear.

</aside>

<a href="/account">
  {% if customer %}
		{{ customer.first_name }}
  {% else %}
	  Their current icon code
  {% endif %}
</a>

The mobile experience

To accommodate for smaller screens, we recommend displaying an account icon on mobile.

Learn more about navigation that drives sign-ins & revenue here.