This guide walks you through adding Buying Buddy to a website built with Lovable. Because Lovable builds your site with an AI assistant, the entire setup is done by handing your Lovable assistant a short series of ready-made AI prompts that your Buying Buddy dashboard generates for you. For each step your dashboard shows a single, complete prompt — you copy it and paste it into your Lovable assistant. There is no code to copy or paste by hand.
AI-guided setup only: Lovable does not use a manual, copy-the-script installation. Instead, you hand your Lovable assistant a series of personalized prompts and it installs the Buying Buddy package and configures your site for you.
What the AI Prompts Set Up for You
The prompts are generated specifically for your account, so your Lovable assistant already has everything it needs. Setup runs as a five-step flow: three small install prompts, one quick settings entry, and an optional "add recommended widgets" prompt. The install is split into small prompts on purpose — each one gives the assistant a single, focused job, and each prompt first checks that the previous step was completed before it makes any changes.
How each step works: For every step, the dashboard shows a Get AI prompt button. Open it to reveal the full, personalized prompt, then copy it and paste it into your Lovable assistant. Each prompt is already set up for your account — paste it exactly as it is.
Step-1 Prompt — Install the Package
- ✅ Installs the Buying Buddy package into your site
- ✅ Wires the package into your site at the top level so widgets can work on every page
- ✅ Confirms your site still builds with no errors
Step-2 Prompt — Create the Foundation Pages
- ✅ Creates your foundation pages — a Results page, a Property Details page, a Market Report page, and a Communities Hub page
- ✅ Adds a See More.. menu to your site with your Communities page as its first entry
- ✅ Adds the required MLS disclaimer site-wide
Step-3 Prompt — Add Search & Get Your Settings
- ✅ Adds a property search form to your home page so visitors can start searching right away
- ✅ Measures Widget Header Offset values if your site has a sticky header
- ✅ Ends with an Action Required Before Previewing summary — your Website Type, your Lovable Preview Domain, and your header offset values
In Step 4 you enter that summary into your dashboard (right on the install page — it takes under a minute). Then the optional Step-5 prompt adds the recommended extras:
Step-5 Prompt — Add Recommended Widgets (optional)
- ✅ A dedicated Search page
- ✅ A Featured Listings page
- ✅ A Home Value lead-capture form
- ✅ A Contact Me form
- ✅ An About Me page
- ✅ A Register / Login bar across the top of your site header
The Step-5 prompt asks before making any changes — it presents the six recommended widgets as a checklist with everything pre-checked (or as a simple numbered list, depending on your assistant), so you just uncheck anything you don't want and confirm. Each new page is added to the same See More.. menu on your site, so all of your Buying Buddy pages are grouped together and easy to find.
Built-in guardrails: Every prompt opens with strict rules for the assistant — it may only add the Buying Buddy items requested, it must not redesign, restyle, or "improve" your site or its styling, and it must never publish your site. Each prompt also ends by listing every file it touched, so you can see exactly what changed. You always preview and publish yourself.
More on the way: The AI prompts are regularly improved, and additional setup options may be added over time — so it is always worth grabbing a fresh copy from your dashboard when you install.
Before You Begin
You need an active Buying Buddy account. The widgets will not load without one, and the AI prompts are personalized to your account. Don't have an account yet? Start a free trial or buy a license.
Set your website type to Lovable. So the dashboard shows you the correct AI prompts and instructions, confirm your website is set as a Lovable site on the Get Ready tab in before you start.
Installation Steps
1
Run the Step-1 Prompt — Install the Package
Copy your personalized install prompt and let Lovable do the work
The Step-1 prompt installs the Buying Buddy package and wires it into your site, then confirms your site still builds cleanly. It creates no pages yet — that is Step 2's job. It does not publish your site — you will preview first and publish yourself when you are ready.
Get the prompt:
- In your Buying Buddy dashboard, go to Installation and Setup
- On the Get Ready tab, confirm your website is set as a Lovable site
- Open the Install with AI tab, find the Step 1 card, and click Get AI prompt to reveal the full prompt
- Copy the entire prompt — it is already personalized to your account
Run it in Lovable:
- Open your Lovable project chat
- Paste the prompt exactly as copied, and let the assistant run
- The assistant installs the package, confirms the build passes, and tells you to come back for the Step-2 prompt
Paste the prompt as-is. The prompt contains the details your account needs to work correctly. Copy and paste it without editing it.
Wait for each step to finish. Lovable may keep working for a moment after it says a step is done. Let it settle until it is idle before you paste the next prompt — this keeps each step clean.
If the assistant stops and reports something instead: each prompt checks your site before making changes. If it says Buying Buddy is already installed, follow its message — that is the check working as designed, not an error.
2
Run the Step-2 Prompt — Create the Foundation Pages
Create your foundation pages, the See More.. menu, and the MLS disclaimer
The Step-2 prompt creates your foundation pages — a Results page, a Property Details page, a Market Report page, and a Communities Hub page — inside your site's existing layout, adds a new See More.. menu with Communities as its first entry, and adds the required MLS disclaimer site-wide. It first verifies the Step-1 install completed; if not, it stops and tells you to run Step 1 first.
- Back on the Install with AI tab, find the Step 2 card and click Get AI prompt to reveal the full prompt
- Copy the entire prompt and paste it into the same Lovable project chat
- The assistant creates the foundation pages, the See More.. menu, and the disclaimer, then tells you to come back for the Step-3 prompt
Where your pages appear: The assistant adds a new See More.. item to your site menu with Communities as its first entry. The Results, Property Details, and Market Report pages stay out of the menu because your widgets link to them directly. All of your Buying Buddy pages will be grouped under this one See More.. menu.
3
Run the Step-3 Prompt — Add Search & Get Your Settings
Add the home-page search form and get the values for your dashboard
The Step-3 prompt adds a property search form to your home page and measures your Widget Header Offset values if your site has a sticky header. It first verifies Steps 1 and 2 completed.
- On the Install with AI tab, find the Step 3 card and click Get AI prompt to reveal the full prompt
- Copy the entire prompt and paste it into the same Lovable project chat
- The assistant adds the search form, measures the header offset if needed, and ends with your settings summary
When it finishes: the assistant shows an Action Required Before Previewing summary with three items — your Website Type, your Lovable Preview Domain, and (if your site has a sticky header) your Widget Header Offset values. Keep that summary handy — you will enter those in the next step.
4
Enter the Values from Lovable
Enter the details the assistant gives you so your widgets load
When the Step-3 prompt finishes, it shows an Action Required Before Previewing summary. You can enter those values right here on the install page — no need to leave it. Staying on the Install with AI tab, go to the Step 4 card (Enter the values from Lovable) and fill in:
- Lovable Preview Domain (optional) — paste the private preview address for your project. It starts with
id-preview--and ends in.lovable.app. You only need this if you want to preview your site before publishing. If you don't see widgets displayed, please allow a minute or two. - Widget Header Offset (only if provided) — if your site has a sticky header, the assistant gives you three numbers (Mobile, Tablet, Desktop). Enter them so the Results and Map widgets are not hidden behind your header.
Then click Save Settings. Your Website Type should already be set to Lovable from the Get Ready tab — if not, set it there first. (You can also manage these values in the full editor under , but you no longer need to leave the install page.)
Your preview domain is private: Lovable's preview address (the one that starts with id-preview--) only opens for you while you are signed in to your Lovable project — so open your project preview and copy the exact address from your browser's address bar. Adding it here authorizes Buying Buddy widgets to load while you build. Allow a minute or two after saving for widgets to appear.
Your published site is separate: When you publish in Lovable, your site goes live at its public address (for example yourapp.lovable.app, without the id-preview-- part). That published address is different from your preview address and must be authorized too — add it the same way after you publish, so widgets load on your live site.
Seeing "Sorry, this domain is not authorized"? That message means the plugin is working but the address you are viewing has not been authorized yet. To preview unpublished changes, add your private Lovable preview address (above). To view the finished site, publish and then add your published address.
5
Run the Step-5 Prompt — Add Recommended Widgets (optional)
Add the recommended extras — pages and a login bar
The Step-5 prompt is optional but recommended. Once the install is complete and your settings are entered, run it to add a Search page, Featured Listings, a Home Value form, a Contact Me form, an About Me page, and a Register/Login bar in your site header. Each new page is added to your See More.. menu, alongside Communities. Like the install prompts, it does not publish your site.
Get the prompt:
- Back on the Install with AI tab — — find the Step 5 card (Add Recommended Widgets) and click Get AI prompt
- Copy the entire prompt — it is also personalized to your account
Run it in Lovable:
- Paste the Step-5 prompt into the same Lovable project chat
- The assistant presents the six recommended widgets as a checklist with everything pre-checked (or as a numbered list if checkboxes aren't available) — uncheck anything you don't want, then confirm your selection. You can also simply reply with the ones you want.
- The assistant adds the pages you chose to your See More.. menu, and (if selected) adds the Register/Login bar across the top of your header
Where your pages live: All of your Buying Buddy pages — Communities from Step 2, plus any recommended pages you add here — are grouped under one See More.. menu item on your site. That is the easiest place to open and review each page. If you would prefer them somewhere else, or want to rename the menu, you can rearrange your menu in Lovable at any time — the pages themselves keep working wherever they sit.
If the header offset changed: Adding the Register/Login bar may change the height of your site header. If it does, the assistant will give you a fresh set of Widget Header Offset values to enter — update them on the Step 4 card, or under .
Verify Your Setup
On your Lovable preview address (or your published site), run a quick end-to-end check:
- Submit a search from the home-page search form — you should land on your Results page with listings
- Click a listing — you should land on your Property Details page showing that property
- Open the See More.. menu and confirm your Buying Buddy pages are listed
- Confirm the MLS disclaimer appears on your site
Success: If search, results, property details, the See More.. menu, and the disclaimer all work, your Buying Buddy installation on Lovable is complete.
Ready to go live? The AI prompts do not publish your site for you. Once you have verified everything on your preview address, publish in Lovable when you are ready (Lovable's publish button is labeled Update). Remember to add your published address in your Buying Buddy dashboard so widgets load on your live site.
Troubleshooting
Widgets appear, then go blank when navigating between pages
This is the classic sign that an older, incorrect installation method was used — a JavaScript snippet added by hand instead of the Buying Buddy package. That older method is not reliable on Lovable. Re-run the install prompts from the Install with AI tab (each one checks whether earlier steps completed, so it is safe to run them again). If the problem persists, run the Check what Buying Buddy components are installed prompt on the Setup Utility Prompts tab and send the report to our support team.
"Sorry, this domain is not authorized"
The package is loading, but the address you are viewing has not been authorized on your account yet. To preview unpublished changes, add your private Lovable preview address on the Install with AI tab's Step 4 card (see Step 4). To view your finished site, publish and then add your published address the same way.
Nothing appears at all
Re-run the setup with a fresh copy of your AI prompts from , and confirm your website type is set to Lovable. Each prompt checks whether earlier steps completed, so it is safe to run them again — the assistant will tell you what is missing. If widgets still do not appear, run the Check what Buying Buddy components are installed prompt — it is on the Setup Utility Prompts tab, it changes nothing, and it prints a short report of every Buying Buddy component on your site. Send that report to our support team through your Buying Buddy dashboard and we can tell you exactly what is wrong.
Next Steps
Your Lovable site is now ready for more Buying Buddy features. Consider adding:
- Featured listing galleries for your own properties
- Neighborhood and community pages
- Additional lead capture forms connected to the Buying Buddy CRM
- An interactive map search experience
- Custom styling with Widget Themes
Related Resources
- Understanding Foundation Pages
- Widget Overview
- Install Buying Buddy on GoDaddy Airo — another AI website builder
Need additional help? Contact our support team through your Buying Buddy dashboard.