Farbpalette erstellen und generieren – für Ihre Website

Bieten Sie Besuchern eine spielerische Möglichkeit, Farben zu entdecken. Sie können neue Farbpaletten generieren, Farben fixieren, die sie behalten möchten, und jeden HEX-Wert mit einem Klick kopieren. Das Farbpaletten-Widget ist ein No-Code-Tool, das Sie an Ihre Website anpassen und überall einbetten können.

Color Palette Widget for your website Hero Background image

So erstellen Sie das Widget Farbpalette

Set your starting colors

Startfarben festlegen

Legen Sie fest, wie viele Farben angezeigt werden, und bestimmen Sie die Palette, die Besucher zuerst sehen.

Style the widget

Widget gestalten

Stimmen Sie Theme, Farben, Palettenstil und Layout auf Ihre Website ab.

Embed it on your website

Betten Sie es auf Ihrer Website ein

Fügen Sie den Einbettungscode in einen HTML- oder Einbettungsblock ein und veröffentlichen Sie Ihre Seite, um das Website-Widget anzuzeigen.

Farben einfach und interaktiv erleben

Neue Farbpaletten mit einem Klick generieren

Besucher klicken auf „Generieren” und sehen sofort eine neue Palette. Im kuratierten Modus wechseln handverlesene, aktuell beliebte Paletten, im Zufallsmodus werden jedes Mal neue Farben kombiniert.

Generate new palettes in one click

Jede Farbe mit einem Klick kopieren

Besucher klicken auf eine Farbe, um ihren HEX-Wert zu kopieren, oder kopieren die gesamte Palette auf einmal. Eine kurze Bestätigung erscheint, sobald das Kopieren geklappt hat.

Copy any color with a click

Mit eigenen Farben starten

Legen Sie die Palette fest, die Besucher zuerst sehen, und lassen Sie sie Farben fixieren, die ihnen gefallen. Diese bleiben erhalten, während sich die übrigen Farben ändern.

Start from your own colors

Das Widget an Ihre Seite anpassen

Wählen Sie ein helles oder dunkles Theme und den Stil Spalten, Karten oder Leiste und legen Sie Kartenfarben, Eckenradius, Schatten, Breite und Ausrichtung fest.

Match the widget to your page

Farbpalette in WordPress einbetten – so geht’s

1Einbettungscode abrufen

Klicken Sie nach dem Anpassen Ihres Jotform-Website-Widgets auf „Kostenlos auf Ihrer Website testen” und kopieren Sie den generierten Einbettungscode.

2Seiteneditor öffnen

Öffnen Sie in WordPress den Beitrag oder die Seite für das Widget und fügen Sie einen neuen Block hinzu.

3HTML-Block hinzufügen

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

4Aktualisieren und ansehen

Klicken Sie auf „Aktualisieren” oder „Veröffentlichen” und öffnen Sie dann die Seite, um Ihr eingebettetes Widget zu prü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 das Farbpaletten-Widget einsetzen

Setzen Sie ein Farbpaletten-Widget überall dort ein, wo Besucher Farben entdecken, auswählen oder kopieren möchten, ohne die Seite zu verlassen.

Design-Blogs und Tutorials, in denen Leser mit Farbideen experimentieren und die HEX-Werte ihrer Wahl kopieren können.

Marken- und Styleguide-Seiten, die freigegebene Farben zum Kopieren für eigene Projekte bereitstellen.

Portfolio- und Agentur-Websites, die mit einem spielerischen, interaktiven Element ihr Gespür für Farben zeigen möchten.

Freebie- und Ressourcenseiten, auf denen Besucher fertige Farbpaletten für ihre Projekte übernehmen.

Produkt- und Druckseiten, auf denen Kunden Farbkombinationen vor ihrer Entscheidung in der Vorschau ansehen.

Bildungsseiten, die Farbgrundlagen mit einem interaktiven Tool vermitteln.

Gewinnen Sie Leads als zahlende Kunden mit dem Jotform Formulargenerator

Machen Sie mit Jotform aus Interesse Taten. Erstellen Sie leistungsstarke Formulare, die Leads gewinnen, Zahlungen entgegennehmen und Antworten automatisieren – alles an einem Ort. Jede Antwort landet in Ihrem Jotform Posteingang, wo Sie nachfassen oder sie mit Ihren Lieblings-Apps verbinden können.

Jetzt starten – Kostenlos!
Convert leads into customers

FAQ

  • Was ist ein Farbpaletten-Widget?

    Ein Farbpaletten-Widget ist ein einbettbares Tool, das eine Auswahl an Farben auf Ihrer Website anzeigt. Besucher können neue Farbpaletten generieren, Farben fixieren, die ihnen gefallen, und jeden HEX-Wert mit einem Klick kopieren.

  • Wie generieren Besucher eine neue Farbpalette?

  • Kann ich die Startfarben festlegen?

  • Was bewirkt das Fixieren einer Farbe?

  • Können Besucher Farben kopieren?

  • Kann ich den Stil anpassen?

  • Funktioniert das Widget auf Mobilgeräten?

  • Muss ich Code schreiben?