Unbounce Classic-Builder – Integration

27. September 202127. September 2021 I FAQ

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.