Power Pages  

🔐 Power Pages: Display Current Logged-in User’s Full Name Using Liquid template

Hey developers! 👋

Working on Power Pages and need to personalize the experience for your users? One quick win is displaying the currently logged-in user’s full name on the web page.

In this article, I’ll show you how to use Liquid templating language in Power Pages to show the logged-in user’s full name using the handy user.fullname property.

Why Personalize with Full Name?

Personalization boosts engagement. When a user sees “Hi, Gowtham!” instead of a generic greeting, it builds trust and adds a human touch.

Whether you're building a customer portal, partner center, or an internal employee portal using Power Pages, you can dynamically pull user info from Dataverse using Liquid tags.

🧠 Prerequisite Knowledge

Before jumping in, make sure:

  • You're working with a Power Pages site connected to a Dataverse environment.
  • Authentication is enabled (like Azure AD B2C or standard portal login).
  • You're familiar with basic Liquid syntax.

🔧 Step-by-Step: Display Logged-in User's Full Name

🔹 Step 1. Open Your Web Page

Navigate to your Power Pages portal → Click on “Pages” → Choose the page where you want to show the user’s name.

Power Pages portal

 

You can either use the built-in HTML editor or directly add this to your web template or page content.

🔹 Step 2. Insert the Liquid Code

Use this simple Liquid tag to get the current user's full name:

Insert the Liquid Code

Then

Insert the Liquid Code

Enter the below code

{% if user %}
  <p>Welcome, {{ user.fullname }}!</p>
{% else %}
  <p>Welcome, Guest!</p>
{% endif %}

Insert the Liquid Code

Click save

🔍 This checks if a user is logged in. If so, it displays their Dataverse full name field; else, it shows a fallback.

🔹 Step 3. Save and Preview

Once added, save the page and browse the site as a logged-in user.

🎉 You’ll now see:

Welcome, Gowtham Rajamanickam! (or whatever the user’s full name is in Dataverse)

📌 Bonus Tip: Styling the Greeting

You can enhance the look with CSS:

<style>
  .user-greeting {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    color: #0078d4;
  }
</style>
<div class="user-greeting">
  {% if user %}
    Welcome back, {{ user.fullname }}!
  {% else %}
    Hello, Guest! Please sign in.
  {% endif %}
</div>

This gives a more professional and polished feel to your portal.

🚫 Common Issues

Issue Fix
user.fullname not showing Ensure user is logged in
Shows blank instead of name Check if fullname is filled in Dataverse
Liquid not rendering Use web templates, or place code inside a Copy component

💬 Use Cases

  • Show personalized welcome banner
  • Display user name on dashboard
  • Use in conditional visibility (e.g., show admin panel only if user.fullname == 'Admin Name')

📚 More Useful Liquid Properties

Property Description
user.firstname Logged-in user's first name
user.emailaddress1 Email ID
user.isauthenticated Returns true if user is logged in
user.contactid Contact record GUID from Dataverse

🏁 Wrapping Up

Displaying the current user’s full name using {{ user.fullname }} in Power Pages is a simple but powerful personalization trick. It improves UX and builds trust—especially in customer-facing portals.

If you’re building any kind of authenticated portal, this should be one of the first things you implement.