Wappy auf deiner Drupal-Website in 7 Schritten installieren

3 min Lesezeit

Gut, dass du dich entschieden hast, das WhatsApp-Widget von Wappy auf deiner Drupal-Website zu installieren. In diesem Blog erfährst du, wie du mit ein paar einfachen Schritten die Chatfunktion von Wappy auf deiner Drupal-Website einrichtest.

Schritt 1. Gehe zu deiner Drupal-Website

Logge dich im Admin-Panel deiner Website ein, oder im Verwaltungsbereich. Nachdem du dich im Drupal-Admin-Panel angemeldet hast, gehst du zum Tab mit dem Namen „Struktur“. Dann klickst du auf „Blocklayout“.

Block Layout Drupal Wappy

Schritt 2. Fügen Sie einen benutzerdefinierten Block hinzu

Scroll nach unten und gehe zum Footer-Bereich. Wähle hier den Footer aus, in dem du das Widget anzeigen möchtest. Wähle zum Beispiel „Footer First“ und klicke auf ‚Block platzieren‘. Anschließend klickst du auf die blaue Schaltfläche mit der Bezeichnung ‚+Benutzerdefinierten Block hinzufügen‘.

 

Footer Drupal für Wappy

Schritt 3. Gib deinen Inhalt ein

Geben Sie dem Block einen Namen unter „Blockbeschreibung“. Im folgenden Bild ist zu sehen, dass der Block „Widget“ genannt wurde. Unter „Textformat“ wählen Sie die Option „Vollständiges HTML“. Schließlich geben Sie Ihren Inhalt im HTML-Ansicht ein, indem Sie einfach die Schaltfläche „Quelltext“ anklicken, und schon sind Sie fertig.

Add custom block Drupal für Wappy

Schritt 4. Der Implementierungscode


Jetzt wollen wir den Implementierungscode von Wappy in das leere Feld einfügen. Um dies zu tun, öffne dein Wappy-Konto und gehe zu deinen Widgets.


 

Hast du schon einmal ein Widget erstellt? Klicke dann darauf. Dein Bildschirm sieht dann wie folgt aus:

Implementierungscode Wappy Drupal

 


 

Hast du noch kein Widget? Gehe dann zu 'Widgets' und anschließend zu 'ein Widget erstellen'. Du kannst jetzt die Informationen auf der linken Seite deines Bildschirms ausfüllen und speichern. Wenn du das getan hast, siehst du unten rechts den Implementierungscode, wie auf dem Bild oben.

Schritt 5. Kopieren, Einfügen und Speichern

Kopiere den Implementierungscode von der Website von Wappy. Gehe jetzt zurück zu deiner Drupal-Website und füge den Implementierungscode in das leere Feld unter 'Body' ein. Vergiss nicht, auf speichern zu klicken!

Implementierungscode einfügen wappy drupal

Step 6. Die letzten Schritte

Nachdem du den Code gespeichert hast, gelangst du zur Seite ‘Block konfigurieren’. Hier deaktivierst du das Häkchen bei ‘Titel anzeigen’. Unter ‘Sichtbarkeit’ wählst du alle Inhaltstypen aus, auf denen dein Widget angezeigt werden soll.

 

Schließlich klickst du unter ‘Region’ auf die Region, in der der Block angezeigt werden soll, und klickst auf ‘Block speichern’.

 

Widget konfigurieren

 

Schritt 7. Speichern und fertig!

Hast du den Block gespeichert? Scrolle dann nach unten auf der Seite und klicke unten auf „Blocks speichern“.

 

Geschafft! Du bist jetzt bereit, deine Webseitenbesucher über WhatsApp zu betreuen.

Hast du keine Drupal-Website, möchtest aber wissen, wie du Wappy auf deiner eigenen Website installiert bekommst? Lies dann eine unserer anderen Anleitungen!

Ende dieses Wappy-Artikels🤓