Skeleton Loading: Skeleton-Screen-Widget für Ihre Website

Gestalten Sie Ladezustände flüssiger – mit automatischen Skeleton-Platzhaltern für Bilder und den zugehörigen Text derselben Karte. Passen Sie Skeleton-Farbe, Eckenradius und Geschwindigkeit der Schimmer-Animation an und betten Sie das Widget dann mit einem einzigen Skript ein.

Skeleton Loader Widget for your website Hero Background image

So erstellen Sie das Widget Skeleton Loader

Detect image cards automatically

Bildkarten automatisch erkennen

Bildkarten werden automatisch erkannt, und der zugehörige Inhalt der Karte bleibt als passender Platzhalter sichtbar, bis das jeweilige Bild vollständig geladen ist.

Customize the loading style

Ladestil anpassen

Nutzen Sie eine Skeleton-Farbe, abgerundete Ecken und eine anpassbare Geschwindigkeit der Schimmer-Animation für einheitliche Ladezustände auf Ihrer gesamten Website.

Embed it on your site

Auf Ihrer Website einbetten

Kopieren Sie das generierte Skript und fügen Sie Ihrer Website in wenigen Schritten ansprechende Skeleton-Ladezustände hinzu – ohne eigenen Code und ohne zusätzlichen Entwicklungsaufwand.

Ansprechende Ladezustände ohne Umgestaltung Ihrer Seite

Skeleton Loading mit einem einzigen Skript aktivieren

Fügen Sie ein einziges Einbettungsskript ein, und das Widget zeigt vorübergehend Platzhalter an, während die Seiteninhalte geladen werden.

Enable skeleton loading with one script

Bildkarten automatisch erkennen

Erkennen Sie Bilder, Überschriften, Absätze, Preise und Beschriftungen innerhalb derselben Karte automatisch. Zusammengehörige Elemente werden gruppiert und erhalten automatisch passende Skeleton-Platzhalter.

Detect image cards automatically

Passend zu Farben und Ecken Ihrer Website

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

Match your site color and corners

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

Setzen Sie Skeleton Loading überall dort ein, wo Besucher eine schnelle visuelle Rückmeldung brauchen, während umfangreiche Inhalte geladen werden.

Produktseiten, auf denen Bildergalerien, Beschreibungen und Preise flüssiger laden sollen.

Blogs und Content-Hubs, die Artikel-Thumbnails, Überschriften, Auszüge und Autorenangaben unterschiedlich schnell laden.

Portfolio- und Galerieseiten, auf denen Medienkarten Bildplatzhalter mit passenden Platzhaltern für Titel oder Beschriftungen benötigen.

Landingpages mit Hero-Bildern und Testimonials, die von ansprechend gestalteten Platzhaltern profitieren.

Medienlastige Seiten, auf denen große Bilder oder eingebettete Inhalte sonst vor dem Laden leere Lücken hinterlassen.

Markenbewusste Websites, deren Platzhalter einheitlich in einer Skeleton-Farbe erscheinen sollen.

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

    Ein Skeleton-Loader-Widget zeigt vorübergehend Skeleton-Platzhalter in der Form der Bildkarten an, während Bilder und zugehöriger Text geladen werden.

  • Erkennt das Widget Elemente automatisch?

  • Kann ich festlegen, welche Elemente Platzhalter erhalten?

  • Kann ich die Schimmer-Animation anpassen?

  • Kann ich die Farbe der Platzhalter an meine Website anpassen?

  • Funktioniert Skeleton Loading auf Mobilgeräten?

  • Muss ich Code schreiben?