In Showit ein Client-Testimonial-Karussell zum Durchklicken designen

September 27, 2023

Schaust du es dir lieber als Tutorial an?

Warum brauche ich überhaupt Testimonials auf meiner Website?

Die Frage die wir davor kläre müssen, ist, was überhaupt “Client Testimonials” sind. Ich finde, im Deutschen gibt es dafür kein wirklich gutes Wort. Es gibt die Wort “Erfahrungsbericht”, “Zeugnis”, “Empfehlung” oder “Referenz”. Es geht also darum, dass du einen Platz auf deiner Website hast, wo ehemalige KlientInnen darüber schreiben können, wie toll du bist und welch wunderbare Dienstleistungen du für sie vollbracht hast. Somit sehen deine zukünftigen KlientInnen direkt, was für ein Mensch du bist und wie du deine Arbeit machst. Außerdem zeigt es, dass du ein seriöses Unternehmen führst, da es tatsächlich Menschen gibt, die schon erleben durften, wie du es bei ihnen gemacht hast, und diese Erfahrung können sie also hier teilen.

Viele haben auf ihrer Website eine Art “Karussell” mit all diesen Client Testimonials, durch die man sich klicken kann. Ich zeige dir hier, wie du selbst sowas designen kannst.

Schritt 1: Starte mit einem neuen Canvas

Wähle die Seite deine Website aus, auf der du den Bereich mit den Testimonials einrichten möchtest. Füge dann einen neuen Canvas zu dieser Seite hinzu, indem Sie auf die 3 Punkte neben dem Seitennamen klicken und dann auf ADD BLANK CANVAS gehst:

Schritt 2: Designe den Testimonials Canvas

Nimm dir Zeit, um den Canvas schön zu gesalten. Vergiss nicht, einen Rückwärts- und einen Vorwärtspfeil einzubauen, denn du möchtest ja, dass sich die BesucherInnen deiner Seite durch alle Testimonials klicken können:

client testimonials canvas showit

Schritt 3: Füge eine “Canvas View” hinzu

Um ein durchklickbares Karussell zu erstellen, muss jedes einzelne Testimonial auf einer eigenen Canvas View sein. Gehe dazu auf die 3 Punkte neben dem Client Testimonial Canvas und wähle “Add Canvas View” aus:

Schritt 4: Hinzufügen von Designelementen zur Canvas View

Die neue VIEW 1 die du gerade eben erstellt hast, wirst du links unten sehen (rot umrandet). Wähle nun alle Designelemente vom Bildschirm in der Mitte AUSSER den 2 Pfeilen (!!!!!) und ziehe sie in deine VIEW 1 hinein:

Schritt 5: Duplizieren der Canvas View

Um ein zweites Testimonial hinzuzufügen duplizierst du nun VIEW 1, indem du auf die 3 Punkte neben dem Namen “View 1” klickst und dann auf “Duplicate”. Nun hast du zusätzliche eine VIEW 2 links in der Leiste. Die ist für dein zweites Testimonial von einer anderen Person. Ändere das Bild, den Text und den Namen der Person dementsprechend:

Je nachdem, wie viele Testimonials du hast, fügst du nun dementsprechend viele Views hinzu.

Schritt 5: Klick-Aktionen für die Pfeile hinzufügen

Du bist schon fast fertig mit deinen Testimonials! 🙂 Der letzte Schritt ist nun noch, alles so zu verlinken, dass man sich durchklicken kann. Hier sind die beiden Pfeile vom Anfang wichtig. Wähle im Menü links den Zurück-Pfeil aus und geh dann im Menü rechts auf CLICK ACTIONS. Dort wählst du Folgendes aus:

  1. Type: Canvas
  2. Canvas: This Canvas
  3. Canvas View: Previous
  4. Klick die Box “Reverse Transition Direction” an
  5. Klick die Box “Loop Canvas Views” an:

Und jetzt machst du all das nochmal aber für den Vorwärts-Pfeil. Hier wählst du natürlich rechts bei CANVAS VIEW “Next” (rot umrandet), statt “Previous”:

Möchtest du mehr darüber lernen, mit Showit zu designen? Dann interessieren dich bestimmt diese Blog Posts:

5 Tipps zum Einrichten deines Showit Blogs

Wie man Google Fonts DSGVO-konform auf einer Showit Website nutzt

Wie man ein DSGVO-konformes Newsletter-Anmeldeformular erstellt

Eine Domain für deine Website kaufen

Wie du deine Website bilingual machst

Tips & Goodies in your inbox!

Take me to the newsletter subscription