De beste manier om je routes te presenteren

screenshot komoot

De beste routes van de wereld verdienen het om gedeeld te worden op de beste kaarten—zo mooi, informatief en gedetailleerd mogelijk. En dat is precies wat je krijgt met de naadloze embed-functie van komoot: een eenvoudige, aanpasbare en interactieve manier om Tours te delen op je website—en dat alles met een paar klikken.

  • Topografische outdoorkaart

  • Interactief hoogteprofiel

  • Mobiele navigatie

  • GPX download

  • Volledig aanpasbaar

Betere kaarten in drie simpele stappen

Share

Stap 1

Deel je Tour

Sla je Tour op in komoot en klik op de deel-knop zodra hij klaar is.

Share

Stap 2

Pas op je eigen voorkeuren aan

Kies zelf wat je wilt laten zien en pas de grootte van de kaart aan.

Copy and Paste

Stap 3

Plak het op je website of blog

Plak de gegenereerde code direct op je site op de plek waar je de Tour ook wilt laten zien.

Volledig aanpasbaar

Omdat alleen jij weet welke details tellen, beslis jij wat je wilt laten zien. Kies of je de kaart of de foto’s als standaardweergave wilt—en of je het hoogteprofiel van je route wilt tonen.

Probeer de live demo

Pas de breedte en hoogte aan
Hoogteprofiel
Kies de standaardweergave

Voorbeelden

Deze websites gebruiken komoot al om hun routes tot hun volle recht te laten komen.

Transcontinental Screenshot

Transcontinental Race

Business as ususal Screenshot

business as usual

outbiking Screenshot

Outbiking

world of mtb Screenshot

World of MTB Magazine

Aspire Cycling Screenshot

Aspire Cycling

Visit Berlin Screenshot

Visit Berlin

Tips & trucs

  • Hoe krijg je jouw embed-code?

    Gebruik de deel-button die je in elke Tour kunt vinden, klik op embed en kies wat je wilt laten zien. Daarna genereert komoot automatisch de code voor je—deze hoef je alleen nog maar te kopiëren

  • Hoe embed je de code?

    Plak de code niet zomaar in de visuele editor of in het CMS van je site. Als je dat doet zie je de regel code op je pagina in plaats van de route die je wilt embedden. Om de route op de juiste manier te embedden op je pagina, plak je de code in de tekst, code of HTML-weergave op de backend van je site.

  • Hoe embed je routes op WordPress sites?
    animation wordpress

    Schakel over op tekstmodus op de backend van je WordPress site en plak de code daar rechtstreeks in als HTML.

  • Hoe embed je Collecties?

    Om een Collectie te embedden kopieer je de code aan de rechterkant en vervang je het Collectie ID met het ID van de Collectie die je wilt embedden. Deze vind je in de URL van de Collectie, bijv.

    https://www.komoot.nl/collection/120
    <iframe src="https://www.komoot.nl/collection/120/embed" width="780" height="680" frameborder="0" scrolling="no"></iframe>
  • Hoe embed je een gebruikersprofiel?

    Om een gebruikersprofiel te embedden kopieer je de code aan de rechterkant en vervang je het Profiel ID met het ID van het profiel dat je wilt embedden. Deze vind je in de URL van het profiel, bijv.

    https://www.komoot.nl/user/123678900
    <iframe src="https://www.komoot.nl/user/123678900/embed" width="780" height="680" frameborder="0" scrolling="no"></iframe>

Heb je nog vragen?

Als je nog wat hulp nodig hebt, neem dan contact op met Betty.