0172 15 30 360 info@infostand24.de

Das kostenlose Divi FAQ Layout Pack ist die Antwort auf langweilige FAQ-Seitendesigns

Wenn es eine Seite gibt, die üblicherweise mit langweiligem Design verbunden ist, ist es die FAQ-Seite. Da es sich fast ausschließlich um eine Utility-Seite handelt, hat die Vermittlung der gewünschten Informationen zu Recht Vorrang. Es gibt jedoch keine Regel, die besagt, dass Sie nicht gleichzeitig effizient und schön kommunizieren können. Aus diesem Grund verlosen wir im heutigen Beitrag ein brandneues Divi-Layout-Paket, das aus drei eleganten, modernen Seitendesigns für FAQ-Seiten besteht.

Herunterladen und Verwenden des kostenlosen Divi FAQ Layout Packs

Um das Divi FAQ Layout Pack auf Ihrer eigenen Divi-Website zu verwenden, müssen Sie es zuerst über die Schaltfläche unten herunterladen. Suchen Sie als Nächstes die Datei divi-100-faq-layout-pack.zip in Ihrem Download-Ordner und entpacken Sie sie. Navigieren Sie dann in Ihrem WordPress-Administrator zu Divi> Divi Library und klicken Sie oben auf der Seite auf die Schaltfläche „Import & Export“.

Wenn das Portabilitätsmodal angezeigt wird, wechseln Sie zur Registerkarte Importieren. Klicken Sie auf die Schaltfläche „Datei auswählen“ und wählen Sie entweder die Datei „All.json“ in Ihrem kürzlich entpackten Ordner oder eines der einzelnen FAQ-Seitenlayouts aus. Nachdem Sie die gewünschte JSON-Datei ausgewählt haben, klicken Sie auf die blaue Schaltfläche „Divi Builder-Layout importieren“ und warten Sie, bis der Import abgeschlossen ist.

Sobald der Import abgeschlossen ist, können Sie diese FAQ-Layouts jetzt auf jede Builder-Seite oder jeden Beitrag laden, indem Sie auf Aus Bibliothek laden > Aus Bibliothek hinzufügen klicken .

3 stilvolle FAQ-Seiten-Designs

Die drei folgenden Layouts sind modern und minimalistisch und bieten hervorragende Ausgangspunkte für jede Website, die Sie bereits entworfen haben. Sie können sie auch als Inspiration verwenden, um ihre einfache, saubere Ästhetik auf den Rest Ihrer Beiträge und Seiten auszudehnen.

FAQ Layout 01

Dieses erste Layout ist ein robuster Ansatz für eine FAQ-Seite mit mehreren Kategorien. Wenn Ihre Leser / Kunden / Kunden viele Fragen haben, ist dies das FAQ-Seitenlayout für Sie.

FAQ Layout 02

Das zweite Layout ist blockartig und spezifisch. Es ist perfekt, um die Fragen und Antworten auf eine Handvoll wichtiger Fragen hervorzuheben.

FAQ Layout 03

Das dritte und letzte FAQ-Seitenlayout ist eine gute Zwischenstufe zwischen den ersten beiden. Es ist nicht so robust wie das erste und auch nicht so spärlich wie das zweite. Wenn Sie eine anständige Anzahl von Fragen haben, die beantwortet werden müssen, aber nicht unbedingt Fragen im Wert mehrerer Kategorien, dann ist dies das Layout für Sie.

Achten Sie darauf, in unseren E – Mail – Newsletter abonnieren und YouTube – Kanal , so dass Sie nie eine große Ankündigung, nützlichen Tipp, oder Divi Freebie entgehen lassen!

10 Divi Sites mit coolen FAQ Seiten

10 Divi Sites mit coolen FAQ Seiten
Seiten mit häufig gestellten Fragen (FAQs) bieten potenziellen Kunden die Antworten auf häufig gestellte Fragen. Dies hilft ihnen, Ihr Fachwissen zu verstehen und lässt sie wissen, was sie zu erwarten haben. Es gibt viele Möglichkeiten, FAQ-Seiten mit Divi zu erstellen. In diesem Artikel sehen wir uns 10 Divi-Websites mit coolen FAQ-Seiten an, um Sie für Ihre nächste Divi-Website zu inspirieren.

