Lovable, Bolt and v0 with IDX

How do I add IDX to a website built with Bolt.new?

How do I add IDX to a website built with Bolt.new? Load the RealSavvy script once, place widget slots, or connect Bolt to the MCP connector. Steps here.

The short answer

Short answer

Updated Updated November 2026

How do I add IDX to a website built with Bolt.new?

Add RealSavvy widgets to your Bolt.new project: load the RealSavvy script once in the root of the app, then place a slot div for each widget, such as home search, a neighborhood grid or the contact form. Bolt.new can also connect to the RealSavvy MCP connector, so you can ask it to create and place widgets for you. Or move the site to hosted Savvy Studio later.

Before you start

Know what you want on each page. A typical agent site has search on its own page, a listing grid on each neighborhood page, a slider of your own listings on the home page and a contact form on every page. Write that plan first. It turns into a short list of widgets to create and slots to place.

Steps in Bolt.new

  • Create your widgets with save_widget, or have the AI do it through MCP
  • Call get_embed_code; it returns one script tag and a slot per widget, with notes for React apps like Bolt
  • Add the script tag once to index.html or the root layout
  • Paste each slot div into the right component
  • Deploy, then run check_install and check_design on the live page

Asking Bolt to do it

Add the RealSavvy MCP connector to Bolt.new with the private key URL from portal.agnt.pro. Then try: "Add a grid of homes for sale in Travis Heights to the Travis Heights page and a contact form at the bottom." Use preview_widget to see how many homes the grid will show before you publish.

Keep listings out of your code

Bolt can write anything you ask, including a page full of addresses and prices. Do not ask it to, and tell it up front not to. MLS rules require listings to show through a licensed display with attribution. The widgets keep listings live, update status changes on their own and carry the MLS credit and disclaimers.

Related questions

More questions, answered

What does IDX cost on a Bolt site?

Live MLS listings come with the IDX add-on: $99 a month or $990 a year plus a one-time $99 IDX setup fee.

Do I need the MCP connector?

No. You can paste the embed code yourself. The connector, included in the website plan, lets your AI do it for you.

Can I move my Bolt site to Savvy Studio later?

Yes. A site built elsewhere can move to hosted Savvy Studio with move_to_studio. Review the result in a draft before you publish it.

Written by The Savvy Studio team, AGNT AI Inc. · since 2022

Savvy Studio is the website platform behind 800+ agent sites on AGNT. Questions? Text (737) 378-8983.

Last updated Updated November 2026

See it first

Try Savvy Studio in the self-guided demo.

Website $99/mo or $990/yr · IDX $99/mo + $99 setup · DIY no setup fee

Try the self-guided demo →Get started