Testimonials Abschnitt

Sie können ganz einfach eine Bewertungsseite auf der Website erstellen oder Ihre Bewertungen im Abschnitt „Testimonials“ auf einer Seite hinzufügen. Das Hinzufügen von Kundenbewertungen zu Ihrer Website stärkt das Vertrauen in Ihre Marke und trägt zur Aufrechterhaltung hochwertiger Kundenbeziehungen bei.


In diesem Artikel:


Die Testimonial-Liste

  • Sie können Ihrer Website ganz einfach einen Testimonial-Bereich hinzufügen, in dem Sie Feedback, Kommentare und Testimonials auf Ihrer Website präsentieren können.
  • Es ist eine großartige Möglichkeit, die positive Resonanz auf Ihrer Website zu präsentieren.

Abschnitt „Testimonial-Liste hinzufügen“

  • Einer Seite kann ein Abschnitt hinzugefügt werden. Sie können entweder einen Abschnitt zu einer bereits vorhandenen Seite hinzufügen oder eine neue Seite erstellen innerhalb Ihrer Website.
  • Auf deiner Seite, Klicken Sie auf blau + Symbol hinzufügen a Neuer Abschnitt auf Ihre Seite.

 

  • Sie sehen jetzt die Abschnitt Kategorien auf der linken Seite.
  • Scrollen Sie nach unten und wählen Sie die aus Erfahrungsberichte (1) Option, bei der Sie aus den verschiedenen Layouts wählen können.

  • Wählen Sie eine Abschnittslayout (2) und klicken Sie darauf, um es Ihrer Seite hinzuzufügen.

Listenelemente hinzufügen und bearbeiten

Listenelement hinzufügen

Nachdem Sie den Abschnitt hinzugefügt haben:

  • Klicken Sie auf Erfahrungsberichte bearbeiten (1) Schaltfläche, um das Listenelement-Bedienfeld zu öffnen.

  • Klicken Sie auf Artikel hinzufügen (2) Schaltfläche, um ein neues Listenelement hinzuzufügen.
  • Sie haben die Möglichkeit, duplizieren und löschen (3) die Listenelemente.


Listenelement bearbeiten

Klicken Sie auf das Listenelement, das Sie bearbeiten möchten. Dadurch werden die Bearbeitungsoptionen für bestimmte Listenelemente geöffnet.

Von hier aus können Sie:

  • Primäres und sekundäres Bild hochladen / entfernen (1)
    Sie können eine hochladen Sekundärbild zusammen mit dem Primäres Bild für jedes Listenelement. Wenn ein Benutzer mit der Maus über das Element fährt, wird das sekundäre Bild angezeigt und ersetzt das primäre Bild. Darüber hinaus können Sie die Bildakzentfarbe, das beim Hovern über das Bild angezeigt wird.
  • Hinzufügen Titel (2), Untertitel (3), und Beschreibung (4) des Listenelements.
  • Je nach gewähltem Layout finden Sie möglicherweise die Option für Untertitel und Beschreibung bei bestimmten Listenelementen nicht.
    Überprüfen Sie, bevor Sie die Beschreibung hinzufügen fehlen uns die Worte. Artikel.

5. Aktion beim Klicken

Sie können das Klickverhalten einzelner Elemente im Referenzen Im Folgenden sind die verfügbaren Optionen aufgeführt:

  • Gehe zu einem Link
    Wenn Sie diese Option auswählen, öffnet sich das Link-Builder, sodass Sie diesem Element einen Hyperlink hinzufügen können. Der Link kann Benutzer auf eine andere Seite Ihrer Website oder eine externe URL weiterleiten. WEITERE INFORMATIONEN  Über Uns Link-Builder.
  • In Lightbox öffnen
    Diese Option zeigt den Artikel vergrößert an. Lightbox angezeigt, wenn angeklickt wird. In diesem Modus wird das Untertitel , Beschreibung Mit dem Element verknüpfte Elemente werden nicht in der Rasteransicht angezeigt, sind aber im Lightbox-Modus sichtbar.
  • Keine Aktion
    Wählen Sie diese Option, um das Element nicht anklickbar zu machen. Wenn diese Option ausgewählt ist, wird beim Anklicken des Elements keine Aktion ausgelöst.

