Möchten Sie Ihre eigene Karte mit eigenen Punkten zur Website in Webnode hinzufügen?
In der Anleitung „Google Map in Webnode korrekt einrichten“ habe ich Ihnen gezeigt, wie Sie eine Karte aus einer klassischen Adresse von Google Maps einfügen.
In dieser Anleitung zeigen wir Ihnen, wie Sie mit Google My Maps eine eigene Karte mit einer unbegrenzten Anzahl von Punkten (Adressen) erstellen.
Sie können die erstellte Karte dann einfach mit HTML-Code in die Website einbinden.
Dieser Service ist kostenlos und ich werde Ihnen auf jeden Fall empfehlen, ihn zu nutzen.
Vorschau einer Karte, die mit Google My Maps erstellt wurde.
Anweisungen zum Erstellen Ihrer eigenen Karte mit Google My Maps
1. Registrieren bzw. Melden Sie sich mit Ihrem Google-Konto unter folgender Adresse an: http://mymaps.google.com.
*Wenn Sie noch kein Google-Konto haben, erstellen Sie eines kostenlos.
2. Klicken Sie oben links auf “Neue Karte erstellen”.
3. Wir suchen die bestimmten Adressen aus und fügen diese unserer Karte hinzu
4. Für jeden Punkt (Adresse) können Sie Titel, Beschreibung, Farbe und das Symbol für Stecknadel auf der Karte bearbeiten.
5. Wenn Sie alle Adressen erfolgreich hinzugefügt haben und die Karte öffentlich teilen möchten (z. B. auf einer Webnode-Website), klicken Sie auf “Teilen”.
6. In dem Feld “Link abrufen” klicken Sie auf “Ändern zu Jeder, der über den Link verfügt” und dann auf “Fertig”.
und dann auf “Fertig”.
7. Sie können die erstellte Karte jetzt mithilfe von HTML-Code (iframe) in das Web einbetten. Klicken Sie oben auf die drei Punkte und wählen Sie “In meine Website einbetten”.
Oben klicken Sie auf die drei Punkte und wählen Sie “In meine Website einbetten”
und kopieren Sie den HTML-Code Ihrer Karte.
8. Fügen Sie den Kartencode mit den Funktionen “+” und “HTML” in Webnode in Ihre Website ein.
*Fügen Sie den Code dort ein, wo die Karte angezeigt werden soll.
9. Publizieren Sie die Änderungen
Fertig 🙂 Ihre Karte wird in der veröffentlichten Version Ihrer Website angezeigt.
Weitere tolle Tutorials
HTML Code für Weiterleitung (redirect)
Suchen Sie nach einer Möglichkeit, einen Besucher Ihrer Website automatisch auf eine andere Website umzuleiten? (URL) Die Lösung ist einfach: Bearbeiten und kopieren Sie den folgenden HTML-Code 🙂 1. Bearbeiten Sie die URL-Adresse im Code. Geben Sie als...
So fügen Sie Webnode-Websites KOSTENLOS einen Online-Chat hinzu!
Möchten Sie in Ihre Website Online-Chat einbinden, um schneller mit Ihren Kunden kommunizieren zu können? In dieser Anleitung zeigen wir Ihnen, wie Sie den HTML-Code eines Online-Chats einfach und gratis auf Ihrer Website einfügen können. 1. Der erste Schritt...
So verbinden Sie Ihre Website mit Facebook
Möchten Sie ein Widget in Ihre Website einbetten, um Ihre Website mit Facebook zu verbinden? Facebook-Widget Webnode ? Dann sind Sie hier richtig. In der Anleitung Wie man die Social-Media-Buttons (FB und Instagram) in die Kopfzeile der Website einfügt?...
Rechte Maustaste sperren
Rechte Maustaste sperren Möchten Sie verhindern, dass Inhalte von Ihrer Website kopiert werden? Mit diesem HTML-Code können Sie Besuchern die Nutzung der rechten Maustaste auf Ihre Website blockieren und so das Kopieren von Text verhindern. 1. Melden Sie...
Wie verbinde ich Google Kalender mit der Website?
Google Kalender - große Hilfe beim Zeitmanagement Google Kalender ist eine Onlinedienst zur privaten Terminverwaltung In diesem Tutorial erfahren Sie, wie Sie Google Kalender in Webnode-Websites einbetten. 1. Der erste Schritt besteht darin, ein Google-Konto zu...
Wie ändere ich die E-Mail im Kontaktformular bei Webnode?
Möchten Sie die E-Mail für Benachrichtigungen aus dem Kontaktformular ändern? Die E-Mail im Kontaktformularist auf die E-Mail voreingestellt, mit der Sie sich bei Webnode anmelden. Wenn Sie die E-Mail im Formular ändern möchten, folgen Sie dieser Anleitung: 1. Melden...
Wie man bei Webnode eine E-Mail und Telefonnummer verlinkt
Brauchen Sie einen klickbaren Link zu einer E-Mail oder Telefonnummer auf Ihre Website hinzufügen? E-Mail-Kommunikation ist eine schnelle, einfache und häufig verwendete Verbindung zwischen Ihnen und Ihren Kunden. Für die meisten potenziellen Kunden ist jedoch...
Wie man einen Anker erstellt
Video tutorial with English subtitles Der Anker funktioniert als Link innerhalb einer einzelnen Seite. Daher wird über den Link keine andere Seite (Website) angezeigt, sondern Sie gelangen an eine andere Stelle auf der Seite, der Sie gerade anschauen. Das Erstellen...