Divi 4
Divi 5
Das Button-Modul von Divi ist ein essentielles Element, um Besucher zu Aktionen auf deiner Website zu motivieren – sei es das Navigieren zu einer neuen Seite, das Ausfüllen eines Formulars oder das Herunterladen eines Dokuments. Mit vielseitigen Design- und Funktionseinstellungen lässt sich der Button sowohl visuell ansprechend gestalten als auch funktional exakt anpassen.
Funktionen und Einstellungen im Detail
- Text und Link: Der Button-Text kann frei gewählt und mit einer beliebigen URL verlinkt werden. Das Linkziel lässt sich zusätzlich festlegen, sodass du entscheiden kannst, ob die Zielseite im gleichen oder in einem neuen Tab geöffnet wird.
- Design und Farben: Mit Divi hast du volle Kontrolle über das Design des Buttons. Die Farben für Hintergrund und Text lassen sich flexibel gestalten, und auch der Hover-Effekt kann individuell angepasst werden – ideal, um visuelles Feedback zu geben, sobald der Nutzer über den Button fährt.
- Abstände und Rahmen: Das Modul bietet dir die Möglichkeit, die Abstände des Buttons, also Padding und Margin, genau zu steuern. Darüber hinaus kann der Button mit einem Rahmen versehen werden, dessen Dicke, Farbe und Radius angepasst werden können. So lässt sich der Button entweder als klar definierter Kasten oder als abgerundeter Button darstellen.
- Responsive Einstellungen: Der Button kann für Desktop, Tablet und Mobilgeräte unterschiedlich angepasst werden, um sicherzustellen, dass er auf allen Geräten gut aussieht und funktioniert. So bleibt das Design des Buttons stets benutzerfreundlich und anpassungsfähig.
Praxisbeispiele und Anwendungsfälle
- Call-to-Action-Button (CTA): Perfekt für die Aufforderung zu Handlungen wie „Jetzt Kontakt aufnehmen“, „Anmelden“ oder „Mehr erfahren“. Diese Buttons lenken die Besucher zielgerichtet auf gewünschte Aktionen.
- Produktseite oder Shop: Auf Produktseiten eignet sich der Button hervorragend für „Jetzt kaufen“ oder „In den Warenkorb legen“-Funktionen, die den Besucher direkt zur gewünschten Aktion führen.
- Formulare und Downloads: Buttons können auch für Formular- oder Download-Seiten genutzt werden, indem sie Besucher zu relevanten Dokumenten oder Anmeldeformularen leiten.