Log in to your IDXAddons account

In the dashboard, select the LeadConnector Agent Wrappers app.

In LeadConnector, create a Wrapper and name it, for example, https://www.yourdomain.com/url-of-your-wrapper, so you can easily identify it.

For the Agent wrappers, we recommend creating a Wrapper that aligns with the Office/Main Wrapper. This way, the Agent Wrappers will have the same look and feel as the Office/Main Wrapper.

A Wrapper is a page that you can use to wrap your IDX Broker pages. You only need to include the header and footer of your website in the Wrapper. The IDX Broker pages will be inserted between the header and footer.

More information about IDX Broker Wrappers here.

Add the following custom HTML tags. The HTML "IDXStart" and "IDXStop" tags that you paste into the body are what tells the IDX system where to insert the IDX content.

<div id="idxStart" style="display: none;"></div>
<div id="idxStop" style="display: none;"></div>

To add the custom HTML tags, add an HTML block.

Paste the tags in the body and save the changes.

After finishing setting up your Agent wrapper, select the agent that will have the custom wrapper.

For this example, we are going to select the agent "Ronaldo Aveiro".

After selecting the agent, a new field with the agent name will appear.

Now you have to paste the URL of the wrapper that you created in LeadConnector and click on the "Generate/Update" button.

The wrapper will be generated for this agent. You can repeat this process for all the agents you want to have the custom wrapper.

Now we need to add the code snippet to the Agent Sub-header in IDX Broker. This is the code that will tell IDX Broker to use the custom wrapper for the agent.

To make this process easier, you can click on a link like this to go directly to the Agent Sub-headers settings

Edit the agent Sub-Header and add the code snippet.
Important: The option Turn WYSIWYG must be disabled to add the code snippet.

Check your IDX Broker Agent pages with the new wrapper. You will need to use an incognito window to see the changes for each agent.