Widgets de site web

Widget de carte produit pour votre site web

Créez une grille de cartes produit responsive pour les offres, les lancements, les guides cadeaux et les collections phares. Ajoutez des images de produits, des noms, des descriptions, des prix, des anciens prix, des badges promo et des boutons CTA, puis personnalisez les cartes sans code.

Comment créer un widget Fiches produits

Add product cards

Ajoutez des cartes produit

Saisissez les noms des produits, les images, les descriptions, les prix, les anciens prix, les badges promo, le texte des CTA et les liens des produits pour un maximum de six produits.

Customize the layout

Personnalisez la mise en page

Choisissez le mode grille ou carrousel, définissez les colonnes pour ordinateur, ajustez le ratio des images et l'espacement, et contrôlez la visibilité sur ordinateur ou mobile.

Embed it on your website

Intégrez-le à votre site web

Prévisualisez les cartes produit, enregistrez votre widget et copiez le code d'intégration généré pour votre boutique, votre page de destination ou votre blog.

Transformez les produits sélectionnés en une section de cartes claire et cliquable

Sélectionnez jusqu'à six produits

Composez manuellement un ensemble de produits ciblé avec des images, des URL de produits, des prix, des anciens prix, des descriptions et des badges. Utilisez-le pour les articles en promotion, les meilleures ventes, les nouveautés, les lots et les collections de campagne.

Curate up to six products

Personnalisez chaque détail des cartes

Choisissez le mode clair ou sombre, modifiez les couleurs de l'arrière-plan, du texte, des badges, des prix, des bordures et des boutons, ajustez l'arrondi des cartes et des images, ajoutez des ombres et utilisez un CSS personnalisé ciblé lorsque vous avez besoin de plus de contrôle.

Style every card detail

Adaptez la mise en page à chaque appareil

Définissez les colonnes de la grille, l'espacement des cartes, le ratio des images, la largeur du widget, la visibilité sur ordinateur et sur mobile pour que vos cartes produit restent lisibles sur les téléphones, les tablettes et les larges pages de boutique.

Adapt the layout for every device

Dirigez les acheteurs vers les pages produit

Chaque carte peut afficher un bouton CTA et ouvrir son lien produit dans un nouvel onglet, ce qui aide les visiteurs à passer d'une campagne, d'un guide ou d'une section de page à l'article qu'ils recherchent.

Send shoppers to product pages

Comment intégrer votre widget {Nom du widget} 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 de cartes produit

Utilisez le widget partout où un ensemble de produits concis et visuel peut aider les visiteurs à comparer les articles ou à accéder plus rapidement aux pages produit.

Sections de page d'accueil pour mettre en avant les nouveautés, les produits phares ou les offres du moment.

Pages de destination de campagne pour présenter une petite collection en promotion ou une gamme de lancement avec des liens directs vers les produits.

Guides cadeaux et articles de blog pour relier le contenu éditorial à des produits pertinents que les visiteurs peuvent acheter.

Pages de collection pour mettre en avant les meilleures ventes, les lots, les accessoires ou les offres à durée limitée.

Vitrines de petites entreprises qui ont besoin d'une grille de cartes produit sans développement front-end sur mesure.

Promotions saisonnières où les badges promo et les anciens prix aident les acheteurs à parcourir rapidement l'offre.

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 qu'un widget de cartes produit ?

    Un widget de cartes produit est une section de cartes responsive qui présente des produits sélectionnés avec des images, des descriptions, des prix, des anciens prix, des badges et des liens.

  • Combien de cartes produit puis-je afficher ?

  • Puis-je personnaliser le design ?

  • Chaque produit peut-il renvoyer vers une page produit ?

  • Fonctionne-t-il en mode grille et en mode carrousel ?

  • Fonctionne-t-il sur un appareil mobile ?

  • Ce widget analyse-t-il automatiquement les pages produit ?

  • Dois-je coder ?