Agent Name (Agent Profile Page)

The Agent Name widget is used to display the name of the real estate agent on the Agent Profile page. It also supports adding a verification badge, allowing you to highlight verified agents and build trust with your audience. Use this widget whenever you want to emphasize the agent's identity with flexible typography and style options.

How to Add the "Agent Name" Widget

1. Go to your WordPress dashboard.
2. Navigate to Houzez → Theme Builder → All and edit the Agent Profile page with Elementor.
3. In the Elementor editor, search for Agent Name in the widgets panel.
4. Drag and drop the widget into the desired section of the page.
5. Use the settings panel to customize the content and style.

Configuration Options

Content Tab

• HTML Tag – Select the heading tag for the agent's name (H1, H2, H3, etc.) depending on your page structure.
• Hide "Verified" Text – Show only the verification icon without the text label.

Style Tab

You can fully control the look and feel of the agent's name and the verification badge:

Agent Name Styling

• Alignment – Choose text alignment (left, center, right, justified).
• Text Color – Set the color of the agent's name.
• Typography – Customize font family, size, weight, and line height.
• Text Stroke / Text Shadow – Add stroke or shadow effects for emphasis.
• Blend Mode – Select blending options for advanced visual effects.
• Permalink – Enable a clickable link to the agent's detail page.
• Normal / Hover Styles – Define different colors and typography effects for hover states.
• Margin – Adjust spacing around the agent's name.

Verification Badge Styling

• Typography – Customize font settings for the badge label.
• Text Color / Background Color / Icon Color – Adjust badge styling to fit your branding.
• Padding / Margin – Control spacing inside and outside the badge.
• Border Type & Radius – Add borders or rounded edges.
• Box Shadow – Apply shadow effects to make the badge stand out.

Best Practices

• Use the appropriate HTML Tag (e.g., H2 or H3) to maintain a proper SEO hierarchy.
• Only display the verification badge for agents who have been officially verified to avoid confusion.
• Keep text color and background contrast high for better readability.
• Use consistent typography across the site to maintain a professional look.
• Enable the permalink option if you want the agent's name to link directly to their profile page.

Notes

• The Agent Name widget is designed specifically for the Agent Profile page in Elementor.
• The verification badge is optional and can be styled independently from the agent's name.