How to add Yandex Maps to a Turbosite website
Yandex Maps is the primary mapping service for the Russian audience. There are two simple ways to add a map to your site: via the Map Constructor (you draw the route or place markers yourself) or directly from Yandex Maps (an organization card with reviews and contact details). Both options provide ready-to-use HTML code for embedding. It is free and does not require an API key. Installation takes 5–10 minutes.
What you will need
- A Yandex account — free registration
- A published website on Turbosite
- 5–10 minutes
Method 1: Organization card from Yandex Maps (if you already have a company on Maps)
This is the fastest way — it provides a map with a marker, reviews, and a “Get directions” button.
- Open yandex.ru/maps and find your company in the search.
- On the company page, click the “Share” button (arrow icon) → select the “Widget” tab.
- Adjust the preview (size, marker, company information).
- Copy the code to embed on your site.
📷 Screenshot: Organization card in Yandex Maps with the “Share → Widget” window open.
Method 2: Your own map via the Map Constructor (if you need multiple markers or a route)
- Open yandex.ru/map-constructor.
- Find the required point on the map.
- Add markers, lines, or areas as needed.
- Click “Save and continue” → set the map dimensions.
- Click “Get map code” → select the “iframe” format.
- Copy the code.
📷 Screenshot: Yandex Map Constructor with configured markers and generated iframe code.
Step 3. Insert the code into Turbosite
The map appears in a specific place on the page (for example, in the “Contacts” block), so the code is inserted into the body of the page, not into <head>.
- Open your website in Turbosite.
- Add an “HTML code” block to the desired place on the page — usually in the contacts section.
- Paste the copied map code.
- Save the changes.
- Publish the site.
📷 [Turbosite screenshot — to be added: HTML code block in the page body with a map].
Step 4. Check that the map works
- Open the published website.
- Scroll to the map block — it should load in 1–2 seconds.
- Check on a mobile device: the map should scale correctly.
If the map is cropped on mobile devices, adjust the dimensions again in the Constructor with the “Stretch to width” checkbox selected.
FAQ
Can I add multiple markers or a route? Yes, via the Map Constructor (Method 2). You can draw a route, add a polygon, and place many markers of different colors.
The map slows down site loading. The iframe map loads asynchronously and does not block the page. If there is only one map on the page, there will be no problems. If there are many maps or the site is overloaded, you can use lazy-load (loading on click).
Can I put a map with my own data (brand style, colors)? In the basic iframe — no, the design is standard. Full customization is available via the Yandex Maps JavaScript API, but this requires a developer and an API key.
Do I need an API key for a basic map? No. Maps from the Constructor or from a company card are embedded without a key. A key is only needed for the JavaScript API.
How do I add Yandex Maps reviews? This is a separate widget — in the company card on Yandex Maps → “Share” → “Reviews widget”. It is embedded the same way, via an HTML block.
Where to look next
- Yandex Map Constructor — the main tool
- Map Constructor Help — official documentation
- Yandex Maps API — for fine-tuning