FAQ-Seiten enthalten normalerweise Elemente wie Bilder, Schalter, Akkordeons und Registerkarten, da sie es einfach machen, große Mengen an Informationen auszublenden, bis sie benötigt werden. Sie beinhalten normalerweise auch einen Aufruf zum Handeln. In diesem Beitrag werde ich ein Bild des Abschnitts zeigen, den ich mag, und diskutieren, was mir daran gefallen hat. Die Websites sind in keiner bestimmten Reihenfolge. Bleiben Sie bis zum Ende, um ein paar Links zu erhalten, mit denen Sie Ihre eigene, einzigartige Projektseite verbessern können.

1. Eddy Solutions

Diese Site platziert FAQs in einem zweispaltigen Layout, das die FAQs auf der einen Seite und ein Produktbild auf der anderen Seite enthält. Die Umschalter zeigen den Titel und die Schaltfläche mit dem Styling an, das dem Branding der Site entspricht. Die Schalter befinden sich unter Überschriften, damit sie leicht zu verfolgen sind. Unter den Fragen befindet sich ein Abschnitt in voller Breite mit großem Text und einer anklickbaren Telefonnummer, die den Leser auffordert, sie anzurufen, um weitere Informationen zu erhalten.

Siehe Website

2. All Girl Shave Club

Diese Seite platziert die FAQs innerhalb eines Akkordeons in einem einspaltigen Layout. Ein Header in voller Breite führt die Seite ein. Das Akkordeon enthält ein Styling, das den Farben der Site entspricht. Der grünliche Hintergrund für den Titel ändert sich in Weiß und der Text ändert sich von Weiß in Schwarz, wenn das Akkordeon geöffnet wird. Darauf folgt ein CTA in voller Breite, der ähnliche Bilder wie der Header verwendet.

Siehe Website

3. Sparkly Maids

Auf dieser Site wird die Seite mit einem Bild in voller Breite und einem zweifarbigen, extragroßen Titel in einer Überlagerung vorgestellt. Die FAQs befinden sich in einem zweispaltigen Layout, das einen Themennamen und einen oberen Rand enthält, um die Fragen auf der einen Seite und die Fragen auf der anderen Seite zu unterteilen. Die Fragen befinden sich in Schaltflächen, die einen oberen Rand und gestaltete Schaltflächen enthalten – alle werden mit dem Hintergrund des Abschnitts verschmolzen.

Siehe Website

4. Der ungepflegte Gentleman

Auf der FAQ-Seite dieser Website wird ein Suchfeld mit einer Telefonnummer und sozialen Symbolen gefolgt von einem Titel für die Seite angezeigt. In den häufig gestellten Fragen werden vertikal ausgerichtete Registerkarten verwendet, um die Themen für die häufig gestellten Fragen anzuzeigen. Die ausgewählte Registerkarte ist weiß mit schwarzem Text, während die anderen Registerkarten schwarz mit weißem Text sind. Sie enthalten auch Symbole, damit Sie auf einen Blick wissen, um welches Thema es sich handelt. Innerhalb der Registerkarten befinden sich Schaltflächen, mit denen die Frage angezeigt wird, bis sie geöffnet werden. Unter den Registerkarten befindet sich ein Link, über den Sie weitere Informationen erhalten können.

Siehe Website

5. LaRox

Diese Seite führt die Seite mit einem Titel auf der einen Seite und einer Beschreibung auf der anderen Seite mit Links zu wichtigen Seiten ein. Darauf folgt ein Abschnitt voller Breite, der vier Klappentexte enthält. Jeder Klappentext enthält einen anderen Farbton der Marke, ein großes Symbol und einen Titel. Wenn Sie darauf klicken, werden die Informationen zu diesem Thema geöffnet. Wenn Sie auf FAQs klicken, wird ein Akkordeon angezeigt, das von der Seite nach innen kippt, und ein Bild, das einrastet.

Siehe Website

6. Xcellence Realität

