Schutzlösung–
Übersicht Komponenten
Übersicht Komponenten
Diese Seite bietet eine Übersicht aller Komponenten einer Schutzlösungsseite – am Beispiel der Lösung Überspannungsschutz.
Über den Button "Zur Konfiguration" gelangt man zu einer Erläuterung, anhand derer die jeweilige Komponente im Detail erstellt, konfiguriert und somit auf der Seite eingefügt werden kann.

Header with Image Map
Die Schutzlösungsseite beginnt auf dieser Seite mit einem Header with Image Map – alternativ kann hier auch ein Header with optional lifted image eingesetzt werden.
Die Komponente besteht aus einer Headline, einem einleitenden Text und einem Bild (Image Map). Dieses Bild wird mit Hotspots (definierte Bereiche) versehen, die als Sprungmarken dienen. Die Hotspots werden mit einem Produkt im Product Slider with Filter, weiter unten auf der Seite, verknüpft. Die definierte Größe für Bilder ist: 2000 x 1125 px.

Plain: One Column
Diese Komponente ist eine reine Textkomponente, die an dieser Stelle zur Anzeige einer einspaltigen Überschrift und einem beschreibenden Text verwendet wird.
Zur KonfigurationProduct Slider with Filter
Der Product Slider with Filter, enthält ausgewählte Produkte für die Anwendung, die nach der gewünschten Schutzlösung gefiltert (optional) werden können.
Im unteren Bereich des jeweiligen Produkt-Teasers befinden sich zwei Auswahlmöglichkeiten. Der User kann das Produkt entweder direkt zum Einkaufsmerkzettel hinzufügen (Add) oder detaillierte Informationen über das Produkt erhalten (Details).

Plain: One Column
Diese Komponente ist eine reine Textkomponente, die an dieser Stelle zur Anzeige einer einspaltigen Überschrift und für den Fließtext darunter verwendet wird.
Zur KonfigurationDownloads with Filter
Mithilfe dieser Komponente können Broschüren, Flyer, Schutzvorschläge und weitere Informationen zum Download bereitgestellt werden. Um viele Dokumente sinnvoll zu strukturieren, kann ein Filter eingesetzt werden.
Zur Konfiguration
Image + Link List
Diese Komponente kombiniert ein Bild auf der einen, mit einer Link-Liste auf der anderen Seite. Headline und Text können optional hinzugefügt werden.
Zur KonfigurationCards: One Column
Mithilfe dieser Komponente können weitere Dienstleistungen und Services hervorgehoben werden, indem die Hintergrundfarbe auf "Rot", "Box Grey" oder "Off-White" eingestellt wird. Die Komponente besteht aus einem SVG Icon sowie einer Headline, einem Text und einem Button.
Zur Konfiguration
Callback Webform
Oberhalb des Footers und somit die letzte Komponente auf der Seite ist das Rückrufformular Callback Webform. Neben den üblichen Kontaktinformationen wie Telefonnummer und Link zum technischen Support, kann bei Klick auf "Rückruf vereinbaren", ein Formular zur Terminvereinbarung ausgeklappt werden. Die Hintergrundfarbe wird in den "Webform Settings" auf "Off-White" gesetzt.
Zur Konfiguration