Unbounce Classic-Builder – Integration
Voraussetzungen
- SlideVision Account
- Unbounce Account (https://unbounce.com/)
Mit diesem Beispiel möchten wir dir zeigen, wie du im unbounce Classic-Builder einen SlideVision-Slider einbindet.
Create Unbounce-Section
Logge dich in Unbounce ein und erstelle in deiner Landingpage eine Sektion, in der der Slider eingebunden wird.

Add Class to Properties
Gib der neuen Sektion die Klasse „slidevision-formslider“.

Add Javascript
Öffne die Javascript Einstellungen.
Bei Placement wähle „After Body-Tag“ und kopiere den Javascript-Code, den du von deinem Slider unter „Code kopieren“ erhältst, an diese Stelle.
Wichtig –> Inklusive dem jQuery-Aufruf um jQuery einzubinden!


Höheneinstellung der Sektion – Desktop
Jetzt musst du der Sektion noch die richtige Höhe für Desktop geben, um den Slider korrekt darzustellen.

Höheneinstellung der Sektion – Mobile
Und das selbe nochmal für die mobile Ansicht.

Darstellungsproblem in Zusammenhang mit unbounce
Durch spezielle Eigenschaften der Seitenumsetzung von unbounce muss für den Slider eine Höhe festgelegt werden, weil es sonst zu einer nicht schönen Darstellung eures Sliders in unbounce führt.
Darauf haben wir keinen Einfluss – die Lösung ist, die Höhe des höchsten Slides einmal für Desktop und einmal für Mobile fest einzustellen.