6. Link in neuem Fenster öffnen: Stellen Sie den Link so ein, dass er in a geöffnet wird neuer Tab oder im selben Tab. Dies ist nur sichtbar, wenn Gehe zu einem Link ist unter dem Aktion beim Klicken Menü.

7. Buttons & Links: Fügen Sie jede Art von hinzu verbindung zum Listenelement. Sie können einen Button/Bildlink/Social Icon/Textlink hinzufügen. Mehr erfahren.

8. Speichern: Speichern Sie die Änderungen, nachdem Sie die Anpassungen vorgenommen haben.


In Aktion sehen:


Elemente der Sequenzliste

  • Sie können die Listenelemente einfach ziehen und ablegen, um die Reihenfolge zu ändern.

Löschen Sie ein Listenelement

Sobald Sie einen Listeneintrag hinzugefügt haben, können Sie ihn bearbeiten und auch löschen.

  • Klicken Sie auf Löschen Symbol neben dem Element der Testimonial-Liste.
  • Klicken Sie auf Löschen Schaltfläche im Bestätigungs-Popup.
  • Gespeichert Ihre Änderungen.

 

 

Hinweis

Ein einmal gelöschter Listeneintrag kann nicht wiederhergestellt werden.


Elemente des Abschnitts „Testimonials“ verwalten

Der Abschnitt „Testimonials“ enthält eine Registerkarte Elemente Damit können Sie die Sichtbarkeit verschiedener Elemente innerhalb des Abschnitts ganz einfach verwalten. Mithilfe einfacher Kippschalter können Sie bestimmte Elemente aktivieren oder deaktivieren, ohne die Elemente selbst löschen oder ändern zu müssen.

  • Klicken Sie auf Testimonials bearbeiten (1) Taste.

  • Wähle die  Elements Serie. (2) Registerkarte.
  • Nachdem Sie die Änderungen vorgenommen haben, klicken Sie auf Gespeichert (3) Taste.

Abschnittsoptionen

  1. Überschrift anzeigen: Aktivieren oder deaktivieren Sie die Sichtbarkeit der Überschrift für den Abschnitt „Testimonials“.
  2. Schaltflächen anzeigen: Steuern Sie, ob Schaltflächen auf Abschnittsebene angezeigt werden.

Artikeloptionen

  1. Bild anzeigen: Sichtbarkeit der Bilder umschalten.
  2. Zeige Titel: Steuert, ob der Titel angezeigt wird.
  3. Untertitel anzeigen: Untertitel aktivieren oder deaktivieren.
  4. Beschreibung anzeigen: Verwalten Sie die Sichtbarkeit von Artikelbeschreibungen.
  5. Schaltflächen anzeigen: Entscheiden Sie, ob Schaltflächen für einzelne Elemente angezeigt werden sollen.


Abschnittslayout

  • Klicken Sie auf Testimonials bearbeiten Schaltfläche, um das Abschnittsbearbeitungsfenster zu öffnen.
  • Wähle die Layout Tab.
  • Von hier aus können Sie das Layout des Abschnitts auch nach dem Hinzufügen zur Seite problemlos ändern.

Während Sie das Layout ändern, werden Ihnen oben die abschnittsbezogenen Layouts angezeigt.

Abgesehen davon haben Sie auch die Möglichkeit, ein Layout aus anderen Abschnitten unter dem auszuwählen Mehr Grundrisse Überschrift.


Gestalten Sie Ihren Abschnitt

  • Klicken Sie auf Erfahrungsberichte bearbeiten (1) Schaltfläche, um das Bearbeitungsfeld der Testimonial-Liste zu öffnen.

  • Wähle die Stil (2) Tab.
  • Ändern Sie den Stil für die Abschnittselemente und Speichern (3) Ihre Änderungen.

Stiloptionen

Sie haben mehrere Stiloptionen für den Abschnitt: 

    1. Artikel
    2. Textgröße
    3. Abstand
    4. Abschnittsüberschrift
    5. Bilder
    6. Formmaske
    7. Bildrand
    8. Karten
    9. Shadow
    10. Schaltfläche & Links