Auf dieser Website wird die FAQ-Seite mit einem Vollbild-Hintergrund und Titelinformationen in einer Überlagerung vorgestellt. Darauf folgt ein Textabschnitt mit einem Link zur Kontaktseite und ein zweispaltiger Abschnitt mit häufig gestellten Fragen (FAQs) in Akkordeons. Die Akkordeons sind mit schwarzem Text, einem unteren Rand und Pfeilen links gestaltet. Durch Öffnen eines Akkordeons wird der Pfeil entfernt und der Titel in Blau geändert. Unter den häufig gestellten Fragen befindet sich ein CTA in voller Breite, der das gleiche Blau wie der Hintergrund und den weißen Text verwendet.

Siehe Website

7. Phil Simon

Auf dieser Site wird die Seite mit einem Abschnitt in voller Breite vorgestellt, der einen Titel und einen Beschreibungstext über einem schwarzen Hintergrund enthält, der sich ganz rechts in einen braunen Farbverlauf verwandelt. Darunter befindet sich ein Abschnitt mit zwei Spalten, in dem ein Thementitel mit einer Beschreibung und einer Reihe von Umschaltern auf der anderen Seite auf einer Seite platziert wird. Darauf folgt ein Abschnitt voller Breite mit einer Grafik und ein Abschnitt voller Breite mit einem Zitat. Beide Abschnitte sind schlank und arbeiten als Trennwände. Weitere FAQ-Abschnitte folgen – jeder wird durch den schmalen Abschnitt mit einer Grafik getrennt.

Siehe Website

8. Soul Stirring Branding

Dieses zeigt ein Bild in voller Breite mit einer handgeschriebenen Schrift auf einer Seite als Seitentitel. Die FAQs werden in einem Akkordeon in einem einspaltigen Layout bereitgestellt. Sie zeigen einen zentrierten Titel mit einer Schaltfläche, die dem Hintergrund entspricht. Das Öffnen eines Akkordeons zeigt den Text in der Mitte und enthält viel Platz zwischen dem Titel und dem Text. Darauf folgt ein Kontakt-CTA in voller Breite mit derselben Schriftart über einem Hintergrundbild und gestalteten Bildern, die auf Seiten verlinken. Das Akkordeon ist einfach, schafft aber ein Maß an Eleganz, das sich gut in das Design der Website einfügt.

Siehe Website

9. Emlekek Konyve

In diesem Fall werden elegante Schriftarten und sanfte Farben verwendet, die zum Branding der Website passen. Der Seitentitel wird als Zitat angezeigt, gefolgt von einer kurzen Beschreibung mit Links zu anderen nützlichen Seiten. Die FAQs werden in Schaltflächen angezeigt und enthalten dieselbe elegante Schriftart für ihre Titel. Darauf folgt ein CTA mit einem braunen Hintergrund und einer extra breiten Schaltfläche mit einem Hintergrund, der den Schaltflächen und dem Zitat des Umschalters entspricht.

Siehe Website

10. Perry Yan Magic

Diese FAQ-Seite verwendet viele Comic-Farben, die perfekt zum Design dieser Website passen. Die Kopfzeile enthält den Titel der Seite und eine kurze Beschreibung. Die FAQs befinden sich in einer einzelnen Spalte mit einem Bild auf einer Seite, um eine visuelle Darstellung der Fragen zu erhalten. Die FAQs selbst werden in Schaltflächen bereitgestellt und sind in Themen unterteilt, die durch gestaltete Titel getrennt sind. Jedes Thema wird in einem anderen Abschnitt platziert und jeder Abschnitt hat unterschiedliche Hintergrund- und Umschaltfarben. Die Abschnitte verwenden auch gestaltete Trennzeichen. Darauf folgt ein CTA in Parallaxe mit einer roten und blauen Farbverlaufsüberlagerung.

Siehe Website

Gedanken beenden

Das ist unser Blick auf 10 Divi-Websites mit coolen FAQ-Seiten, die Sie für Ihr nächstes Divi-Design inspirieren sollen.

Hier im ET-Blog finden Sie verschiedene Artikel zu Design und Anleitungen, die FAQ-Seiten und -Module wie Akkordeons, Toggles und Registerkarten behandeln. Ich habe Links zu diesen Tutorials sowie zu den FAQ-Seiten für die kostenlosen Divi-Layout-Pakete hinzugefügt.

Wir wollen von dir hören. Welche dieser Websites mit coolen FAQ-Seiten sind Ihre Favoriten? Lass es uns in den Kommentaren wissen.