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.