Auf einer HTML Seite einbinden

Bei dem smashleads™-Einbindecode handelt es sich um einen iFrame, welcher extra für HTML-Seiten optimiert ist. Binde den smashleads™-Leadgenerator komplett mobile responsive auf jeder Seite ein.

1 - Gehe auf den Reiter "Meine Forms" in deinem Dashboard. Hier kannst du deine erstellten Forms verwalten. Unter dem Feld "HTML Einbinde Code" findest du den iFrame, welchen du mittels Copy/Paste verwenden kannst.

2 - Kopiere den iFrame und füge diesen in deinen Quellcode an einer beliebigen Stelle im <body> </body> tag ein.

<html>
<body>
[iFrame einfügen]
</body>

Gleichzeitig kannst du auch den Einbinde-Code mit dem Google Tag Manager verwenden.

Verwende kein Padding und achte darauf, dass der Container die volle Breite besitzt!

<div style="display: flex; justify-content: center; flex-direction: row;"><script type="text/javascript" src="https://api-stage.smashleads.de/js/iframeResizer.min.js"></script><iFrame id="slframe" src="https://dcsu781bfzy0r.cloudfront.net/?quiz=quiz_5e58d5a519149731f40bfc6e" allowfullscreen style="width: 1px; min-width: 80%; min-height: 100%; border: 0"><!--required for some browser compatibility --></iFrame><script>iFrameResize({ heightCalculationMethod: "lowestElement" }, '#slframe')</script></div>

Musst du spezifische CSS Anpassungen machen?

Nein! Im smashleads™ Dashboard hast du die Möglichkeit, dein interaktives Form umfangreich zu personalisieren und zu branden. Du musst also keine Gestaltung in einer externen CSS-Datei vornehmen.