In die eigene Website einbinden (WordPress)

Einleitung
In diesem Video holst du deine Angebote aus PetWorkers auf deine eigene Website, zum Beispiel auf eine WordPress-Seite. Als Beispiel zeigen wir deine Gruppen und Kurse. Freie Plätze und Preise kommen immer aktuell aus PetWorkers, du pflegst nichts doppelt.

Die Einbindung anlegen
Klicke links auf „System“ und dann auf „Einbindungen“. Klicke oben auf „Einbindung anlegen“. Bei „Bezeichnung“ schreibst du, wo die Einbindung steht. Wir nehmen „Kursangebot auf meiner Website“. Das sieht nur dein Team. „Einbindung aktiv“ bleibt angehakt. Nimmst du den Haken weg, zeigt deine Website an dieser Stelle nichts mehr, bis du ihn wieder setzt. Bei „Erlaubte Websites“ kannst du deine Adresse eintragen. Dann lässt sich der Code nur dort zeigen. Leer heißt: überall. Bei „Seitenmodul“ wählst du, was erscheinen soll. Wir nehmen „Angebote“. Möglich sind auch Preisliste, Shop, Newsletter-Anmeldung und mehr. Bei „Angebotsarten“ haken wir „Gruppen“ und „Kurse“ an. Ohne Haken erscheinen alle Angebote. Darunter wählst du die „Darstellung“ und welche Filter deine Besucher sehen. Wir lassen alles auf „Standard“. Klicke auf „Speichern“.

Den Code kopieren
Ganz unten erscheint jetzt der Bereich „Code“. Hier stehen zwei fertige Codes: einer für jede Website und einer für WordPress. Der obere Code heißt „iframe“. Er zeigt die Einbindung wie ein Fenster auf jeder Website, egal mit welchem Baukasten sie gemacht ist. Klicke daneben auf „Kopieren“. Der Knopf zeigt kurz „Kopiert“. Jetzt fügst du den Code in deinem Website-Baukasten an der gewünschten Stelle ein, meist in einem Baustein für HTML oder Code. Darunter steht der Shortcode für WordPress. Ein Shortcode ist ein kurzer Text in eckigen Klammern, den WordPress durch den Inhalt ersetzt. Auch er hat einen „Kopieren“-Knopf.

So sieht es dein Kunde
So sieht der iframe auf einer Beispielseite aus. Die Höhe passt sich von selbst an, und die Filter funktionieren wie auf deiner PetWorkers-Website. Klickt ein Besucher auf ein Angebot, bucht er wie gewohnt bei PetWorkers. Bucht ein Kunde, steht die Buchung sofort bei dir im Büro.

Das WordPress-Plugin
Für den Shortcode braucht WordPress unser Plugin. Ein Plugin ist eine Erweiterung für WordPress. Du lädst es hier mit „Plugin PetWorkers Wave herunterladen“. In WordPress gehst du auf „Plugins“, „Installieren“ und „Plugin hochladen“. Wähle die heruntergeladene Datei und aktiviere das Plugin. Dann trägst du in WordPress unter „Einstellungen“, „PetWorkers Wave“ deine Adresse und diesen Plugin-Schlüssel ein. Achte beim Kopieren und Einfügen auf Leerzeichen am Anfang und Ende. Klicke in WordPress auf „Verbindung prüfen“. Danach setzt du den Shortcode in eine Seite. Neue Fassungen bietet WordPress dir von selbst als Update an.

Weitere Wege und Tipps
Alle Einbindungen stehen in dieser Liste, mit der Zahl der Abrufe. So siehst du, ob der Code auf deiner Website ankommt. Über das Menü am Zeilenende findest du „Code“, „Bearbeiten“, „Ein-/ausschalten“ und „In den Papierkorb“. „Code“ öffnet die beiden Codes jederzeit wieder zum Kopieren. Nur ein einzelnes Angebot zeigen? Dann öffne die Gruppe oder den Kurs. Unter „Auf der Website einbinden“ stehen fertige Codes nur für dieses Angebot. Wichtig: Buchungsstrecken wie Platzvermietung oder Terminbuchung bindest du immer als iframe ein. Beim Shortcode führt der Knopf zur Buchung auf deine PetWorkers-Seite.

Zusammenfassung
Einbindung anlegen, Inhalt wählen, Code kopieren und auf deiner Website einfügen. Für WordPress nimmst du Plugin und Shortcode. Im nächsten Video zeige ich dir den Shop: Waren anlegen, Versand einstellen und Bestellungen bearbeiten.