> For the complete documentation index, see [llms.txt](https://smashleads.gitbook.io/faq/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://smashleads.gitbook.io/faq/form-einbinden/html-einbindung.md).

# 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. <br>

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

{% code title="<html>" %}

```bash
<body>


[iFrame einfügen]


</body>
```

{% endcode %}

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.
