Komponentenbibliothek

Die meisten Tests, die sich lohnen, fügen etwas hinzu: eine Vertrauenszeile unter dem Call to Action, eine FAQ, die den Einwand beantwortet, eine Sticky Bar auf dem Handy, ein Pop-up mit den Angebotsbedingungen. Der Add-Tab des Editors ist eine Bibliothek genau solcher Blöcke, fertig gebaut, sodass eine Variante einen Abschnitt hinzufügen kann, statt nur umzufärben, was schon da ist. Klicken Sie auf eine Kachel, um den Block nach dem ausgewählten Element einzufügen, oder ziehen Sie ihn auf die Seite, und eine blaue Linie zeigt genau, wo er landen wird.

Komponenten sind so gestaltet, dass sie ohne Designarbeit nativ wirken. Sie nutzen Schrift und Überschriftengrößen der Website, leiten die Farben ihrer Karten und Rahmen aus deren Textfarbe ab, sodass sie auf hellen wie dunklen Websites lesbar bleiben, und übernehmen ihre Akzentfarbe von der Stelle, an der sie platziert werden: Ein Button, den Sie neben dem roten Button der Website ablegen, wird rot.

Die Bibliothek umfasst zwölf Blöcke (Hero, Funktionen, Call to Action, Kundenstimme, FAQ, Akkordeon, Vertrauenszeile, Icons und Logos, Pop-up, Sticky Bar, Ankündigungsleiste und Badge), Layouts von einem Abschnitt bis zu drei Spalten, die Grundelemente von Überschriften bis zu Abstandhaltern sowie Video, einen Bildslider und eine Galerie. Spalten stapeln sich auf Smartphones, und der Slider reagiert auf Wischgesten. FAQ, Akkordeon, Pop-up und Slider funktionieren ohne zusätzliches JavaScript, und YouTube-Videos laufen über den cookiefreien Player von YouTube.

Einmal hinzugefügt, ist eine Komponente gewöhnliches Markup in der Variante. Doppelklicken Sie auf ihren Text, um ihn umzuschreiben, gestalten Sie jeden Teil davon im Eigenschaftenfeld, und füllen Sie ihren Text mit Daten der jeweiligen Seite, sodass eine einmal gebaute Sticky Bar bei jedem Produkt dessen Namen und Preis zeigt.