Website-Widgets

Skeleton Loading Widget für Ihre Website

Sorgen Sie mit automatischen Skeleton-Platzhaltern für Bilder und den zugehörigen Text in derselben Karte für flüssige Ladezustände. Passen Sie eine Skeleton-Farbe, den Radius und die Shimmer-Geschwindigkeit an und betten Sie das Widget dann mit einem einzigen Skript ein.

So erstellen Sie ein Skeleton Loader-Widget

Detect image cards automatically

Bildkarten automatisch erkennen

Erkennen Sie Bildkarten automatisch und halten Sie den zugehörigen Karteninhalt in einem passenden Platzhalterzustand, bis jedes Bild vollständig geladen ist.

Customize the loading style

Ladestil anpassen

Nutzen Sie eine einheitliche Skeleton-Farbe, abgerundete Ecken und eine anpassbare Shimmer-Animationsgeschwindigkeit, um ein einheitliches Ladeerlebnis auf Ihrer gesamten Website zu schaffen.

Embed it on your site

Betten Sie ihn auf Ihrer Website ein

Kopieren Sie das generierte Skript und fügen Sie in nur wenigen Schritten ausgefeilte skeleton loading Zustände zu Ihrer Website hinzu, ohne eigenen Code zu schreiben oder zusätzliche Entwicklungszeit aufzuwenden.

Erstellen Sie ausgefeilte Ladezustände, ohne Ihre Seite neu zu gestalten

Skeleton loading mit einem Skript aktivieren

Fügen Sie ein einziges Einbettungsskript ein und lassen Sie das Widget temporäre Platzhalter hinzufügen, während der Seiteninhalt vorbereitet wird.

Enable skeleton loading with one script

Bildkarten automatisch erkennen

Erkennen Sie automatisch Bilder, Überschriften, Absätze, Preise und Labels innerhalb derselben Karte und gruppieren Sie zusammengehörige Elemente, um automatisch passende Skeleton-Platzhalter zu erstellen.

Detect image cards automatically

Farben und Ecken an Ihre Website anpassen

Wählen Sie eine Skeleton-Farbe und passen Sie den Rahmenradius an Ihr Designsystem an.

Match your site color and corners

So betten Sie Ihr Skeleton Loader 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 Skeleton Loader Widget einsetzen können

Nutzen Sie skeleton loading überall dort, wo Besucher schnelles visuelles Feedback benötigen, während umfangreiche Inhalte erscheinen.

Produktseiten, auf denen Bildergalerien, Beschreibungen und Preise einen flüssigeren Ladezustand benötigen.

Blogs und Content-Hubs, die Artikel-Thumbnails, Überschriften, Auszüge und Autoren-Labels mit unterschiedlicher Geschwindigkeit laden.

Portfolio- und Galerieseiten, auf denen Medienkarten Bildplatzhalter mit passenden Titel- oder Label-Platzhaltern benötigen.

Landingpages mit Hero-Bildern und Erfahrungsberichten, die von ausgefeilten Platzhaltern profitieren.

Medienlastige Seiten, auf denen große Bilder oder eingebettete Inhalte andernfalls leere Lücken hinterlassen, bevor sie geladen werden.

Markensensible Websites, die Platzhalter benötigen, die auf eine einheitliche Skeleton-Farbe abgestimmt sind.

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 Skeleton Loader Widget?

    Ein Skeleton Loader Widget zeigt temporäre Platzhalter an, die der Form von Bildkarten entsprechen, während Bilder und zugehörige Texte geladen werden.

  • Erkennt das Widget Elemente automatisch?

  • Kann ich auswählen, welche Elemente Platzhalter erhalten?

  • Kann ich die Shimmer-Animation anpassen?

  • Kann ich die Platzhalterfarbe an meine Website anpassen?

  • Funktioniert skeleton loading auch auf Mobilgeräten?

  • Muss ich Code schreiben?