How to add a map widget to your Wix vacation rental website
Wix can publish a clean, guest-facing location map without a full PMS or a custom app build. The most dependable path is to paste the RentalBeam script embed into a Wix Embed Code element. If the embed box ever stays blank, the iframe snippet drops into the same element.
Why add a map to your Wix site?
A guest deciding between listings wants to know exactly where they would be staying before they inquire. A styled map that matches your site removes that guesswork, shows nearby highlights you choose to share, and reads as a real, cared-for listing rather than a bare address. See the map widget page for a closer look at the themes and pin styles.
- Show your rental's exact location, or a privacy-friendly approximate area
- Match your site with five curated themes and a brand-colored pin
- Add nearby highlights - attractions, restaurants, transit - guests will actually use
- Works the same way on a single rental map or a collection map with several pins
What you need
- A Wix page in the Editor
- A rental with its location saved in RentalBeam (Location tab)
- A map style chosen in the dashboard Maps tab (theme, pin, and signature color)
Every plan can build one
Every RentalBeam plan, including Free, can build, style, and live-preview a map in the dashboard Maps tab. Embedding it on your own website needs Plus or Pro - see pricingfor details. On Free, the embed still renders on RentalBeam's own pages, and any other site shows a neutral "Map unavailable" notice instead of an upgrade prompt.Setup steps
- 1
Save your rental's location
- Open the rental in your RentalBeam dashboard and go to its Location tab.
- Search for the address, or drag the pin directly on the map to fine-tune the exact spot.
- Choose exact-pin mode (guests see your real location, plus any nearby highlights) or approximate-area mode (a shaded circle, and your exact coordinates never reach the guest).
Nearby highlights are optional
On exact-pin maps, you can add nearby highlights - attractions, restaurants, transit stops - with icons and short notes, also edited on the Location tab.
Save the location on the Location tab before it can appear on a map. - 2
Style your map and copy the embed for Wix
Open the Maps tab in the dashboard and pick a theme (Signature, Terrain, Coastal, Midnight, or Minimal - a fixed choice that never follows a visitor's device theme), a pin style (Teardrop, Dot, or Photo), and a signature color that auto-matches your booking accent or a custom hex.
The Maps tab builder - pick a look, then copy the embed code at the bottom. RentalBeam recommends the script embed for Wix. Use the matching code format below as your reference.
html<script src="https://cdn.rentalbeam.com/v1/embed.js" async></script> <div class="rentalbeam-map" data-rental-id="your-rental-id"></div>The Wix Embed Code element runs the script embed on any plan, so the map keeps its chosen theme and aspect ratio. If the embed box ever stays blank after publishing, the iframe snippet drops into the same element. The embed code also accepts optional attributes for aspect ratio, corner radius, and default zoom - see the map widget docs for the full reference.
Wix publishing reminders
- Use Wix's dedicated Embed Code element - not a text box - so Wix does not escape the script.
- Wix shows custom code on the published site, not always in the editor preview - check the live page before assuming the embed failed.
- Match the embed box proportions to the aspect ratio you picked in the Maps tab (wide, standard, or square) so the map is not cropped.
- If the box stays blank after publishing, switch to the Iframe snippet - it renders without JavaScript.
- 3
Paste the map into Wix
Builder-specific install steps
Use these steps to place the RentalBeam map exactly where guests look for your location.
Recommended: ScriptWix
Use the Embed Code element - it runs the script snippet on any plan.
The Wix Embed Code element runs the script embed on any plan, so the map keeps its chosen theme and aspect ratio. If the embed box ever stays blank after publishing, the iframe snippet drops into the same element.
Use the Script tab for this builder.
- Open the target page in the Wix editor
- Click Add Elements, choose Embed Code, then Embed HTML
- Paste the RentalBeam map script embed code
- Resize the embed box to match your chosen aspect ratio, publish, and check the live page
Before you publish
- Use Wix's dedicated Embed Code element - not a text box - so Wix does not escape the script.
- Wix shows custom code on the published site, not always in the editor preview - check the live page before assuming the embed failed.
- Match the embed box proportions to the aspect ratio you picked in the Maps tab (wide, standard, or square) so the map is not cropped.
- If the box stays blank after publishing, switch to the Iframe snippet - it renders without JavaScript.
- 4
Publish and verify the map
Where to place the map on the page
- Use a full-width or wide content section so the map has room to breathe.
- Keep the map close to your address or nearby-attractions copy.
- Re-check padding after resizing the Wix embed container on tablet and mobile breakpoints.
Treat the map as supporting proof, not the hero
High-converting listing pages put the map near the address, directions, or a short neighborhood description - close enough that guests notice it without it competing with your main booking call to action.Already have the calendar widget on Wix?
If you already added the RentalBeam availability calendar to your Wix site, the map embeds the same way - the same script tag, the same paste-and-publish workflow, just a different container. Read the Wix calendar guide if you have not set that up yet.