Agent Block (Lofty AOS)

Introduction

The Agent Block displays team member profiles on any page of your website. Use it on your Home, About, or Team pages to introduce your agents, build credibility with visitors, and help clients find the right person to contact.

You can select specific agents to display or show all agents in your organization at once.

Before You Begin

Agents must be added to your organization before they can appear in this block. To add agents, go to Settings > Organization Info > Agents in the CMS. See [Website Team Info] for full instructions.

Once agents are listed there, they will be available to add to the Agent Block.

Adding the Agent Block

1. Open the Website CMS (from Lofty top nav: Content > Websites, then click your site).
2. Select the page you want to edit from the Pages panel.
3. Click Blocks in the left navigation to open the block library.
4. Find the Agent block type in the library. Browse the available styles and select the one that fits your page.
5. Drag the block to the position you want on the page canvas.

Configuring the Agent Block

1. Double-click the block, or hover over it and click the Edit icon in the top-right corner.
2. The block settings panel opens. You have two options:

Option A — Select specific agents: Click Add Agent to choose individual team members from your organization roster. Only agents added under Settings > Organization Info > Agents will appear in the picker.

Option B — Show all agents: Toggle on Display All Agents to automatically display everyone in your organization. This keeps the block current as agents are added or removed.

1. Complete any remaining configuration options for the block.
2. Click Publish in the top-right corner to apply changes to your live site.

Tips

• Use "Display All Agents" for teams that change frequently. This way the block updates automatically when you add or remove team members — no need to edit the block each time.
• Use specific agent selection for curated pages. On a specialized landing page (for example, a neighborhood page featuring the local expert), select only the relevant agents rather than showing the whole team.
• Make sure agent profiles are complete. The block pulls the agent's photo, name, title, and contact info from their profile. Incomplete profiles create gaps in the block. See [Website Team Info] to fill in agent details.
• Try different styles. The Agent Block has multiple layout styles (card grid, list, etc.). Switch styles in the block settings without losing your agent selection.

Troubleshooting

An agent I added doesn't appear in the block. Make sure the agent has been added under Settings > Organization Info > Agents. Agents must be in this list before they can be selected in the Agent Block. If they were just added, try refreshing the page editor.

The agent's photo isn't showing. The agent's profile photo is set on their individual profile. Go to Settings > Organization Info > Agents, open the agent's profile, and add or update their photo.

I toggled "Display All Agents" but some agents are missing. Only agents who have been added to Settings > Organization Info > Agents will appear. Check that all intended team members are listed there.

Frequently Asked Questions

Can I control the order agents appear in?

Can I show agents from a different team or office on my page?

Can I add the Agent Block more than once on a page? Yes. You can add multiple Agent Block instances on the same page — for example, one block for buyer's agents and another for the administrative team.

Questions?

If you have any questions regarding this topic or any others, please reach out to our Support Team via email at support@lofty.com, by phone at 1 (855) 981-7557, or by chat with us through your Lofty CRM.