Fahrrad-Routen einfach in eigene Plattformen einbinden
Mit dem Routen-Widget bindest du beliebige Fahrrad-Routen mit nur wenigen Klicks als attraktive Vorschau in eigene Webseiten oder in Progressive Web Apps (PWA) ein. Ob Online-Magazin, Blog oder Tourismus-Seite: Schick verpackt und mit nützlichen Infos versehen wertet das Routen-Widget deinen Fahrrad-Content auf.
Das Routen-Widget besteht aus einer Box, die Kurzinfos zur Route wie ihren Namen, ihre Länge und eine Kartenvorschau anzeigt – siehe unten. Per Klick auf das Widget mittels Desktop-Browser öffnet sich die Route auf www.naviki.org. Durch Tap auf das Widget auf einem mobilen Gerät erscheint die Route in der Naviki-App, sofern diese installiert ist.
Embed the Route Widget - it's as simple as that
1. Access a saved or memorised route on Naviki's Plan route page
2. Click the "</>" icon above the altitude diagram and then copy the displayed code
3. Paste the copied code into the Content Management System (CMS) of your blog or website
4. Reload website and admire Route Widget – done!
With a free Naviki account, you can easily upload routes and save calculated routes in your Naviki Cloud. You can then embed these routes using the widget.
Routen-Widget einbetten – so einfach geht's
1. Eine gespeicherte oder gemerkte Route auf der Seite Route planen aufrufen.
2. Das Icon "</>" über dem Höhendiagramm anklicken und dann den angezeigten Code kopieren.
3. Den kopierten Code in das Content Management System (CMS) deines Blogs oder deiner Webseite einfügen.
4. Webseite neu laden und Widget bestaunen. Fertig!
Mit einem kostenlosen Naviki-Account kannst du Routen bei Naviki hochladen und mit Naviki berechnete Routen merken. Diese Routen lassen sich per Widget einbetten.
Für Kooperationspartner: Routen-Widget mit Pop-up
Für Kooperationspartner bieten wir zudem folgende Widget-Option: Beim Klick auf das Widget öffnet sich die Route in einem Popup-Fenster über der Webseite, in die es eingebettet ist. Dieses Routen-Widget enthält das Logo und eine Farbe des Partners. Optional kann es auch ein Bild anzeigen (mittleres Beispiel unten).
