Cookie-Einstellungen
Wir verwenden Cookies für Analysen. Datenschutzerklärung Du kannst nicht notwendiges Tracking akzeptieren oder ablehnen.
Kontakt-Widget
Baue ein schwebendes Kontakt-Widget mit den Kanälen, die dein Team wirklich betreut, und veröffentliche es per iframe auf jeder Website.
Schnellstart
Starte mit dem Setup, das dazu passt, wie dein Team mobil tatsächlich antwortet.
Verfügbare Kanäle
Füge WhatsApp, Telegram, Viber, E-Mail, Telefon oder Messenger hinzu, damit Besucher direkt den passenden Kontaktweg wählen.
Das Widget ist bereit zur Veröffentlichung.
Aktiviere nur Kontaktwege, die dein Team tatsächlich beantworten kann.
Setze den schnellsten oder wichtigsten Kanal an erste Stelle. Das Widget behandelt die oberste Zeile als primäre Übergabe.
Bereit
PrimärVerwende die vollständige internationale Nummer.
Dieser Text wird nur in diesem Kanal mitgegeben. Lass das Feld leer, wenn der Wechsel ohne automatische Nachricht erfolgen soll.
Bereit
Verwende den öffentlichen Nutzernamen ohne @.
Dieser Text wird nur in diesem Kanal mitgegeben. Lass das Feld leer, wenn der Wechsel ohne automatische Nachricht erfolgen soll.
Aus
Verwende die vollständige internationale Nummer.
Dieser Text wird nur in diesem Kanal mitgegeben. Lass das Feld leer, wenn der Wechsel ohne automatische Nachricht erfolgen soll.
Aus
Verwende das Postfach für Erstkontakte.
Dieser Text wird nur in diesem Kanal mitgegeben. Lass das Feld leer, wenn der Wechsel ohne automatische Nachricht erfolgen soll.
Aus
Verwende die vollständige internationale Nummer.
Aus
Verwende den öffentlichen Facebook-Seitennamen.
Dieser Text wird nur in diesem Kanal mitgegeben. Lass das Feld leer, wenn der Wechsel ohne automatische Nachricht erfolgen soll.
Zeige, wann das Team online ist, ergänze eine erwartete Antwortzeit und lasse bei Bedarf nach Feierabend einen Fallback-Kanal sichtbar.
Verfügbarkeitsmodus
Live-Status
Das Widget bleibt den ganzen Tag sichtbar. Nutze die Antwortzeit, um Erwartungen zu setzen, ohne Kanäle zu verstecken.
Zeitzonen-Offset
UTC+00:00
Halte die Headline kurz. Dieser Entwurf wird im Builder, im Freigabelink und im veröffentlichten Widget wiederverwendet.
Wähle Seite und Akzent so, dass das Widget sichtbar bleibt, ohne mit dem Layout zu konkurrieren.
Andockseite
Akzent
Passe iframe-Größe und Andockabstände so an, dass das Widget auf kleinen Screens, bei Sticky Bars und in mobilen Safe Areas stabil bleibt.
Größenpreset
Der Desktop-Abstand steuert die angedockte Ecke. Der mobile Abstand lässt mehr Luft, wenn der Viewport enger wird.
Kopiere das Produktions-iframe oder teile den Entwurfslink mit jemand anderem.
Der kurze Preset-Link wird beim ersten Kopieren oder Öffnen erzeugt.
<iframe src="https://onlinetoolshub.digital/embed/contact-widget?widgetId=eyJsIjoiZGUiLCJjIjp7IndhIjoiMTQxNTU1NTAxMjMiLCJ0ZyI6InRvb2xzaHViIn19" title="Tools Hub contact widget" loading="lazy" style="position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));right:calc(24px + env(safe-area-inset-right));width:min(372px,calc(100vw - 36px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:min(660px,calc(100vh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border:0;background:transparent;overflow:hidden;z-index:2147483000;" referrerpolicy="strict-origin-when-cross-origin"></iframe>Öffentliche Widget-URL
https://onlinetoolshub.digital/embed/contact-widget?widgetId=eyJsIjoiZGUiLCJjIjp7IndhIjoiMTQxNTU1NTAxMjMiLCJ0ZyI6InRvb2xzaHViIn19
Entwurfslink
https://onlinetoolshub.digital/de/contact-widget?widgetId=eyJsIjoiZGUiLCJjIjp7IndhIjoiMTQxNTU1NTAxMjMiLCJ0ZyI6InRvb2xzaHViIn19
Teile diesen bearbeitbaren Link, wenn jemand dieselbe Konfiguration weiterführen soll.
Veröffentlichungsstatus
Öffentliche URL und iframe werden erst freigeschaltet, wenn mindestens ein aktiver Kanal ein gültiges Ziel hat.
Aktiv
2
Bereit
2
Offen
0
Ausgabe zur Veröffentlichung
Wähle ein Artefakt, kopiere es und öffne bei Bedarf die Live-Vorschau für einen letzten mobilen Check.
Der kurze Preset-Link wird beim ersten Kopieren oder Öffnen erzeugt.
Iframe
<iframe src="https://onlinetoolshub.digital/embed/contact-widget?widgetId=eyJsIjoiZGUiLCJjIjp7IndhIjoiMTQxNTU1NTAxMjMiLCJ0ZyI6InRvb2xzaHViIn19" title="Tools Hub contact widget" loading="lazy" style="position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));right:calc(24px + env(safe-area-inset-right));width:min(372px,calc(100vw - 36px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:min(660px,calc(100vh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border:0;background:transparent;overflow:hidden;z-index:2147483000;" referrerpolicy="strict-origin-when-cross-origin"></iframe>Kopiere das Produktions-iframe oder teile den Entwurfslink mit jemand anderem.
Diese Fläche hält das Widget geöffnet, damit das finale Embed vor der Veröffentlichung leicht geprüft werden kann.
Host-Seiten-Mockup
Das Widget ist an einer neutralen Seitenfläche fixiert, damit Layout- und Abstandsprobleme schneller auffallen.
Leite Besucher direkt in den passenden Kontaktkanal weiter.
Tools Hub
Erstelle ein Widget wie dieses
Kontakt-Widget-Builder
Website-Kontakt-Widget mit Messenger-Schaltflächen
Kontakt-Widget-Builder: Praxisleitfaden fuer Website-Kontakt-Widgets mit Setup, Conversion-Workflow, Branding-Entscheidungen und sauberer Umsetzung.
Jetzt lesenWhatsApp-Widget für Websites ohne Live-Chat-Software
Nutze Kontakt-Widget-Builder, um ein WhatsApp-Widget auf deiner Website ohne kompletten Live-Chat-Stack einzubauen und trotzdem Fallback-Kanäle sowie eine sauberere Mobile-UX zu behalten.
Jetzt lesenSchwebender Kontaktbutton für Website-Conversions
Nutze Kontakt-Widget-Builder, um einen schwebenden Kontaktbutton in einen klareren Multi-Channel-Launcher für Seiten mit hoher Absicht und mobile Nutzer zu verwandeln.
Jetzt lesenKontakt-Widget vs. Kontaktformular für Seiten mit hoher Absicht
Nutze Kontakt-Widget-Builder, um zu entscheiden, wann ein Kontakt-Widget ein klassisches Formular auf Preis-, Demo-, Buchungs- und Angebotsseiten schlägt.
Jetzt lesenMessenger-Links
Direkt-Link-Generator für WhatsApp, Telegram und Viber.
Bewertungen-Widget
Einbettbares Widget für Erfahrungsberichte, Rezensionen und Social Proof mit kuratierten Vertrauensblöcken und Iframe-Einbettung.
QR-Generator
Erstellen Sie einen QR-Code für jeden Link, Text oder Kontakt.
E-Mail-QR-Generator
Erstelle E-Mail-QR-Codes mit Empfänger, Betreff und Nachricht.