---
title: Kann ich das Widget mit JavaScript steuern?
description: Es ist möglich, eine Widget-Variante mithilfe von JavaScript zu aktivieren, zum Beispiel über einen Button auf der Website. Sie können beispielsweise den Button 'Angebot anfordern' auf Ihrer Website a
---

[Zu Content springen](https://help.leadinfo.com/de/kann-ich-das-widget-mit-javascript-steuern#main-content)

- [Deutsch](https://help.leadinfo.com/de/kann-ich-das-widget-mit-javascript-steuern)
- [English](https://help.leadinfo.com/en/can-i-control-the-widget-using-javascript)
- [Nederlands](https://help.leadinfo.com/nl/kan-ik-de-widget-besturen-door-middel-van-javascript)

Deutsch

Untermenü für Übersetzungen anzeigen

![Leadinfo\_logo\_RGB\_Witte\_tekst-3.png\]](https://help.leadinfo.com/hs-fs/hubfs/Leadinfo_logo_RGB_Witte_tekst-3.png?height=28&name=Leadinfo_logo_RGB_Witte_tekst-3.png)

Hauptnavigation öffnen

Hauptnavigation schließen

- - [Deutsch](https://help.leadinfo.com/de/kann-ich-das-widget-mit-javascript-steuern)
    - [English](https://help.leadinfo.com/en/can-i-control-the-widget-using-javascript)
    - [Nederlands](https://help.leadinfo.com/nl/kan-ik-de-widget-besturen-door-middel-van-javascript)

  Deutsch
  
  Untermenü für Übersetzungen anzeigen
- Zum Leadinfo

 Zum Leadinfo

 Hallo 👋 wie können wir helfen?

- Es gibt keine Vorschläge, da das Suchfeld leer ist.

1. [Help Center](https://help.leadinfo.com/de?hsLang=de)
2. [Leadinfo Leadbot](https://help.leadinfo.com/de/leadinfo-leadbot?hsLang=de)
3. [Bearbeitung eines Leadbots](https://help.leadinfo.com/de/leadinfo-leadbot?hsLang=de#bearbeitung-eines-leadbots)

# Kann ich das Widget mit JavaScript steuern?

Es ist möglich, eine Widget-Variante mithilfe von JavaScript zu aktivieren, zum Beispiel über einen Button auf der Website. Sie können beispielsweise den Button 'Angebot anfordern' auf Ihrer Website anzeigen. Wenn jemand diesen Button drückt, wird das Angebotsformular aktiviert und öffnet sich automatisch.

![Javascript - Leadbot Leadinfo](https://help.leadinfo.com/hs-fs/hubfs/Javascript%20-%20Leadbot%20Leadinfo.png?width=3058&height=1812&name=Javascript%20-%20Leadbot%20Leadinfo.png)

**Weitere Beispiele für Anwendungsmöglichkeiten sind:**

- Newsletter abonnieren
- Whitepaper herunterladen
- Kontaktaufnahme
- Termin vereinbaren

### **Wie geht das?**

**Fügen Sie einen JavaScript-Link zum Button hinzu**

1. Erstellen Sie zunächst den Leadbot, den Sie über JavaScript steuern möchten, in Ihrem Leadinfo-Account und speichern Sie das Widget. Legen Sie die Bedingung für eine Seite fest, auf der Sie das Widget haben möchten. Wenn Sie das Widget nur hinter einem Button verwenden möchten, geben Sie eine nicht existierende Seite ein.   
   Nach dem Speichern wird ein 'Widgetkey' erstellt, den Sie im JavaScript-Link verwenden können.
2. Öffnen Sie Ihren Website-Builder und gehen Sie zu dem Button, dem Sie den Link hinzufügen möchten.
3. **Fügen Sie Folgendes zum Button hinzu:**   
   javascript:leadinfo.widget.activate("Widgetkey", true);
   
   An der Stelle von '**Widgetkey**' setzen Sie den Key Ihres erstellten Leadbots ein, den Sie hinter dem Button platzieren möchten.   
   **Der JavaScript-Code mit dem Widget aus dem Bild unten wird dann zu:** javascript:leadinfo.widget.activate("li\_lgf\_9694", true);

![Widgetkey leadbot](https://help.leadinfo.com/hs-fs/hubfs/Widgetkey%20leadbot.png?width=688&height=404&name=Widgetkey%20leadbot.png)

Es ist wichtig, den richtigen Key für Ihren Bot zu verwenden.   
[➡️ Wo finde ich den Key für meinen Leadbot?](https://help.leadinfo.com/de/wo-finde-ich-den-widget-key?hsLang=de)

Um einen Leadbot über einen Link aufzurufen, können Sie folgende Anleitung verwenden: [Leadbot-Aktivierung über einen Link](https://help.leadinfo.com/de/leadbot-aktivierung-durch-einen-link?hsLang=de)

- [Leadinfo Installieren](https://help.leadinfo.com/de/leadinfo-installieren?hsLang=de#main-content)

    - [Anfangen mit Leadinfo](https://help.leadinfo.com/de/leadinfo-installieren?hsLang=de#anfangen-mit-leadinfo)
    - [Leadinfo zur Datenschutzerklärung hinzufügen](https://help.leadinfo.com/de/leadinfo-installieren?hsLang=de#leadinfo-zur-datenschutzerkl%C3%A4rung-hinzuf%C3%BCgen)
    - [Leadinfo Trackingcode](https://help.leadinfo.com/de/leadinfo-installieren?hsLang=de#leadinfo-trackingcode)
    - [Alternative Möglichkeiten zur Installation von Leadinfo](https://help.leadinfo.com/de/leadinfo-installieren?hsLang=de#alternative-m%C3%B6glichkeiten-zur-installation-von-leadinfo)
- [Erste Schritte mit Leadinfo](https://help.leadinfo.com/de/erste-schritte-mit-leadinfo?hsLang=de#main-content)

    - [Schritt 1: Geben Sie Ihren Kollegen Zugang](https://help.leadinfo.com/de/erste-schritte-mit-leadinfo?hsLang=de#schritt-1-geben-sie-ihren-kollegen-zugang)
    - [Schritt 2: Organiseren Sie Ihre Inbox](https://help.leadinfo.com/de/erste-schritte-mit-leadinfo?hsLang=de#schritt-2-organiseren-sie-ihre-inbox)
    - [Schritt 2: Halten Sie Ihren Posteingang aufgeräumt, indem Sie bestimmte Unternehmen ausblenden](https://help.leadinfo.com/de/erste-schritte-mit-leadinfo?hsLang=de#schritt-2-halten-sie-ihren-posteingang-aufger%C3%A4umt-indem-sie-bestimmte-unternehmen-ausblenden)
    - [Schritt 3: Einrichten Ihrer E-Mail-Berichte](https://help.leadinfo.com/de/erste-schritte-mit-leadinfo?hsLang=de#schritt-3-einrichten-ihrer-e-mail-berichte)
    - [Schritt 4: Richten Sie Ihre Funktionen und Integrationen ein](https://help.leadinfo.com/de/erste-schritte-mit-leadinfo?hsLang=de#schritt-4-richten-sie-ihre-funktionen-und-integrationen-ein)
    - [Schritt 5: Leadinfo mit Zwei-Faktor-Authentifizierung sichern](https://help.leadinfo.com/de/erste-schritte-mit-leadinfo?hsLang=de#schritt-5-leadinfo-mit-zwei-faktor-authentifizierung-sichern)
- [Leadinfo Inbox](https://help.leadinfo.com/de/leadinfo-inbox?hsLang=de#main-content)

    - [Tags](https://help.leadinfo.com/de/leadinfo-inbox?hsLang=de#tags)
    - [Segmente](https://help.leadinfo.com/de/leadinfo-inbox?hsLang=de#segmente)
    - [Informationen zum Unternehmen](https://help.leadinfo.com/de/leadinfo-inbox?hsLang=de#informationen-zum-unternehmen)
- [Leadinfo Automatisierung](https://help.leadinfo.com/de/leadinfo-automatisierung?hsLang=de#main-content)

    - [Trigger](https://help.leadinfo.com/de/leadinfo-automatisierung?hsLang=de#trigger)
    - [Reportagen](https://help.leadinfo.com/de/leadinfo-automatisierung?hsLang=de#reportagen)
    - [Liquid Content](https://help.leadinfo.com/de/leadinfo-automatisierung?hsLang=de#liquid-content)
    - [Persona](https://help.leadinfo.com/de/leadinfo-automatisierung?hsLang=de#persona)
    - [SFTP](https://help.leadinfo.com/de/leadinfo-automatisierung?hsLang=de#sftp)
- [Integrationen](https://help.leadinfo.com/de/integrationen?hsLang=de#main-content)

    - [Allgemein](https://help.leadinfo.com/de/integrationen?hsLang=de#allgemein)
    - [Meistgenutzte CRM Integrationen](https://help.leadinfo.com/de/integrationen?hsLang=de#meistgenutzte-crm-integrationen)
    - [CRM](https://help.leadinfo.com/de/integrationen?hsLang=de#crm)
    - [Kommunikation](https://help.leadinfo.com/de/integrationen?hsLang=de#kommunikation)
    - [Google](https://help.leadinfo.com/de/integrationen?hsLang=de#google)
    - [Ads](https://help.leadinfo.com/de/integrationen?hsLang=de#ads)
    - [Automation](https://help.leadinfo.com/de/integrationen?hsLang=de#automation)
    - [Analytik](https://help.leadinfo.com/de/integrationen?hsLang=de#analytik)
- [Leadinfo Autopilot](https://help.leadinfo.com/de/leadinfo-autopilot?hsLang=de#main-content)

    - [General](https://help.leadinfo.com/de/leadinfo-autopilot?hsLang=de#general)
    - [Campaigns](https://help.leadinfo.com/de/leadinfo-autopilot?hsLang=de#campaigns)
    - [Contacts](https://help.leadinfo.com/de/leadinfo-autopilot?hsLang=de#contacts)
- [Leadinfo Leadbot](https://help.leadinfo.com/de/leadinfo-leadbot?hsLang=de#main-content)

    - [Erstellung eines Leadbot](https://help.leadinfo.com/de/leadinfo-leadbot?hsLang=de#erstellung-eines-leadbot)
    - [Bearbeitung eines Leadbots](https://help.leadinfo.com/de/leadinfo-leadbot?hsLang=de#bearbeitung-eines-leadbots)
    - [Leadbot Integrations](https://help.leadinfo.com/de/leadinfo-leadbot?hsLang=de#leadbot-integrations)
    - [Leadbot Analytics](https://help.leadinfo.com/de/leadinfo-leadbot?hsLang=de#leadbot-analytics)
    - [Leadbot Forms](https://help.leadinfo.com/de/leadinfo-leadbot?hsLang=de#leadbot-forms)
    - [WhatsApp Business](https://help.leadinfo.com/de/leadinfo-leadbot?hsLang=de#whatsapp-business)
    - [Leadbot Einsendungen](https://help.leadinfo.com/de/leadinfo-leadbot?hsLang=de#leadbot-einsendungen)
    - [Lead Formulare](https://help.leadinfo.com/de/leadinfo-leadbot?hsLang=de#lead-formulare)
- [Leadinfo Analysen](https://help.leadinfo.com/de/leadinfo-analysen?hsLang=de#main-content)

    - [Export](https://help.leadinfo.com/de/leadinfo-analysen?hsLang=de#export)
- [Tutorials und Webinare](https://help.leadinfo.com/de/tutorials-und-webinare?hsLang=de#main-content)

    - [Webinare](https://help.leadinfo.com/de/tutorials-und-webinare?hsLang=de#webinare)
    - [Beste Beispiele von Gold-Partnern](https://help.leadinfo.com/de/tutorials-und-webinare?hsLang=de#beste-beispiele-von-gold-partnern)
- [GDPR](https://help.leadinfo.com/de/gdpr?hsLang=de)
- [Account](https://help.leadinfo.com/de/account?hsLang=de)
- [Empfohlene Vorgehensweise](https://help.leadinfo.com/de/empfohlene-vorgehensweise?hsLang=de#main-content)

    - [Trigger](https://help.leadinfo.com/de/empfohlene-vorgehensweise?hsLang=de#trigger)
    - [Nachverfolgung](https://help.leadinfo.com/de/empfohlene-vorgehensweise?hsLang=de#nachverfolgung)
    - [Integrationen](https://help.leadinfo.com/de/empfohlene-vorgehensweise?hsLang=de#integrationen)
- [Persona Insights](https://help.leadinfo.com/de/persona-insights?hsLang=de#main-content)

    - [Persona Insights](https://help.leadinfo.com/de/persona-insights?hsLang=de#persona-insights)
    - [Form Tracking](https://help.leadinfo.com/de/persona-insights?hsLang=de#form-tracking)
    - [Email Campaign Tracking](https://help.leadinfo.com/de/persona-insights?hsLang=de#email-campaign-tracking)
- [FAQ](https://help.leadinfo.com/de/faq?hsLang=de#main-content)

    - [Allgemeines](https://help.leadinfo.com/de/faq?hsLang=de#allgemeines)
    - [Portal](https://help.leadinfo.com/de/faq?hsLang=de#portal)
    - [Erkennung](https://help.leadinfo.com/de/faq?hsLang=de#erkennung)
    - [Integrationen](https://help.leadinfo.com/de/faq?hsLang=de#integrationen)
    - [Rechnung](https://help.leadinfo.com/de/faq?hsLang=de#rechnung)
    - [Lösungen für die Zustimmung zu Cookies](https://help.leadinfo.com/de/faq?hsLang=de#l%C3%B6sungen-f%C3%BCr-die-zustimmung-zu-cookies)
    - [Leadbot](https://help.leadinfo.com/de/faq?hsLang=de#leadbot)
    - [Autopilot](https://help.leadinfo.com/de/faq?hsLang=de#autopilot)
    - [Persona Insights](https://help.leadinfo.com/de/faq?hsLang=de#persona-insights)
- [Fehlerbehebung](https://help.leadinfo.com/de/fehlerbehebung?hsLang=de#main-content)

    - [Allgemeines](https://help.leadinfo.com/de/fehlerbehebung?hsLang=de#allgemeines)
    - [Integrationen](https://help.leadinfo.com/de/fehlerbehebung?hsLang=de#integrationen)
    - [Installation](https://help.leadinfo.com/de/fehlerbehebung?hsLang=de#installation)

[![Leadinfo\_logo\_RGB\_Witte\_tekst-May-13-2023-10-03-08-9010-AM](https://help.leadinfo.com/hs-fs/hubfs/Leadinfo_logo_RGB_Witte_tekst-May-13-2023-10-03-08-9010-AM.png?width=200&height=41&name=Leadinfo_logo_RGB_Witte_tekst-May-13-2023-10-03-08-9010-AM.png "Leadinfo_logo_RGB_Witte_tekst-May-13-2023-10-03-08-9010-AM")](http://leadinfo.com)

Leadinfo help center

[Terms & Conditions](https://www.leadinfo.com/en/eula/)  
                                                                                                                  [Privacy Policy](https://www.leadinfo.com/en/legal/privacy/)