Website-Widgets

Farbwähler Widget für Ihre Website

Bieten Sie Besuchern eine einfache Möglichkeit, Farben auszuwählen, benannte voreingestellte Farbfelder zu vergleichen, den Kontrast zu prüfen und exakte HEX-, RGB-, HSL-, HSV- oder CMYK-Werte zu kopieren. Das Color Picker Widget von Jotform ist ein No-Code-Tool, das Sie überall gestalten, in der Vorschau anzeigen und einbetten können.

So erstellen Sie ein Farbwähler-Widget

Choose preset colors

Voreingestellte Farben auswählen

Legen Sie die Standardfarbe fest, fügen Sie voreingestellte Farbfelder hinzu oder entfernen Sie sie und benennen Sie jede Farbpalettenoption für Ihre Besucher.

Customize the picker

Passen Sie den Picker an

Passen Sie Karte, Akzent, Text, Form der Farbfelder und Layout an Ihre Website an.

Embed it on your site

Betten Sie ihn auf Ihrer Website ein

Kopieren Sie den generierten Einbettungscode und platzieren Sie den Picker überall dort, wo Besucher Farbwerte, Kontrastprüfungen oder den Export von Farbpaletten benötigen.

Machen Sie die Farbauswahl klar und einfach

Lassen Sie Besucher exakte Farben auswählen

Fügen Sie einen fokussierten Color Picker hinzu, der den aktuellen Farbton klar anzeigt und Besuchern eine direkte Möglichkeit zum Anpassen bietet.

Let visitors pick exact colors

Zeigen Sie kopierfertige Farbwerte an

Zeigen Sie HEX-, RGB-, HSL-, HSV- und CMYK-Werte sowie optionale Kontrastergebnisse an, sodass Designer, Kunden und Mitarbeiter die ausgewählte Farbe überall dort verwenden können, wo sie sie benötigen.

Show copy-ready color values

Bieten Sie benannte Voreinstellungen und gespeicherte Farbfelder

Starten Sie Besucher mit vorbereiteten Marken- oder Produktfarben, beschriften Sie jedes Farbfeld und lassen Sie Besucher dann temporäre Farbpalettenauswahlen behalten, entfernen, leeren oder kopieren.

Offer named presets and saved swatches

Passen Sie das Widget an Ihre Seite an

Passen Sie das helle oder dunkle Design, die Kartenfarben, Akzentfarbe, Radius, Schatten, eingebettete Ausrichtung, schwebende Platzierung und Geräte-Sichtbarkeit an.

Match the widget to your page

Farbwähler in WordPress einbetten – so geht’s

1Einbettungscode abrufen

Nachdem Sie Ihr Jotform Website-Widget angepasst haben, klicken Sie auf Kostenlos auf Ihrer Website testen und kopieren Sie den generierten Einbettungscode.

2Seiteneditor öffnen

Gehen Sie zum WordPress-Beitrag oder zur Seite, auf der Sie das Widget anzeigen möchten, und fügen Sie einen neuen Block hinzu.

3Custom HTML Block hinzufügen

Wählen Sie Custom HTML und fügen Sie den Einbettungscode Ihres Jotform Website-Widgets in das HTML-Feld ein.

4Ändern und anzeigen

Klicken Sie auf Ändern oder Veröffentlichen und öffnen Sie dann die Seite, um Ihr eingebettetes Widget zu überprüfen.

Warum sich Jotform Website Widgets auszeichnen

Mit den Widgets von Jotform wird Ihre Website interaktiver und Sie steigern Ihre Conversion-Rate. Zur Auswahl stehen zahlreiche Tools wie Sternebewertungen, Slideshows mit Erfahrungsberichten, Pop-ups mit Social Proof und eingebettete Medien. Fügen Sie Widgets zu Ihren Formularen oder Landingpages hinzu, um Daten zu sammeln, Erfahrungsberichte anzuzeigen und Leads zu gewinnen – ganz ohne Programmierkenntnisse.

Widgets ohne Programmierung verwenden

Fügen Sie Jotform-Widgets mithilfe eines Einbettungscodes in Ihre Website ein. Passen Sie das Widget an, sehen Sie sich die Vorschau an und fügen Sie den Code in jede Seite ein, die benutzerdefiniertes HTML oder Einbettungsblöcke unterstützt – ganz ohne Entwicklerinnen oder Entwickler.

Bauen Sie interaktivere Seiten

Mit Jotform Website Widgets sammeln Sie Leads, zeigen Kundenfeedback, präsentieren Social Proof, binden Medien ein oder fügen nützliche Webseiten-Tools hinzu. Über jedes Widget können Besucher direkt auf Ihrer Website mit Ihrem Unternehmen interagieren.

Holen Sie sich jederzeit Hilfe

Wenn Sie Unterstützung bei der Einrichtung, Anpassung, Einbettung oder Fehlerbehebung Ihres Widgets benötigen, steht Ihnen das Kundensupport-Team von Jotform rund um die Uhr zur Verfügung. So können Sie beruhigt weiterarbeiten, denn Sie wissen: Hilfe ist da, wenn Sie sie brauchen.

Wo Sie Ihr Color Picker Widget einsetzen können

Setzen Sie ein Color Picker Widget überall dort ein, wo Besucher exakte Farben auswählen oder kopieren müssen, ohne die Seite zu verlassen.

Design-Ressourcenseiten, auf denen Besucher schnell HEX-, RGB-, HSL-, HSV- oder CMYK-Werte für Markenfarben benötigen.

Produktanpassungsseiten, auf denen Kunden verfügbare Farboptionen vergleichen, bevor sie Ihr Team kontaktieren oder eine Bestellung aufgeben.

Styleguide-Seiten, die Teams, Partnern oder Kunden eine einfache Möglichkeit bieten, freigegebene Farben nachzuschlagen.

Kreative Portfolios, in denen Designer Farbpaletten neben Projektbeispielen präsentieren können.

Lern- und Tutorial-Seiten, die Farbformate, Farbpaletten oder Grundlagen des visuellen Designs vermitteln.

Interne Portale, in denen Teams ein schlankes Farbtool in der Nähe von Designnotizen oder Dokumentationen einbetten möchten.

Gewinnen Sie Leads als zahlende Kunden mit dem Jotform Formulargenerator

Nutzen Sie Jotform, um aus jedem Kontakt eine konkrete Maßnahme zu machen. Erstellen Sie leistungsstarke Formulare, mit denen Sie Leads erfassen, Zahlungen abwickeln und Antworten automatisieren – und das alles an einem Ort. Jede Antwort landet in Ihrem Jotform Posteingang, von wo aus Sie nachfassen oder Ihre bevorzugten Apps verbinden können.

Jetzt starten – Kostenlos!
Convert leads into customers

FAQ

  • Was ist ein Color Picker Widget?

    Ein Color Picker Widget ist ein einbettbares Tool, mit dem Besucher auf Ihrer Website eine Farbe auswählen, Farbwerte anzeigen, kopieren, den Kontrast prüfen und temporäre Farbfelder vergleichen können.

  • Welche Farbformate kann es anzeigen?

  • Kann ich voreingestellte Farben hinzufügen?

  • Können Besucher eine Farbpalette speichern oder kopieren?

  • Kann ich den Stil des Widgets anpassen?

  • Kann der Picker auf der Seite schweben?

  • Funktioniert das Widget auf Mobilgeräten?

  • Muss ich Code schreiben?