Artikel 

  1. Wählen Sie auf Artikel anzeigen in Reihen und Spalten or Karussell 
    • Wenn Sie die gewählt haben Reihen und Spalten Option werden die Listenelemente in Zeilen und Spalten angeordnet. In diesem Fall müssen Sie die Anzahl der Zeilen und Spalten angeben.
    • Wenn Sie die gewählt haben Karussell Option werden die Listenelemente als Diashow präsentiert. WEITERE INFORMATIONEN .
  2. Setze die Anzahl der Spalten für die Listenelemente. Sie können zwischen 1 und 10 Spalten wählen.
  3. Präzisiere das Abstand zwischen den Spalten der Listenelemente.
  4. Wähle die  Inhaltsreihenfolge dh die Bilder der Listenelemente, die zuerst angezeigt werden sollen, oder der zugehörige Text.
  5. Ausrichten der Inhalt in den Listenelementen. Sie können sie so einstellen, dass sie linksbündig, rechtsbündig oder zentriert ausgerichtet sind.
  6. Wählen Sie, ob Sie das Karussell wiederholen möchten oder nicht.
  7. Wählen Sie im Falle des Karussells die Navigationssteuerung. Sie können zwischen „Keine Steuerelemente“, „Pfeile – Unten Mitte/Oben rechts/Unten rechts“, „Chevron“ oder „Punkte“ wählen.


Textgröße

  1. Klicken Sie auf Textstil ändern Schaltfläche, um die zu besuchen Technologie  Abschnitt und Verwalten Sie Ihre Schriftgrößen und -stile.
  2. Setze die Titel Schriftart für die Listenelemente.
  3. Setze die Untertitel Schriftart für die Listenelemente.
  4. Legen Sie die Standardeinstellung fest Beschreibung Schriftart für die Listenelemente.
  5. Aktivieren Sie diese Option, um Animiere beliebige Zahlen anwesend in der Titel , Untertitel Felder. Wenn diese Option aktiviert ist, werden numerische Werte mit einer dynamischen Zählanimation angezeigt, was sie optisch ansprechender macht.


Abstand

  1. Präzisiere das Bildbreite für Listenelemente.
  2. Präzisiere das Inhaltsbreite für die Listenelemente.
  3. Präzisiere das Leerzeichen unter der Abschnittsüberschrift in px.
  4. Präzisiere das Leerzeichen unter Bildern der Listeneinträge (in %).
  5. Präzisiere das Leerzeichen unter den Titeln der Listeneinträge (in %).
  6. Präzisiere das Leerzeichen unter dem Untertitel der Listeneinträge (in %).


Abschnittsüberschrift

  1. Horizontal ausrichten der Abschnittsüberschriftstext. Sie können ihn auf Links, Mitte und Rechts einstellen.
  2. Aktivieren/Deaktivieren der Trennwand zwischen der Abschnittsüberschrift und dem Abschnittsinhalt.
  3. Setze die Dicke der Trennwand (in px).
  4. Präzisiere das Teilerfarbe aus dem Farbwähler.
  5. Wählen Sie einen Stil für Abschnittsüberschriftenteiler.


Bilder 

  1. Wähle die Bildausschnitt für die Listenelemente. Sie können die Bilder als Quadrat, Kreis, Querformat, Hochformat und Dynamisch einstellen.
  2. Wählen Sie einen gemeinsamen Eckenradius oder einen anderen Eckenradius für jede Seite der Listenelemente und legen Sie eine Zahl (in px) für die fest Eckenradius der Listenelementbilder.

Tipp

Verwendung der Eckenradius können Sie verschiedene Formen von Listenelementbildern erstellen. Wenn Sie hier 500 px angeben, werden die Bilder kreisförmig angezeigt. 

  • Falls Sie geteilte Ecken gewählt haben, können Sie für jede Ecke einen anderen Eckenradius einstellen.

