L'éditeur est en anglais pour le moment. Sans carte bancaire.
Essayez l'éditeur, sans inscription
Choisissez un modèle, personnalisez-le et voyez le résultat se mettre à jour en direct, sans inscription. L'éditeur est en anglais pour le moment.
Sans carte bancaire · Offre gratuite à vie
Sans carte bancaire · Offre gratuite à vie
Le widget Cartes retournables (flip cards) de Common Ninja est un widget gratuit et sans code qui ajoute à votre site des grilles de cartes interactives. Les cartes se retournent au survol ou au toucher pour révéler un verso avec plus de détails.
Concevez le recto et le verso de chaque carte (texte, image, icône, bouton), choisissez une animation de retournement (horizontale, verticale, rotation 3D), configurez la grille, personnalisez le design avec des thèmes ou du CSS personnalisé, ajoutez si vous le souhaitez des notes en étoiles ou des icônes à chaque carte, puis collez une ligne de code d'intégration sur Canva, Squarespace, WordPress, Wix, Shopify, Webflow et plus de 200 autres plateformes.
Utilisez les cartes retournables pour comparer des produits (prix au verso), présenter votre équipe (bio au verso), afficher un catalogue de services (détails au survol), des aperçus de FAQ, des termes de glossaire ou des aperçus de modules de cours. Bref, chaque fois que vous voulez faire tenir plus d'informations dans le même espace visuel.
Une grille de produits statique montre les mêmes informations à tous les visiteurs en même temps. Les cartes retournables révèlent des détails supplémentaires (prix, caractéristiques, description plus longue, bouton d'action) uniquement quand le visiteur montre son intérêt en survolant ou en touchant la carte. La page reste épurée au premier affichage, et la profondeur apparaît à la demande.
Les éléments interactifs augmentent l'engagement et montrent aux visiteurs que la page est vivante, mais les animations JavaScript lourdes ralentissent les pages. Les cartes retournables utilisent des transformations CSS 3D (accélérées par le GPU) et s'animent donc avec fluidité sans surcharger le navigateur. Les visiteurs profitent de l'interactivité, et vos Core Web Vitals restent au vert.
Cartes de comparaison de produits (prix au verso), cartes d'équipe (bio au verso), catalogues de services (détails au survol), aperçus de FAQ, termes de glossaire, aperçus de modules de cours, aperçus d'offres tarifaires, vignettes de portfolio avec les détails de l'étude de cas. Un seul widget pour tous les usages. Définissez le recto et le verso, choisissez l'animation, intégrez.
Le survol n'existe pas sur les écrans tactiles. Sur mobile, le widget remplace le survol par un toucher : le premier toucher retourne la carte, le second active le bouton d'action du verso (ou retourne la carte). L'expérience reste cohérente quel que soit le mode de saisie, sans casser le parcours de clic.
Ajoutez le contenu du recto (un titre, une icône, une image, une courte accroche) et celui du verso (détails supplémentaires, texte plus long, bouton d'action, prix, coordonnées). Chaque carte a son propre recto et son propre verso, vous pouvez donc mélanger cartes produits, cartes d'équipe et cartes de services dans la même grille.
Choisissez une grille (2 colonnes, 3 colonnes, 4 colonnes, ajustement automatique responsive) et une animation de retournement (horizontale, verticale, rotation 3D, fondu). Configurez le déclencheur (survol sur ordinateur, toucher sur mobile), ajoutez des notes en étoiles si votre usage s'y prête, puis choisissez un thème dans la bibliothèque ou ajoutez du CSS personnalisé pour coller à votre marque au pixel près.
Copiez la ligne de code d'intégration et collez-la sur Canva, Squarespace, WordPress, Wix, Shopify, Webflow ou l'une des plus de 200 plateformes compatibles. La grille s'affiche directement dans la page, et les cartes se retournent quand le visiteur interagit. Les modifications faites dans l'éditeur Common Ninja s'appliquent à chaque intégration, sans recoller le code.
2 colonnes, 3 colonnes, 4 colonnes, ajustement automatique responsive. Chaque mise en page se réorganise sur mobile, tablette et ordinateur. Changez de mise en page dans l'éditeur sans ressaisir le contenu des cartes.
Retournement horizontal (la carte pivote de gauche à droite), retournement vertical (la carte pivote de haut en bas), rotation 3D (la carte tourne dans l'espace), fondu (le verso apparaît en fondu par-dessus le recto, sans retournement). Chaque animation a une vitesse et un easing réglables.
Choisissez une icône dans la bibliothèque pour ancrer le recto de chaque carte. Pratique pour les catalogues de services, les grilles de fonctionnalités et les vues d'ensemble par catégorie. Les icônes gardent la même taille d'une carte à l'autre pour une grille symétrique ; associez-les à des cartes en texte seul pour plus de variété.
Choisissez dans une bibliothèque de thèmes prêts à l'emploi (minimaliste, couleurs vives de marque, ombre douce, sombre et luxueux, effet verre) pour un rendu rapide. Ajoutez du CSS personnalisé pour contrôler au pixel près la taille des cartes, l'arrondi des bordures, la profondeur des ombres, l'easing de l'animation et le style du recto et du verso de chaque carte.
Le widget Cartes retournables propose six mises en page différentes, adaptées à tous les designs : petites images et texte plus grand, images sur le côté, en cercle, en carré, et plus encore !
Le widget Cartes retournables est livré avec une variété de beaux thèmes parmi lesquels choisir, pour ne pas passer beaucoup de temps à le personnaliser en profondeur.
Le widget Cartes retournables offre de nombreuses options de personnalisation pour adapter le design à vos besoins. Changez les couleurs, les polices, les espacements et tout le reste !
Le widget Cartes retournables est entièrement responsive et s'affiche parfaitement sur tous les appareils. Dans un monde où le mobile passe en premier, cette fonctionnalité vous donne une longueur d'avance sur vos concurrents.
Comme pour tous les widgets Common Ninja, vous pouvez ajouter du CSS personnalisé pour adapter le widget Cartes retournables et laisser libre cours à votre créativité.
Intégrez facilement le widget Cartes retournables à votre site en copiant une seule ligne de code. Le widget se met aussi à jour automatiquement à chaque modification.
Le widget Cartes retournables vous permet d'ajouter à vos cartes des icônes de notation en étoiles personnalisables. Utilisez cet élément visuel pour donner une information utile ou orienter vos utilisateurs vers le produit ou le service que vous voulez le plus leur faire essayer.
Le widget Cartes retournables permet d'ajouter des icônes à la place des images et propose un large choix d'icônes à utiliser.
Comme il se doit pour une carte retournable, le widget offre une animation de retournement fluide qui rend votre page plus interactive, plus vivante, moins statique et moins ennuyeuse.
Le widget Cartes retournables est simple à utiliser et ne demande aucune compétence en programmation. Notre tableau de bord intuitif avec glisser-déposer vous permet de personnaliser le widget comme vous le souhaitez, en quelques clics.
Donnez de la profondeur à vos grilles de cartes
Ouvrir l'éditeurSans carte bancaire · Installation en moins de 5 minutes
Common Ninja propose d'excellents widgets sans code qui embellissent un site créé avec n'importe quel constructeur. C'est très simple à utiliser et à personnaliser. Il y a des widgets pour presque tous ceux qui veulent rendre leur site impressionnant.
Traduit de l'anglais
Service exceptionnel. J'utilise leurs widgets pour mon activité de conception web, et chaque fois que j'ai besoin d'aide, ils sont très rapides.
Traduit de l'anglais
Excellente entreprise, excellent service !!! Nous l'avons utilisé pour créer un sondage, c'était très simple à utiliser. Le service était parfait. Amit nous a aidés pour chaque problème et chaque question, merci beaucoup !!!
Traduit de l'anglais
Common Ninja nous a sauvés lors de la création de notre site, et le service client assuré par Daniel, cofondateur et PDG, a été formidable.
Traduit de l'anglais
Oui. L'offre gratuite couvre un widget Cartes retournables, sans limite de durée et sans carte bancaire. Passez à une offre supérieure uniquement si vous avez besoin de widgets supplémentaires, de plus de cartes par grille, de thèmes premium, d'animations avancées ou de fonctionnalités comme les statistiques par carte et l'affichage conditionnel.
Des cartes de comparaison de produits (prix et détails au verso), des cartes d'équipe (photo et nom au recto, bio au verso), des catalogues de services (icône et catégorie au recto, description complète et bouton d'action au verso), des aperçus de FAQ (question au recto, réponse courte au verso), des termes de glossaire, des aperçus de modules de cours, des aperçus d'offres tarifaires. Partout où vous voulez faire tenir plus d'informations dans le même espace visuel.
Retournement horizontal (la carte pivote sur un axe vertical, comme une carte à jouer), retournement vertical (la carte pivote sur un axe horizontal), rotation 3D (rotation complète dans l'espace, effet plus spectaculaire), fondu (le contenu du verso apparaît en fondu par-dessus le recto, sans retournement). Chaque animation a une vitesse réglable (rapide pour les marques dynamiques, lente et posée pour les marques premium) et une courbe d'easing réglable.
Le survol n'existe pas sur les écrans tactiles. Le widget remplace le survol par un toucher : le premier toucher retourne la carte vers le verso, le second active le bouton d'action du verso (ou ramène la carte au recto). L'expérience reste cohérente quel que soit le mode de saisie, sans casser le parcours de clic ni exiger de configuration mobile séparée.
Oui. Chaque carte accepte des icônes (de la bibliothèque intégrée) et des images personnalisées. Utilisez des icônes pour les catalogues de services et les grilles de fonctionnalités, où la cohérence visuelle compte ; utilisez des images pour les cartes d'équipe, les cartes de portfolio et tout contexte où une photo porte le message du recto. Mélangez icônes et images dans la même grille si votre usage le demande.
Non. Les animations utilisent des transformations CSS 3D (accélérées par le GPU), qui tournent avec fluidité sans solliciter le processeur. Le script du widget se charge de façon asynchrone et ne bloque donc pas le premier affichage. Les images et les icônes se chargent à la demande (lazy loading). Vos indicateurs Largest Contentful Paint et Cumulative Layout Shift restent bons dans les Core Web Vitals.
Créez le widget dans l'éditeur Common Ninja (concevez le recto et le verso de chaque carte, choisissez la mise en page et l'animation), copiez le code d'intégration et collez-le sur votre site : sur Canva via l'app Embed du panneau Apps ; sur Squarespace via un Code Block dans votre section ; sur WordPress via un bloc Custom HTML (Gutenberg) ou un widget Shortcode/Text (éditeur classique). Les modifications faites dans l'éditeur s'appliquent à chaque intégration, sans recoller le code.
Oui. Les grilles (2 colonnes, 3 colonnes, 4 colonnes, ajustement automatique) s'adaptent au mobile, à la tablette et à l'ordinateur. Sur les écrans étroits, les cartes passent sur une seule colonne, le toucher remplace le survol, et le contenu s'ajuste pour que le recto et le verso restent lisibles sur tous les écrans.
Choisissez votre plateforme. Chacune prend moins de 4 minutes.
Present images and text with a variety of animated effects and transitions for an engaging visual display
Affiche des données ou des fonctionnalités côte à côte, pour comparer facilement les informations.
Présentez les témoignages de vos clients dans un slider rotatif.
Présente des images qui tournent ou défilent
Affiche les offres tarifaires de vos produits ou services de façon claire et organisée.
Créez facilement des popups attrayantes et personnalisées pour augmenter vos conversions.
Oui, vous pouvez choisir parmi un large choix de thèmes pour commencer à utiliser le widget rapidement.
Oui, c'est facile depuis l'onglet Templates. Six modèles sont disponibles. Ils s'adaptent à toutes vos exigences de design.
Le widget Cartes retournables est très simple à utiliser. Inscrivez-vous et commencez avec la version gratuite. Pas besoin de vous soucier d'une installation ou d'une configuration compliquée, car le widget est conçu pour être simple et convivial. Une fois inscrit, vous avez accès à toutes les fonctionnalités de base du widget, que vous pouvez utiliser pour enrichir votre site et améliorer votre présence en ligne. Ensuite, vous pouvez passer à la version payante si vous souhaitez accéder à des fonctionnalités plus avancées. Quelle que soit la version choisie, le widget est un outil puissant et facile à utiliser qui peut faire passer votre présence en ligne au niveau supérieur.
Le widget Cartes retournables de Common Ninja est un outil gratuit riche en fonctionnalités et en options. Ce widget est gratuit, mais il comporte une limite du nombre de vues qu'il peut gérer. Cela signifie qu'au-delà d'un certain nombre de vues, le widget peut ne plus être visible ou fonctionnel sur votre site. Notez que cette limite de vues peut varier selon l'offre que vous utilisez. Malgré cette limite, le widget Cartes retournables de Common Ninja reste un outil précieux pour les entreprises qui veulent renforcer l'engagement de leurs clients et améliorer l'expérience utilisateur globale de leur site.
Le widget Cartes retournables de Common Ninja est un outil polyvalent, compatible avec tous les créateurs de sites. Vous pouvez donc facilement ajouter ce widget à votre site ou à votre boutique, quelle que soit la plateforme utilisée pour créer votre site. Le widget Cartes retournables fonctionne parfaitement avec votre plateforme, que vous utilisiez un créateur de site populaire ou une solution plus spécialisée. Vous profitez ainsi de tous les avantages de cet outil puissant sans vous soucier des problèmes de compatibilité.
Oui. Le widget Cartes retournables peut être utilisé de manière conforme au RGPD. La collecte d'informations sur les visiteurs est toujours facultative (opt-in) : elle reste désactivée tant que vous ne l'activez pas dans les paramètres du widget, et vous décidez de ce qui est collecté. En tant que propriétaire du site, vous restez responsable de l'usage que vous faites des données de vos visiteurs.
Aucune compétence en programmation n'est nécessaire. Notre widget Cartes retournables est conçu pour être simple à utiliser, même avec peu d'expérience technique. Le widget dispose d'une interface conviviale qui vous permet de le personnaliser facilement sans connaissances en code. Vous pouvez adapter entièrement les cartes retournables à votre image de marque. Une fois terminé, copiez simplement le code fourni et collez-le sur votre site. C'est aussi simple que ça !
Avec plaisir. Nous sommes impatients de connaître votre suggestion. Rendez-vous sur notre page de suggestions de fonctionnalités (en anglais).
Intégrer le widget Cartes retournables à votre site est très simple. Copiez le code fourni et collez-le à l'endroit voulu sur votre site. Le widget s'intègre parfaitement à votre site, et vous profitez de toutes ses fonctionnalités. Aucune expertise technique ni connaissance en programmation n'est requise : copiez et collez le code pour commencer. Ce processus simple vous permet d'ajouter facilement le widget à votre site et d'en enrichir les fonctionnalités, sans aucune difficulté.
Faites tenir plus d'informations dans le même espace avec des grilles de cartes retournables : recto et verso conçus pour chaque carte, animations horizontale, verticale, rotation 3D ou fondu, plusieurs mises en page, bibliothèque d'icônes, thèmes élégants et CSS personnalisé. Intégration sur plus de 200 plateformes, dont Canva, Squarespace, WordPress, Wix, Shopify et Webflow.
Créez vos cartes retournablesSans carte bancaire · Installation en moins de 5 minutes
