Wie Sie Stippl Maps auf Ihrer Website einbetten

Schritt 1: Melden Sie sich als Stippl Creator an

Um zu beginnen, müssen Sie Creator auf Stippl werden. Befolgen Sie diese Schritte:

1. Gehen Sie zu stippl.io/creators.
2. Registrieren Sie sich für ein Creator-Konto, indem Sie den Registrierungsprozess befolgen.
3. Nachdem Sie Ihre Informationen eingereicht haben, warten Sie auf die Genehmigung Ihres Kontos. Dies kann etwas Zeit in Anspruch nehmen, da Stippl Creator-Konten manuell überprüft.
4. Nachdem Ihr Konto genehmigt wurde, haben Sie Zugriff auf Funktionen, mit denen Sie Karten erstellen und einbetten können.

Schritt 2: Greifen Sie auf den Embed-Code für Ihre Karte zu

Nachdem Sie Ihre Reiseroute auf Stippl erstellt haben, befolgen Sie diese Anweisungen, um den Embed-Code zu erhalten:

1. Melden Sie sich bei Ihrem Creator-Konto auf der Stippl-Webplattform an.
2. Öffnen Sie die spezifische Reise, die Sie einbetten möchten.
3. In der oberen rechten Ecke Ihrer Reise finden Sie eine Option zum „Embed Map" (wie in den bereitgestellten Screenshots gezeigt). Klicken Sie auf diese Option.

Ein neues Fenster wird mit einer Vorschau der Karte geöffnet. Dies ermöglicht Ihnen zu sehen, wie die eingebettete Karte angezeigt wird.

Unter der Vorschau sehen Sie einen Embed-Code, den Sie kopieren können. Der Code sieht etwa so aus:

Schritt 3: Einbetten der Karte auf Ihre WordPress-Website

Hier sind zwei Möglichkeiten, um die Karte auf Ihre WordPress-Site einzubetten, mit Screenshots zur Anleitung.

Methode 1: Einbetten in einen WordPress-Beitrag oder eine Seite

1. Melden Sie sich in Ihrem WordPress-Dashboard an.
2. Gehen Sie zu Beiträge oder Seiten und wählen Sie einen vorhandenen Beitrag/eine vorhandene Seite aus oder erstellen Sie einen neuen.
3. Fügen Sie einen Custom HTML Block im Gutenberg Editor ein: Klicken Sie im Gutenberg (Block) Editor auf das „+"-Symbol, um einen Block hinzuzufügen. Suchen Sie nach Custom HTML und wählen Sie es aus.
4. Fügen Sie den Embed-Code im Custom HTML Block ein
5. Vorschau und Veröffentlichung: Klicken Sie auf Vorschau, um sicherzustellen, dass es korrekt angezeigt wird. Klicken Sie dann auf Veröffentlichen oder Aktualisieren.

<iframe src="https://embed.stippl.io/ilseandreajansen/trip/Philippines%2024" width="100%" height="500" style="border:none"></iframe>

Und schon geht es los!🥳

Das Einbetten Ihrer Stippl-Karte auf WordPress verbessert Ihren Reiseblog oder Ihre Website, indem Sie detaillierte Reiserouten visuell präsentieren. Wenn Sie diese Schritte zusammen mit den Screenshots befolgen, können Sie diese Karten mühelos hinzufügen. Viel Spaß beim Präsentieren Ihrer Reiseabenteuer!