Widgets de site web

Widget Écran squelette pour votre site web

Rendez les états de chargement plus fluides grâce à des éléments squelettes temporaires générés automatiquement pour les images et les textes associés d’une même carte. Personnalisez la couleur des éléments squelettes, l’arrondi des angles et la vitesse de l’animation de chargement, puis intégrez le widget à l’aide d’un seul script.

Comment créer un widget Skeleton Loader

Detect image cards automatically

Détectez automatiquement les cartes avec images

Détectez automatiquement les cartes contenant des images et maintenez leur contenu associé dans un état de chargement correspondant jusqu’à ce que chaque image soit entièrement chargée.

Customize the loading style

Personnalisez l’animation de chargement

Choisissez une couleur unique pour les éléments squelettes, ajustez l’arrondi des angles et personnalisez la vitesse de l’animation de chargement pour créer une expérience de chargement cohérente sur l’ensemble de votre site web.

Embed it on your site

Intégrez-le à votre site

Copiez le script généré et ajoutez des états de chargement soignés à votre site web en quelques étapes seulement, sans écrire de code personnalisé ni consacrer davantage de temps au développement.

Créez des états de chargement soignés sans repenser votre page

Activez l’écran squelette avec un seul script

Ajoutez un seul script d’intégration et laissez le widget afficher des éléments temporaires pendant le chargement du contenu de votre page.

Enable skeleton loading with one script

Détectez automatiquement les cartes avec images

Détectez automatiquement les images, les titres, les paragraphes, les prix et les libellés d’une même carte. Le widget regroupe les éléments associés afin de créer automatiquement des éléments squelettes correspondants pendant le chargement.

Detect image cards automatically

Harmonisez les couleurs et les coins avec le design de votre site

Choisissez une couleur unique pour les éléments squelettes et ajustez l’arrondi des angles afin de les adapter au système de design de votre site.

Match your site color and corners

Comment intégrer votre widget Skeleton Loader dans WordPress

1Récupérez le code d'intégration

Après avoir personnalisé votre widget Jotform pour site web, cliquez sur Essayer gratuitement sur votre site web, puis copiez le code d’intégration généré.

2Ouvrez l’éditeur de page

Accédez à l'article ou à la page WordPress où vous souhaitez afficher le widget, puis ajoutez un nouveau bloc.

3Ajoutez un bloc HTML personnalisé

Sélectionnez HTML personnalisé, puis collez le code d'intégration de votre widget Jotform dans le champ HTML.

4Mettez à jour votre page et vérifiez le résultat

Cliquez sur Mettre à jour ou Publier, puis ouvrez la page pour vérifier que le widget s’affiche correctement.

Ce qui les rend les widgets de site web Jotform vraiment uniques

Les widgets Jotform rendent votre site web plus interactif et vous aident à augmenter vos conversions. Choisissez parmi de nombreux outils, comme des évaluations par étoiles, des curseurs de témoignages, des fenêtres contextuelles de preuve sociale ou des intégrations de contenus multimédias. Ajoutez des widgets à vos formulaires ou à vos pages de destination afin de collecter des données, d'afficher votre preuve sociale et de générer des prospects, sans coder.

Intégrez des widgets sans coder

Intégrez un widget Jotform à votre site web en copiant un code simple. Personnalisez, prévisualisez, puis insérez-le dans n'importe quelle page ou block HTML, le tout sans faire appel à un développeur.

Créez des pages web plus interactives

Configurez les widgets de site web Jotform pour collecter des prospects, afficher des avis clients, mettre en avant votre preuve sociale, intégrer des contenus multimédias ou ajouter des outils utiles à vos pages web. Chaque widget permet aux visiteurs d'interagir directement avec votre entreprise depuis votre site web.

Obtenez de l'aide quand vous en avez besoin

Si vous avez besoin d'aide pour configurer, personnaliser, intégrer ou résoudre un problème avec votre widget, l'équipe d'assistance de Jotform est disponible 24h/24 et 7j/7. Bénéficiez d'une assistance à tout moment, dès que vous en avez besoin.

Où utiliser votre widget Écran squelette

Utilisez un écran squelette partout où les visiteurs ont besoin d’un retour visuel immédiat pendant le chargement de contenus volumineux.

Pages produit pour rendre le chargement des galeries d’images, des descriptions et des prix plus fluide grâce à des états de chargement adaptés.

Blogs et plateformes de contenu pour afficher des éléments temporaires lorsque les miniatures des articles, les titres, les extraits et les noms des auteurs se chargent à des vitesses différentes.

Pages de portfolio et de galerie pour afficher des éléments temporaires à la place des images des cartes, ainsi que des titres ou libellés correspondants, pendant le chargement.

Pages de destination pour afficher des éléments squelettes pour les images principales et les témoignages afin d’offrir une expérience de chargement plus soignée.

Pages enrichies en contenu multimédia pour éviter les espaces vides pendant le chargement de grandes images ou de contenus intégrés.

Sites web soucieux de leur identité visuelle pour afficher des éléments temporaires avec une couleur uniforme afin de conserver une expérience visuelle cohérente pendant le chargement.

Transformez vos prospects en clients grâce au Générateur de formulaires Jotform

Transformez l'engagement en action grâce à Jotform. Créez des formulaires performants capables de collecter des prospects, d'encaisser des paiements et d'automatiser les réponses, le tout depuis un seul et même endroit. Chaque soumission est transférée dans votre Boîte de réception Jotform, d'où vous pouvez assurer le suivi ou l'intégrer à vos applications préférées.

Commencez : c'est gratuit !
Convert leads into customers

FAQ

  • Qu’est-ce que le widget Écran squelette ?

    Le widget Écran squelette affiche des éléments temporaires qui reprennent la forme des cartes contenant des images pendant le chargement de celles-ci et des textes associés.

  • Le widget détecte-t-il les éléments automatiquement ?

  • Puis-je choisir les éléments pour lesquels afficher un écran squelette ?

  • Puis-je personnaliser l’animation de chargement ?

  • Puis-je adapter la couleur des éléments squelettes à mon site web ?

  • L’écran squelette fonctionne-t-il sur mobile ?

  • Dois-je coder ?