Auf Bild Hover 

  1. Wähle die Bildüberlagerungsfarbe um als Akzentfarbe oder sein angegeben. Wenn Sie die gewählt haben AkzentfarbeGeben Sie dann die an Opazität.
  2. Wenn Sie die gewählt haben Farbe angeben Option setzen Sie dann die Überlagerungsfarbe für die Listenelemente.
  3. Setze die Elements Serie. Farbe für die Listenelemente des Abschnitts.
  4. Wählen Sie auf animieren Sie die Bilder der Listenelemente beim Hover durch Klicken auf Ja.
  5. Wählen Sie eine aus Animationsstil für die Bilder beim Hovern.


Formmaske

  1. Formmaske: Aktivieren Sie diesen Schalter, um dem Bild im Testimonial-Bereich eine Formmaske zuzuweisen. Sobald diese Option aktiviert ist, schneidet die ausgewählte Form das Bild optisch in diese Form ein.
  2. Form auswählen: Wählen Sie aus verschiedenen vordefinierten Formen für Ihr Bild. So können Sie Ihren Inhalt kreativ gestalten, indem Sie das Bild in einer einzigartigen Form wie abgerundet, rautenförmig, tropfenförmig usw. darstellen.

Notizen

  • Die Option „Formmaske“ ist layoutabhängig – Es wird möglicherweise nicht unter Layouts angezeigt, bei denen Text wie Titel oder Untertitel über dem Bild angezeigt wird.
  • Die Dehnungseinstellung hängt von mehreren Faktoren ab – einschließlich der auf der Registerkarte „Stil“ definierten Einstellungen für Bildgröße, Ausrichtung und Zuschneiden.
  • Wenn „Bildzuschneiden“ auf „Original“ eingestellt ist, die tatsächlichen Abmessungen des Bildes bestimmen, ob es vertikal oder horizontal gestreckt wird.


Bildrand

  1. Rand aktivieren/deaktivieren um die Bilder herum, indem Sie den Schalter umschalten.
  2. Wählen Sie eine gemeinsame Grenze auf allen Seiten von Bildern oder Sie können das angeben Grenzen separat für jede Seite.
  3. Präzisiere das Breite der Grenze. Wenn es auf 0 gesetzt ist, wird der Rand nicht angezeigt. Sie haben auch die Möglichkeit, die Randbreite für jede Seite des Bildes individuell festzulegen.
  4. Wähle aus Rahmenfarbe aus dem Farbwähler.
  5. Wählen Sie eine bevorzugte aus Border Style aus dem Dropdown.
  6. Bestimmen Sie die Randbreite für Mobilgeräte Geräte und richten Sie es an der für den Desktop gewählten Breite aus.


Karten


Shadow

  1. Präsentation – Wählen Sie, ob der Schatten hinter den Listenelementen immer oder nur beim Hover angezeigt werden soll.
  2. Design – Wählen Sie aus vorhandenen Voreinstellungen oder erstellen Sie einen benutzerdefinierten Schatten.
    Falls Sie die benutzerdefinierte Option gewählt haben, besuchen Sie diese Box-Schatten-Generator um einen benutzerdefinierten Schatten zu erstellen. Zum Schluss kopieren und einfügen Box-Schatten-CSS.
  3. Falls Sie die Option Voreinstellungen gewählt haben, dann Wählen Sie Schattenstile aus dem Dropdown.


Schaltfläche & Links

  • Sehen Sie, wie um das Styling zu verwalten Schaltflächen und Links.

Gespeichert alle Stiländerungen.


Die vollständige Karte und die Textkarte

Wenn Sie das einschalten Vollständige/Textkarte Über Ihrer Testimonial-Liste haben die Listenelemente einen Umriss und einen Hintergrund mit der Kartenfarbe, die Sie in ausgewählt haben Technologie  . Siehe auch: Website-Farben und -Abstände.

Vollständige Karte

Wenn die Option Vollständige Karte ausgewählt ist, wird die Kartenfarbe auf die gesamte Karte angewendet, dh auf das Bild und den dazugehörigen Text. Guck mal: 

 

Textkarte

Wenn die Textkartenoption ausgewählt ist, wird die Kartenfarbe nur auf den mit dem Bild verknüpften Text angewendet. Guck mal: 

 


Können Sie nicht finden, wonach Sie suchen?

Wenden Sie sich an einen Pixpa-Experten.