Website-Widgets

Rezept Widget für Ihre Website

Teilen Sie ansprechende Rezeptkarten mit Zutaten, Schritt-für-Schritt-Anleitungen, Bildern, Zeitangaben, Nährwerten, Bewertungen, Druck- und Teilen-Funktionen sowie optionalem Recipe-Schema-Markup. Passen Sie die Karte an, sehen Sie sich eine Vorschau an und betten Sie sie ganz ohne Programmierung auf jeder Website ein.

So erstellen Sie ein Recipes-Widget

Add your recipe details

Fügen Sie Ihre Rezeptdetails hinzu

Geben Sie Titel, Beschreibung, Bild, Zutaten, Anleitungen, Zeitangaben, Portionen, Nährwerte, Notizen und optional ein Video ein.

Customize the recipe card

Passen Sie die Rezeptkarte an

Wählen Sie ein helles oder dunkles Styling, passen Sie Farben und Breite an und entscheiden Sie, welche Inhalte und Besucheraktionen angezeigt werden.

Embed it on your site

Betten Sie ihn auf Ihrer Website ein

Sehen Sie sich eine Vorschau des fertigen Rezept-Widgets an, kopieren Sie den Einbettungscode und platzieren Sie ihn auf Ihrem Blog, Ihrer Menüseite oder der Website Ihrer Food-Marke.

Veröffentlichen Sie Rezeptkarten, die Besucher wirklich nutzen können

Vollständige Rezeptdetails anzeigen

Vereinen Sie die wichtigsten Bestandteile eines Rezepts in einer responsiven Karte: Bild, Beschreibung, Autor, Küche, Gang, Portionen, Zeitangaben, Kalorien, Bewertung, Zutaten, Anleitungen, Notizen und Video.

Show complete recipe details

Besuchern helfen, direkt von der Seite zu kochen

Im Kochmodus können Besucher Schritte aufklappen und ihren Fortschritt abhaken. Checkbox für Zutaten, Portionsanpassungen, Einheitenumrechnung und Kopieren-in-Liste-Steuerelemente machen das Rezept leichter nachvollziehbar.

Help visitors cook from the page

Passen Sie die Karte an Ihr Branding an

Verwenden Sie helle oder dunkle Designs, wählen Sie Farben, legen Sie Kartenbreite und Eckenradius fest, steuern Sie die Textausrichtung und fügen Sie gezieltes CSS für erweiterte Feinabstimmungen hinzu.

Customize the card for your brand

Rezeptentdeckung unterstützen

Optionales Recipe-Schema-Markup bewahrt strukturierte Rezeptdetails in Ihren Einbettungen, darunter Zutaten, Anleitungen, Zeitangaben, Nährwerte, Bild- und Bewertungsdaten, sodass Suchmaschinen sie lesen und anzeigen können.

Support recipe discovery

So betten Sie Ihr Recipes in WordPress ein

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 Rezept-Widget einsetzen können

Fügen Sie Rezeptkarten überall dort ein, wo Besucher klare Zutaten, Anleitungen und Kochdetails benötigen, ohne die Seite zu verlassen.

Food-Blogs, die wiederverwendbare Karten unterhalb von Rezeptgeschichten und Fotos benötigen

Restaurant-Websites, die Signature-Gerichte, saisonale Specials oder Kochtipps teilen

Ernährungs- und Wellness-Seiten, die Portionsangaben, Kalorien, Diät-Badges und Zubereitungsdetails benötigen

Kochkurs-Seiten, die Schritt-für-Schritt-Anleitungen für Schüler veröffentlichen

Produktseiten, die Kunden zeigen, wie sie Zutaten, Kochgeschirr oder Meal-Kits verwenden

Community-Portale, die Rezepte von Mitgliedern oder Mitarbeitern sammeln und teilen

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 startenKostenlos!
Convert leads into customers

FAQ

  • Was ist ein Rezept-Widget?

    Ein Rezept-Widget ist eine einbettbare Rezeptkarte, die Kochdetails wie Zutaten, Anweisungen, Bilder, Vorbereitungszeit, Kochzeit, Portionen, Nährwerte und Notizen anzeigt.

  • Kann ich Zutaten und Schritt-für-Schritt-Anleitungen hinzufügen?

  • Unterstützt das Widget Rezeptbilder und -videos?

  • Können Besucher die Portionsgrößen anpassen?

  • Können Besucher zwischen US- und metrischen Einheiten wechseln?

  • Kann ich Recipe-Schema-Markup einbinden?

  • Kann ich das Design anpassen?

  • Muss ich programmieren können?