Lovable Wrapper Builder
Generate and deploy your IDX Broker wrapper from a Lovable site page. Connect your custom-designed Lovable website to IDX Broker in just a few clicks.
Use this appFrom Lovable to IDX Broker in 4 Simple Steps
The Lovable Wrapper Builder lets you use a page from your Lovable-built website as the wrapper (header, footer, and styling) for your IDX Broker pages. This means your IDX search results, detail pages, and other IDX content will look like they belong on your site — matching your branding, navigation, and design.
Create a wrapper page in Lovable
Use the built-in prompt (just copy and paste it into your Lovable project chat) to generate a compatible wrapper page. The prompt instructs Lovable to create a page with your site's header and footer and the required idxStart / idxStop placeholder tags where IDX Broker content will be injected.
Paste your wrapper page URL
After publishing your Lovable site, paste the URL of the wrapper page into the tool. Make sure to use the published Lovable URL (e.g. your-project.lovable.app/idx-wrapper) — draft preview URLs require login and will not work.
Process the wrapper
Click Process and the system will fetch your page, extract the HTML structure, build a clean wrapper file, and host it for IDX Broker. You'll receive a wrapper URL that's ready to use.
Set dynamic wrapper
Click Set Dynamic Wrapper to automatically apply the processed wrapper to your IDX Broker account. The wrapper cache is cleared so changes take effect right away. Once your custom domain is live, you can re-process with your production URL at any time.