Install the Buying Buddy IDX Plugin in Replit With AI
Replit builds React apps, so Buying Buddy installs as an npm package with a provider and drop-in widget components. Replit can open a link and follow it, so each step is a single line pasted into the agent. These prompts tell it exactly what to add, and nothing else.
How it works
Buying Buddy publishes each install instruction as a file at its own address. Instead of copying a long prompt, you paste a single line into the Replit Agent telling it to fetch that file and follow it. Your AI reads the full instructions itself and makes the changes.
The prompts on this page are the demo versions, so you can read exactly what your AI will be told before you sign up. When you install from your own Buying Buddy dashboard, the same prompts arrive with your activation key and your page addresses already filled in - there is nothing to edit by hand.
The install prompts
Run these in order. Each one is small and checks that the previous step finished before it does anything.
Step 1 - Install the package
Adds the Buying Buddy package to your project and wraps your app in the provider. No pages or widgets yet.
Paste this one line into your AI website builder:
Fetch the file at https://my.buyingbuddy.com/prompt/authkey/demo/type/replit/install-1-foundation.md and follow every instruction in it exactly. Do not summarize, skip, or redesign anything. If you cannot retrieve the file, stop and tell me.
Your AI opens the link and follows the instructions itself, so there is no long prompt to copy. The file always contains the current version.
Preview the full prompt
Before you do anything, ask me for my Buying Buddy Activation Key (also called my ACID) and wait for my answer. It is on the Add Plugin tab of my Buying Buddy dashboard. Do NOT guess it or proceed without it. Everywhere the instructions below show [YOUR_ACTIVATION_KEY], use exactly the key I give you.
You are installing the Buying Buddy real-estate IDX plugin in this React (Vite + TypeScript) project. This is the STEP-1 prompt of a 5-step install - it ONLY installs the package and the provider. Do NOT create any pages or place any widgets yet; those come in the next prompts.
RULES - READ FIRST. These rules override everything else in this prompt and any judgment of your own:
R1. Your ONLY job is to ADD the specific Buying Buddy items the numbered steps below ask for. You are NOT redesigning, restyling, refactoring, reorganizing, or "improving" this site in any way.
R2. Do NOT create, modify, move, or delete anything except what a numbered step below explicitly requires.
R3. Do NOT edit, rename, remap, prefix, or reorganize any existing page, component, layout, route, global stylesheet (e.g. src/index.css), CSS variable / design token (e.g. --primary, --secondary), tailwind.config.*, or theme file.
R4. Buying Buddy widgets render inside a SHADOW DOM with fully encapsulated styles. Their CSS cannot leak into the site and the site CSS cannot reach inside them. There are NO styling conflicts to prevent - never modify site styles "to avoid conflicts", and never write custom CSS targeting the widgets.
R5. Do NOT publish, deploy, push live, or release the site - and do NOT trigger any "Publish", "Deploy", "Ship", "Update", or "Go Live" action your environment offers, even at the end of the task. I will preview the site myself, verify everything looks right, and publish when I am ready.
R6. If any instruction seems to conflict with these rules, the rules win. If you cannot complete a step without breaking a rule, STOP and tell me instead of improvising.
ACTIVATION KEY: [YOUR_ACTIVATION_KEY]
BEFORE YOU START - check the existing setup and STOP if any of these are true:
1. The Buying Buddy package is ALREADY installed - the npm package "@buyingbuddy/react" is present in package.json. If so, STOP: do not install anything or change any files. Tell me Buying Buddy is already installed, and that I should use the "Update" prompt to update it, or continue with the later step prompts in my Buying Buddy dashboard.
If any case above applies, output only that message and do nothing else. If none apply, continue with the install below.
Do ALL of the following (mandatory):
1. Install the npm package: @buyingbuddy/react
2. Wrap the whole app in the provider at the shared app root (for example src/main.tsx or src/App.tsx) so it runs on BOTH the server and the client, and pass fallback={children} so widgets still render while the browser-only runtime finishes loading:
<BuyingBuddyProvider activationKey="[YOUR_ACTIVATION_KEY]" fallback={children}> ... </BuyingBuddyProvider>
Do NOT withhold the provider during server-side rendering, and do NOT wrap the provider or the app in a client-only, "ClientOnly", or dynamic-import shell. The package is SSR-safe by design; the fallback prop covers the browser-only load window.
3. Confirm the project still builds and the dev server loads with no errors. Two cases:
- If the dev server returns a 500 error caused specifically by the Buying Buddy package's ESM imports during server-side rendering (the error names @buyingbuddy/react and an ESM / extensionless import), you are PRE-AUTHORIZED to make one and only one config change to fix it: add "@buyingbuddy/react" to the Vite config's ssr.noExternal array. This is the ONLY config or build change permitted anywhere in this prompt. In your reply, state explicitly whether you needed this change.
- For ANY OTHER build or runtime error, tell me exactly what it is and STOP - do not refactor anything else to fix it.
Do NOT ask me any questions - perform the steps above automatically.
FINAL CHECK (required): before you finish, list every file you created and every file you modified. If anything in that list was not required by the numbered steps above, revert it now and tell me you did.
End your reply with this exact line:
➡️ Next Step! Wait until the builder has fully finished and gone idle (some builders keep working for a moment after this line appears), then copy the Step-2 prompt from the Add Plugin tab in your Buying Buddy dashboard and paste it here.
This is the demo version. When you install from your own Buying Buddy dashboard, the prompt arrives with your activation key and your page addresses already filled in.
Step 2 - Create the foundation pages
Creates your Search Results, Property Details, Market Report and Communities pages, and adds the MLS disclaimer to your footer.
Paste this one line into your AI website builder:
Fetch the file at https://my.buyingbuddy.com/prompt/authkey/demo/type/replit/install-2-pages.md and follow every instruction in it exactly. Do not summarize, skip, or redesign anything. If you cannot retrieve the file, stop and tell me.
Your AI opens the link and follows the instructions itself, so there is no long prompt to copy. The file always contains the current version.
Preview the full prompt
You are continuing the Buying Buddy plugin install in this project. This is the STEP-2 prompt of a 5-step install - it creates the four foundation pages, the footer disclaimer, and one navigation dropdown. The package and provider were installed by the Step-1 prompt.
RULES - READ FIRST. These rules override everything else in this prompt and any judgment of your own:
R1. Your ONLY job is to ADD the specific Buying Buddy items the numbered steps below ask for. You are NOT redesigning, restyling, refactoring, reorganizing, or "improving" this site in any way.
R2. Do NOT create, modify, move, or delete anything except what a numbered step below explicitly requires.
R3. Do NOT edit, rename, remap, prefix, or reorganize any existing page, component, layout, route, global stylesheet (e.g. src/index.css), CSS variable / design token (e.g. --primary, --secondary), tailwind.config.*, or theme file.
R4. Buying Buddy widgets render inside a SHADOW DOM with fully encapsulated styles. Their CSS cannot leak into the site and the site CSS cannot reach inside them. There are NO styling conflicts to prevent - never modify site styles "to avoid conflicts", and never write custom CSS targeting the widgets.
R5. Do NOT publish, deploy, push live, or release the site - and do NOT trigger any "Publish", "Deploy", "Ship", "Update", or "Go Live" action your environment offers, even at the end of the task. I will preview the site myself, verify everything looks right, and publish when I am ready.
R6. If any instruction seems to conflict with these rules, the rules win. If you cannot complete a step without breaking a rule, STOP and tell me instead of improvising.
SCOPE NOTE for this step only: Rules R2 and R3 forbid changing the site navigation. This step contains ONE explicitly permitted exception - creating the single "See More.." dropdown described in step 6 and putting the Communities page in it. Make that one navigation addition and nothing else: do not add, remove, rename, or reorder any other menu item, and do not change any layout, route, or existing page.
Widget snippets: each numbered step below gives a Buying Buddy widget element AND names its type in plain words. If any widget element below reaches you empty, or a tag looks stripped or altered, STOP and tell me - never guess a widget type or substitute one from memory.
BEFORE YOU START - verify the Step-1 prompt was completed. Check that BOTH of these are true:
1. The npm package "@buyingbuddy/react" is present in package.json.
2. A <BuyingBuddyProvider> wraps the app at the app root.
If either is missing, STOP: make no changes, and tell me to run the Step-1 prompt from my Buying Buddy dashboard first.
Also STOP (make no changes, and tell me this prompt has already been run) if a route already exists at "/listing-results", "/listing-details", "/market-area-report", or "/featured-communities" rendering a Buying Buddy widget.
If no STOP case applies, continue with the steps below.
Do ALL of the following (mandatory):
1. Create a Search Results foundation route at "/listing-results". Render it inside the site's existing page layout so the normal header, navigation, and footer still appear (use the same layout / <main> wrapper as the rest of the site - do NOT produce a bare standalone page). Add a page heading - an <h1> such as "Search Results" - inside a normal constrained container. Immediately below the heading, place the widget inside a FULL-WIDTH container so it can span 100% of the viewport, and add standard responsive horizontal padding to that container so the widget does not bleed to the screen edges (e.g. <div className="w-full px-4 sm:px-6 lg:px-8">). This widget is the only Buying Buddy / listing component on the page - do not hand-build any listing UI around it. Use the ListingResults widget (do NOT use the legacy SearchResults type):
<BuyingBuddyWidget type="ListingResults" />
2. Create a Property Details foundation route at "/listing-details" the same way - inside the existing site layout (header, navigation, footer), with an <h1> such as "Property Details" inside a normal constrained container, and the widget placed immediately below it within that same standard constrained container (do NOT use a full-width container for this page - keep it constrained). This widget (the SearchDetails widget) is the only Buying Buddy / listing component on the page:
<BuyingBuddyWidget type="SearchDetails" />
3. Create a Market Report foundation route at "/market-area-report" the same way - inside the existing site layout (header, navigation, footer), with an <h1> such as "Market Report" inside a normal constrained container, and the widget placed immediately below it within that same standard constrained container (do NOT use a full-width container for this page - keep it constrained). This widget (the MarketReport widget) is the only Buying Buddy component on the page:
<BuyingBuddyWidget type="MarketReport" />
4. Create a Communities Hub foundation route at "/featured-communities" the same way - inside the existing site layout (header, navigation, footer), with an <h1> such as "Communities" inside a normal constrained container, and the widget placed immediately below it within that same standard constrained container (do NOT use a full-width container for this page - keep it constrained). This widget (the Communities widget) is the only Buying Buddy component on the page:
<BuyingBuddyWidget type="Communities" />
5. Add the disclaimer to the site footer so it shows on every page (the Disclaimer widget):
<BuyingBuddyWidget type="Disclaimer" />
6. Add ONE new top-level navigation menu item labeled exactly "See More.." as a dropdown (submenu), and put the Communities page (from step 4) in it as the first entry. Do NOT add the Search Results, Property Details, or Market Report pages to any menu - widgets navigate to those pages directly, so they stay out of the navigation. If this template genuinely cannot render a dropdown/submenu, instead add Communities as a single top-level link with a meaningful label ("Communities") - never a numeric-suffixed label like "Communities2".
Do NOT ask me any questions - perform the steps above automatically.
FINAL CHECK (required): before you finish, list every file you created and every file you modified. If anything in that list was not required by the numbered steps above, revert it now and tell me you did.
End your reply with this exact line:
➡️ Next Step! Wait until the builder has fully finished and gone idle (some builders keep working for a moment after this line appears), then copy the Step-3 prompt from the Add Plugin tab in your Buying Buddy dashboard and paste it here.
This is the demo version. When you install from your own Buying Buddy dashboard, the prompt arrives with your activation key and your page addresses already filled in.
Step 3 - Add search and finish setup
Adds a property search form to your home page and reports the settings you need to enter in your dashboard.
Paste this one line into your AI website builder:
Fetch the file at https://my.buyingbuddy.com/prompt/authkey/demo/type/replit/install-3-finish.md and follow every instruction in it exactly. Do not summarize, skip, or redesign anything. If you cannot retrieve the file, stop and tell me.
Your AI opens the link and follows the instructions itself, so there is no long prompt to copy. The file always contains the current version.
Preview the full prompt
You are finishing the Buying Buddy plugin install in this project. This is the STEP-3 prompt of a 5-step install - it adds the home-page search form, measures the header offsets, and ends with the settings I must enter in my Buying Buddy dashboard. RULES - READ FIRST. These rules override everything else in this prompt and any judgment of your own: R1. Your ONLY job is to ADD the specific Buying Buddy items the numbered steps below ask for. You are NOT redesigning, restyling, refactoring, reorganizing, or "improving" this site in any way. R2. Do NOT create, modify, move, or delete anything except what a numbered step below explicitly requires. R3. Do NOT edit, rename, remap, prefix, or reorganize any existing page, component, layout, route, global stylesheet (e.g. src/index.css), CSS variable / design token (e.g. --primary, --secondary), tailwind.config.*, or theme file. R4. Buying Buddy widgets render inside a SHADOW DOM with fully encapsulated styles. Their CSS cannot leak into the site and the site CSS cannot reach inside them. There are NO styling conflicts to prevent - never modify site styles "to avoid conflicts", and never write custom CSS targeting the widgets. R5. Do NOT publish, deploy, push live, or release the site - and do NOT trigger any "Publish", "Deploy", "Ship", "Update", or "Go Live" action your environment offers, even at the end of the task. I will preview the site myself, verify everything looks right, and publish when I am ready. R6. If any instruction seems to conflict with these rules, the rules win. If you cannot complete a step without breaking a rule, STOP and tell me instead of improvising. BEFORE YOU START - verify the Step-1 and Step-2 prompts were completed. Check that ALL of these are true: 1. The npm package "@buyingbuddy/react" is present in package.json. 2. A <BuyingBuddyProvider> wraps the app at the app root. 3. The two foundation pages exist (a Search Results route rendering <BuyingBuddyWidget type="ListingResults" /> and a Property Details route rendering <BuyingBuddyWidget type="SearchDetails" />). If anything is missing, STOP: make no changes, and tell me which earlier step prompt I need to run first. If everything is present, continue with the steps below. Do ALL of the following (mandatory): 1. Add a property search form to the existing home page, rendered inside the normal site layout (header, navigation, footer). Use the QuickSearch widget: <BuyingBuddyWidget type="QuickSearch" filter="formType:simple1+formBackground:204,204,204,0.17+formBorder:204,204,204,0.40+advancedSearch:on" /> - You MAY change ONLY the RGBA values of formBackground and formBorder inside the filter string above, so the search panel visibly stands out against the home page background. Do NOT add any CSS, styled wrappers, or any other visual changes to the home page - placing this widget and tuning those two filter values is the entire scope of this step. 2. Determine whether this site has a STICKY or FIXED header (a header/nav bar that stays pinned to the top of the screen while scrolling - typically position:fixed or position:sticky). - If it does NOT, no header offset is needed - you will omit the Widget Header Offset item from the final block below, exactly as its instructions describe. - If it DOES, get the rendered height of that header in pixels at three viewport widths: Mobile (viewport < 768px), Tablet (viewport 768px-991px), Desktop (viewport >= 992px). Where you can render the site in a browser, MEASURE the real rendered height. Where you cannot actually measure it (no browser available), ESTIMATE the height from the header's CSS and, in your reply, clearly tell me these header offset values are estimates that I should verify on the published site. Never present an estimate as if it were a real measurement. If the height is the same at all sizes, use the same number three times. These values prevent map widgets (which are sticky) from being hidden under the header. Do NOT report these numbers separately or inline anywhere - report them ONLY inside the final block described below. Do NOT ask me any questions - perform the steps above automatically. FINAL CHECK (required): before you finish, list every file you created and every file you modified. If anything in that list was not required by the numbered steps above, revert it now and tell me you did. The Buying Buddy widgets only load on authorized domains, so my preview will show blank widgets until I finish setup in my Buying Buddy dashboard. BEFORE you show the final block, derive these two values (do NOT skip this): (a) My Replit Preview Domain. This project's development preview runs at a temporary URL ending in .replit.dev. State this project's current preview domain (no https://). If you cannot determine it, do NOT guess or invent one: in item 2 of the final block, output this instruction instead of a domain: "Open your Replit preview in a new tab - the domain it opens (ending in .replit.dev) is your Replit Preview Domain." (b) The three Widget Header Offset numbers (Mobile, Tablet, Desktop) you measured above - only if this site has a sticky or fixed header. You MUST end your response with the block below - this is required, not optional. Replace every bracketed placeholder (the [TOKENS_IN_CAPS]) with the real value you derived. Do NOT print the placeholder text itself, and do NOT wrap the values in any kind of brackets in your output. If this site has NO sticky or fixed header, omit item 3 entirely and show only items 1 and 2. ⚠️ Important: Action Required Before Previewing The Buying Buddy widgets only load on authorized domains, so your preview will show blank widgets until you complete these steps. Your preview domain and your live/published domain are authorized separately - blank widgets in preview mean the preview domain still needs authorizing, and blank widgets on your live site after publishing mean the published domain does. Note that Replit preview domains are temporary - if your preview domain changes later, update it in your dashboard the same way. Changes reach your live site only when you republish. In your Buying Buddy dashboard, open "Website Options" and set the following (all three are on that one page): 1. Website Type Set this to: Replit 2. Replit Preview Domain (no https://): [REPLIT_PREVIEW_DOMAIN] 3. Widget Header Offset values: Mobile: [MOBILE_OFFSET], Tablet: [TABLET_OFFSET], Desktop: [DESKTOP_OFFSET] ➡️ Next Step! Enter the settings above in your Buying Buddy dashboard. Then, once this builder has fully finished and gone idle, copy the Step-5 "Add Recommended Widgets" prompt from the Add Plugin tab and paste it here. You will be able to select which widgets to add.
This is the demo version. When you install from your own Buying Buddy dashboard, the prompt arrives with your activation key and your page addresses already filled in.
Step 4 - Add recommended widgets (optional)
Adds the optional Search, Featured Listings, Home Value, Contact and About Me pages, plus a register/login bar.
Paste this one line into your AI website builder:
Fetch the file at https://my.buyingbuddy.com/prompt/authkey/demo/type/replit/widgets.md and follow every instruction in it exactly. Do not summarize, skip, or redesign anything. If you cannot retrieve the file, stop and tell me.
Your AI opens the link and follows the instructions itself, so there is no long prompt to copy. The file always contains the current version.
Preview the full prompt
You are adding recommended Buying Buddy widgets to a website that ALREADY has the Buying Buddy plugin installed (the @buyingbuddy/react package and a <BuyingBuddyProvider> at the app root). This is the FINAL (Step-5) prompt of the install - do NOT reinstall the package or repeat the base install. BEFORE YOU START: confirm the Buying Buddy package is installed - check package.json for "@buyingbuddy/react". If it is NOT present, STOP and tell me to run the Step-1 install prompt from my Buying Buddy dashboard first. Do not make any changes. Widget snippets: each numbered item below gives a Buying Buddy widget element AND names its type and purpose in plain words. If any widget element below reaches you empty, or a tag looks stripped or altered, STOP and tell me - never guess a widget type or substitute one from memory. Important - how Buying Buddy widgets are styled (read before touching any CSS): Buying Buddy widgets render inside a SHADOW DOM with fully encapsulated styles, so there is NO styling conflict to prevent. Do NOT rename, remap, prefix, scope, or modify any site CSS, design tokens, CSS variables, Tailwind config, theme, or shared UI components. In THIS prompt you MAY add new pages, add them to the Buying Buddy "See More.." dropdown menu, and add one small bar to the site header - and nothing else structural. If this project has no conventional navigation menu or site header to edit (for example a bare codebase), do NOT invent one - tell me which item you could not place, skip it, and continue with the rest. ASK ME which widgets to add before making any changes. Present the choice exactly as follows - do not design your own format: - If your chat environment can render interactive checkboxes, show a checkbox list with one checkbox per widget, ALL PRE-CHECKED, using exactly these six labels in this order: Search Page / Featured Listings / Home Value Form / Contact Me Form / About Me Page / Register & Login Bar. Add these two lines above the list: "These are all recommended - uncheck any you don't want, then confirm." and "If the checkboxes are not clickable in your chat, just reply in text with \"all\" or the numbers/names you want." - If interactive checkboxes are NOT available, show the same six labels as a numbered list (1-6) and ask me to reply with "all" or the numbers/names I want. Wait for my selection, then add ONLY the widgets I selected and skip the others entirely. For EACH PAGE widget (items 1-5), follow these rules every time: - Create a NEW page, rendered inside the existing site layout (header, navigation, footer). Add a page heading - an <h1> equal to the page title shown in quotes - and place the widget directly below it inside the normal CONSTRAINED page container (NOT full-width). - Add the new page INTO the Buying Buddy "See More.." dropdown menu that the Step-2 prompt created, as an entry after Communities. Do NOT add it as a top-level menu item. If the "See More.." dropdown does not exist for any reason, create it as a single top-level dropdown first, then add the page into it. If this template genuinely cannot render a dropdown/submenu, fall back to a top-level link with a meaningful distinct label - never a numeric suffix like "Featured Listings2". - ROUTE/SLUG CONFLICT: never modify or overwrite an existing page or route. If a page or route with the same URL/slug already exists (for example the template ships its own stub at that path), create the Buying Buddy page at a bb- prefixed slug instead (for example "/featured-listings" -> "/bb-featured-listings"), and if a page with the same TITLE already exists, give the new page a distinct title too (for example "Contact Me" -> "Contact Me (Buying Buddy)"). Add THAT page into the "See More.." dropdown. The dropdown keeps menu labels from clashing, but it does not stop two pages fighting over the same route, so this rename still matters. 1. Page title "Search" - a property search page. This is IN ADDITION TO the search form already on the home page; do NOT remove or change the home page search form: <BuyingBuddyWidget type="SearchForm" /> 2. Page title "Featured Listings": <BuyingBuddyWidget type="FeaturedGallery" /> 3. Page title "Home Value" - a home valuation lead-capture form: <BuyingBuddyWidget type="LcForm" filter="form:cmashort+title:Do You Know What Your Home Is Worth+description:Values have increased in your area. Find out how much your home is worth now!" /> 4. Page title "Contact Me" - a contact lead-capture form: <BuyingBuddyWidget type="LcForm" filter="form:contactme+title:Send A Message" /> 5. Page title "About Me" - shows the agent bio, profile and listings: <BuyingBuddyWidget type="Brokers" /> 6. Register / Login bar - this is NOT a page. Add it to the site header: <BuyingBuddyWidget type="LoginPanel" filter="layout:registerlinks" /> - Create a small top utility bar as a NEW ROW above the existing header content and place this widget in it (typically aligned to the right). It shows a "Register | Login" link. - The font-size of the container you place this widget in must be no larger than the font-size of the main menu items. After making the changes: - If you added the top utility bar (item 6) and it changed the height of the site header, recalculate the Widget Header Offset values. Where you can render the site in a browser, MEASURE the rendered header height in pixels at three viewport widths - Mobile (viewport < 768px), Tablet (viewport 768px-991px), Desktop (viewport >= 992px) - and give me the three numbers to enter in my Buying Buddy dashboard. Where you cannot actually measure it (no browser available), ESTIMATE the height from the header's CSS, label each value ESTIMATE, and tell me to verify it on the published site. Report them exactly like this: "Header Offset -> Mobile: 56, Tablet: 64, Desktop: 72" (if the height is the same at all sizes, give the same number three times). If item 6 was not added, or the header height did not change, tell me no header offset change is needed. - Do NOT publish, deploy, push live, or release the site - and do NOT trigger any "Publish", "Deploy", "Ship", "Update", or "Go Live" action your environment offers, even at the end of the task. I will preview the site myself, verify everything looks right, and then publish or deploy it when I am ready. Constraints: - Do NOT change existing routing or unrelated code, and do NOT modify any existing pages. - Do NOT edit, rename, remap, or reorganize CSS variables / design tokens, global stylesheets, tailwind config, theme files, or shared UI components. Buying Buddy widgets are shadow-DOM isolated. The ONLY structural changes allowed are: adding the new pages, adding them to the Buying Buddy "See More.." dropdown menu, and adding the small top utility bar for the login widget.
This is the demo version. When you install from your own Buying Buddy dashboard, the prompt arrives with your activation key and your page addresses already filled in.
Maintenance prompts
Not part of the install - use these later, only if you need them.
Update the plugin
Updates the Buying Buddy package to the latest version and changes nothing else.
Paste this one line into your AI website builder:
Fetch the file at https://my.buyingbuddy.com/prompt/authkey/demo/type/replit/update.md and follow every instruction in it exactly. Do not summarize, skip, or redesign anything. If you cannot retrieve the file, stop and tell me.
Your AI opens the link and follows the instructions itself, so there is no long prompt to copy. The file always contains the current version.
Preview the full prompt
Please update the Buying Buddy package in this project to the latest version. Do exactly this and nothing else: 1. Run: npm install @buyingbuddy/react@latest 2. Confirm the new version that was installed (tell me the version number from package.json). 3. Do not change any of my code — do not modify, move, or "improve" my <BuyingBuddyProvider>, my <BuyingBuddyWidget> components, my routes, my CSS, design tokens, Tailwind config, or any other files. This is a package version update only. 4. Confirm the project still builds with no errors. If the update introduced a build error, tell me what it is and stop — do not start refactoring to fix it. 5. Do not publish the site. I will preview and publish myself. When you're done, give me a short summary: the version you upgraded from and to, and confirmation that the build passes and no other files changed.
This is the demo version. When you install from your own Buying Buddy dashboard, the prompt arrives with your activation key and your page addresses already filled in.
Add the MLS disclaimer
Adds the required MLS disclaimer to your site footer if it is missing.
Paste this one line into your AI website builder:
Fetch the file at https://my.buyingbuddy.com/prompt/authkey/demo/type/replit/disclaimer.md and follow every instruction in it exactly. Do not summarize, skip, or redesign anything. If you cannot retrieve the file, stop and tell me.
Your AI opens the link and follows the instructions itself, so there is no long prompt to copy. The file always contains the current version.
Preview the full prompt
You are adding the Buying Buddy MLS Disclaimer widget to a website that ALREADY has the Buying Buddy plugin installed. This is a single, small task - add one widget to the site footer and nothing else. RULES - READ FIRST. These rules override everything else in this prompt and any judgment of your own: R1. Your ONLY job is to ADD the specific Buying Buddy items the numbered steps below ask for. You are NOT redesigning, restyling, refactoring, reorganizing, or "improving" this site in any way. R2. Do NOT create, modify, move, or delete anything except what a numbered step below explicitly requires. R3. Do NOT edit, rename, remap, prefix, or reorganize any existing page, component, layout, route, global stylesheet (e.g. src/index.css), CSS variable / design token (e.g. --primary, --secondary), tailwind.config.*, or theme file. R4. Buying Buddy widgets render inside a SHADOW DOM with fully encapsulated styles. Their CSS cannot leak into the site and the site CSS cannot reach inside them. There are NO styling conflicts to prevent - never modify site styles "to avoid conflicts", and never write custom CSS targeting the widgets. R5. Do NOT publish, deploy, push live, or release the site - and do NOT trigger any "Publish", "Deploy", "Ship", "Update", or "Go Live" action your environment offers, even at the end of the task. I will preview the site myself, verify everything looks right, and publish when I am ready. R6. If any instruction seems to conflict with these rules, the rules win. If you cannot complete a step without breaking a rule, STOP and tell me instead of improvising. BEFORE YOU START - check that BOTH of these are true: 1. The npm package "@buyingbuddy/react" is present in package.json. 2. A <BuyingBuddyProvider> wraps the app at the app root. If either is missing, STOP: make no changes, and tell me to run the Step-1 install prompt from my Buying Buddy dashboard first. Also STOP (make no changes, and tell me it is already in place) if the site footer already contains <BuyingBuddyWidget type="Disclaimer" />. If no STOP case applies, continue below. Widget snippet: the step below gives the Buying Buddy Disclaimer widget as an element AND names it in plain words. If the element reaches you empty, or its tag looks stripped or altered, STOP and tell me - never guess a widget type or substitute one from memory. On a server-rendered site the widget mounts after the page hydrates and is legitimately absent from the server HTML; that is expected, so do NOT wrap it in a client-only or dynamic-import shell to force it to appear. Do the following (mandatory): 1. Add the disclaimer (the Disclaimer widget) to the site footer so it shows on every page: <BuyingBuddyWidget type="Disclaimer" /> Do NOT ask me any questions - perform the step above automatically. FINAL CHECK (required): before you finish, list every file you created and every file you modified. If anything in that list was not required by the numbered steps above, revert it now and tell me you did.
This is the demo version. When you install from your own Buying Buddy dashboard, the prompt arrives with your activation key and your page addresses already filled in.
Other website types
See all supported website types, or read the full list of supported platforms.