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 Carrousel d'images de Common Ninja est un slider d'images rotatif, gratuit et sans code, pour n'importe quel site.
Créez des bannières rotatives pour la page d'accueil, des vitrines de portfolio, des carrousels d'images produit et des mises en avant éditoriales pour votre blog.
Choisissez parmi plusieurs mises en page de carrousel, réglez la vitesse de défilement et la durée de chaque slide, personnalisez les flèches et les points de pagination, définissez la taille des images (petite, grande, verticale ou horizontale) et collez une ligne de code d'intégration sur plus de 200 plateformes, dont Canva, Notion, Google Sites, Carrd et Wix.
Placez deux à cinq images principales dans un carrousel, réglez une lecture automatique lente, et la bannière de votre page d'accueil attire plus l'attention qu'une seule image statique. Chaque slide peut porter son propre sujet, sa saison ou sa campagne, sans reconstruire toute la section d'en-tête.
Photographes, designers, illustrateurs, architectes et agences utilisent les carrousels pour faire défiler leurs réalisations phares dans un bandeau compact et facile à parcourir. Les visiteurs qui arrivent sur la page perçoivent l'étendue et la profondeur de votre travail en quelques secondes, au lieu de faire défiler un mur de miniatures.
Montrez plusieurs angles du produit, des photos en situation et des gros plans de détails dans un seul bloc de carrousel. Les visiteurs qui peuvent faire défiler les angles avant de cliquer sur « Ajouter au panier » convertissent mieux que ceux qui ne voient qu'une seule image principale.
Les pages éditoriales gagnent à s'ouvrir sur plusieurs images. Comptes rendus de conférences, études de cas de projets, articles sur l'avant et l'après d'un processus et récapitulatifs d'événements se lisent mieux avec un carrousel en haut de page qu'avec une seule image principale suivie d'illustrations dans le texte.
Déposez vos images directement dans l'éditeur ou collez des URL depuis votre bibliothèque de fichiers. Définissez la taille des images du carrousel (petite, grande, verticale ou horizontale) pour que la mise en page corresponde aux proportions des photos dont vous disposez réellement.
Choisissez parmi plusieurs mises en page de carrousel dans la bibliothèque de l'éditeur. Réglez la vitesse de défilement, la durée de chaque slide, la lecture automatique et l'affichage ou non des flèches et des points de pagination. Le carrousel respecte chacun de vos réglages : vos visiteurs voient exactement la lecture que vous avez conçue.
Ajustez les couleurs, les polices, les espacements et, si vous le souhaitez, le CSS personnalisé. Copiez le code d'intégration et collez-le à l'endroit où le carrousel doit s'afficher. Une fois le carrousel intégré, chaque modification faite dans le tableau de bord s'applique automatiquement au prochain chargement de la page.
Choisissez dans l'éditeur parmi une bibliothèque de mises en page, avec des formats, des cadrages de slide et des positions de légende différents. Passez de l'une à l'autre pour tester ce qui convient à votre page : les mêmes images s'adaptent à la mise en page choisie.
Définissez la rapidité de la transition entre les slides et le temps d'affichage de chacune avant la suivante. Adaptez le rythme au type d'attention que demande la page : une bannière rotative appelle un rythme lent et posé, un carrousel de produits un rythme plus rapide, facile à faire défiler.
Affichez ou masquez les flèches gauche/droite et les points de pagination. Les visiteurs qui veulent contrôler le rythme disposent des commandes, ceux qui préfèrent simplement regarder profitent de la lecture automatique. Adaptez le style des flèches et des points aux couleurs de votre marque et au reste de la mise en page.
Définissez la taille des slides (petite, grande, verticale ou horizontale) pour que le carrousel respecte les proportions de vos photos. Photos de portfolio en portrait, images produit carrées et en-têtes panoramiques obtiennent chacune une taille adaptée, sans recadrage.
Le widget vous permet de changer la taille des images du carrousel (petite, grande, verticale ou horizontale) pour l'adapter à vos besoins précis. Le widget permet aussi d'ajouter une légende à chaque image, pour donner plus d'informations et guider les visiteurs vers d'autres pages de votre site. Le carrousel permet également de naviguer facilement d'une image à l'autre, ce qui le rend convivial et interactif.
Le widget Carrousel d'images offre des options de personnalisation complètes pour adapter parfaitement le design à vos besoins. Vous pouvez changer les couleurs, les polices, les espacements et bien d'autres éléments de design pour créer un rendu sur mesure, adapté à vos exigences.
Le widget Carrousel d'images est entièrement responsive et s'affiche parfaitement sur tous les appareils, ce qui peut vous donner un net avantage sur vos concurrents dans un monde où le mobile passe en premier. Comme de plus en plus de personnes naviguent sur Internet depuis leur smartphone ou leur tablette, votre site doit être optimisé pour le mobile.
Comme tous les widgets Common Ninja, le widget Carrousel d'images permet d'ajouter du CSS personnalisé pour pousser la personnalisation plus loin et laisser libre cours à votre créativité. Le CSS personnalisé vous permet de créer des styles et des éléments de design qui ne sont pas disponibles dans les options de personnalisation intégrées.
Intégrer le widget Carrousel d'images à votre site est simple : copiez une seule ligne de code et collez-la dans le HTML de votre page. Vous ajoutez ainsi le widget à votre site rapidement, sans configuration ni installation compliquée. Une fois intégré, le widget se met à jour automatiquement à chaque modification, sans que vous ayez à le mettre à jour vous-même. Vous gagnez du temps et des efforts, et votre carrousel d'images est toujours à jour et exact.
Changez le type de flèches du slider Carrousel d'images et les icônes de pagination affichées en dessous pour personnaliser davantage le widget et l'adapter à votre design.
Le widget Carrousel d'images vous permet de régler la vitesse de défilement des images et le temps d'affichage de chacune. Utilisez ces options pour adapter l'expérience de vos utilisateurs.
Le widget Carrousel d'images propose plusieurs mises en page au choix, pour s'accorder avec le design et le style général de votre site.
Le widget Carrousel d'images 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.
Prêt à lancer votre carrousel d'images ?
Ouvrir l'éditeurSans carte bancaire · Configuration en moins de 5 minutes
Common Ninja propose d'excellents widgets sans code qui embellissent un site, quel que soit le créateur de site utilisé. C'est très facile à utiliser et à personnaliser. Il y a des widgets pour presque tous ceux qui veulent rendre leur site impressionnant.
Traduit de l'anglais
Un service remarquable. J'utilise leurs widgets pour mon activité de conception web, et chaque fois que j'ai besoin d'aide, ils réagissent très vite.
Traduit de l'anglais
Excellente entreprise avec un excellent service !!! Nous l'avons utilisé pour créer un sondage, c'était très simple à utiliser. Le service était parfait.
Traduit de l'anglais
Common Ninja nous a sauvé la mise 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 comprend un widget Carrousel d'images, sans limite de durée, sans carte bancaire et sans période d'essai. Importez vos images, choisissez une mise en page, réglez la vitesse de défilement et intégrez le carrousel sur autant de plateformes que vous le souhaitez. Passez à une offre payante seulement si vous avez besoin de widgets supplémentaires, de thèmes premium ou de limites de vues mensuelles plus élevées.
À faire défiler des images. Ce widget fait tourner une série d'images (comme une bannière de page d'accueil ou une vitrine de produits) avec des flèches, des points de pagination et une lecture automatique. Pour un slider de comparaison avant/après (on fait glisser une poignée pour révéler une image par-dessus une autre), utilisez plutôt le widget Slider avant/après de Common Ninja, conçu spécialement pour cette interaction.
La plupart des clients de messagerie (Gmail, Outlook, Apple Mail) bloquent les scripts externes et les iframes pour des raisons de sécurité : le carrousel ne s'affichera donc pas comme un widget interactif dans le corps d'un e-mail. Il fonctionne comme prévu sur une landing page créée dans un outil marketing, y compris les pages créées avec Mailchimp Website Builder, les landing pages Constant Contact et les landing pages MailerLite. Pour faire vraiment défiler des images dans un e-mail, il vous faut généralement un GIF animé.
Un carrousel d'images fait défiler une ou deux images à la fois dans un cadre fixe, piloté par des flèches, des points ou la lecture automatique. Une galerie d'images affiche plusieurs images en même temps dans une grille statique que les visiteurs parcourent en faisant défiler la page. Choisissez un carrousel pour concentrer l'attention sur une image à la fois, et une galerie pour que les visiteurs voient tout d'un coup d'œil. Les deux widgets répondent à des besoins différents.
Copiez le lien d'intégration Common Ninja depuis le tableau de bord. Dans Google Sites, ouvrez la page où vous voulez placer le carrousel, cliquez sur Insert dans le panneau de droite, puis choisissez Embed. Collez le lien d'intégration, cliquez sur Insert et redimensionnez le bloc intégré. Le carrousel fonctionne de manière interactive sur l'URL Google Sites publiée et se met à jour chaque fois que vous le modifiez dans le tableau de bord.
Copiez le lien d'intégration Common Ninja depuis le tableau de bord. Dans Notion, collez le lien sur la page où vous voulez placer le carrousel et choisissez Create Embed dans le menu qui s'affiche. Redimensionnez le bloc intégré. Le carrousel s'affiche directement dans la page (y compris sur une page Notion partagée publiquement) et respecte chaque réglage de mise en page et de vitesse que vous avez configuré.
Ouvrez votre design de site Canva et cliquez sur Apps dans la barre latérale gauche, puis recherchez Embed. Collez le lien d'intégration Common Ninja dans l'application Embed et cliquez sur le bloc qui apparaît. Placez le carrousel dans votre design et publiez le site. Le carrousel fonctionne de manière interactive sur l'URL Canva publiée, avec toutes les commandes de lecture automatique et de flèches.
Oui. L'éditeur propose la vitesse de défilement (la rapidité de la transition entre les slides), la durée par slide (le temps d'affichage avant la suivante), l'activation ou non de la lecture automatique, et l'affichage ou non des flèches et de la pagination. Réglez chacun selon la page : une bannière rotative lente demande une longue durée d'affichage, un carrousel de produits rapide demande un rythme vif et des flèches visibles pour que les visiteurs puissent faire défiler les angles.
Plus de 200 plateformes, dont Canva, Notion, Google Sites, Carrd, Wix, Squarespace, Webflow, WordPress, Elementor, Shopify, Hostinger, GoDaddy, Mailchimp Website Builder, Constant Contact, Framer, Bubble et toute page HTML personnalisée qui accepte un code d'intégration.
Choisissez votre plateforme. Chacune prend moins de 4 minutes.
Affiche images et légendes dans des mises en page et des grilles variées, pour présenter joliment de nombreuses images.
Un slider simple qui permet aux visiteurs de comparer des images avant et après pour voir clairement les changements visuels.
Ajoutez sur vos images des zones interactives qui révèlent des informations supplémentaires au clic ou au survol.
Présente des vidéos de différentes sources dans une variété de mises en page et de grilles attrayantes.
Affiche plusieurs logos qui défilent ou tournent.
Présentez les témoignages de vos clients dans un slider rotatif.
Oui, c'est très simple depuis l'onglet « Templates ».
C'est simple. Il vous suffit de créer un compte et de commencer avec la version gratuite.
Le widget Carrousel d'images 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 carrousel d'images 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 Carrousel d'images de Common Ninja est un outil polyvalent, compatible avec tous les créateurs de sites. Vous pouvez donc facilement ajouter ce widget à votre site, quelle que soit la plateforme utilisée pour le créer. Que vous utilisiez un créateur de site populaire ou une solution plus spécialisée, le widget Carrousel d'images fonctionne parfaitement avec votre plateforme. Vous profitez ainsi de tous les avantages de cet outil puissant sans vous soucier des problèmes de compatibilité. Si vous voulez présenter vos images dans un carrousel rotatif et faire passer votre site au niveau supérieur, le widget Carrousel d'images de Common Ninja est un excellent choix.
Oui. Le widget Carrousel d'images 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.
Notre widget Carrousel d'images est conçu pour être facile à utiliser, même avec peu d'expérience technique. Son interface glisser-déposer vous permet d'ajouter facilement des images à votre carrousel sans connaissances en code. Vous pouvez entièrement personnaliser le carrousel d'images pour l'accorder à votre marque, y compris la taille, la couleur et la forme. Une fois terminé, copiez le code fourni et collez-le sur votre site.
Avec plaisir. Nous avons hâte de découvrir votre suggestion. Rendez-vous sur notre page de suggestions de fonctionnalités (en anglais).
Un widget de carrousel d'images est un élément d'interface qui affiche plusieurs images en les faisant tourner ou défiler. On l'utilise souvent sur les sites pour présenter une série d'images, comme des photos de produits, des images de galerie ou des images mises en avant. Les images s'affichent généralement en boucle, on navigue de l'une à l'autre avec des flèches ou des points, et il est souvent possible de cliquer sur une image pour l'afficher en plus grand.
Le widget de carrousel d'images est un outil utile pour mettre en avant plusieurs images dans un espace limité et peut renforcer l'attrait visuel d'un site.
Un carrousel d'images peut servir à de nombreux usages sur un site. Voici quelques usages courants :
Ajouter un carrousel d'images à votre site présente plusieurs avantages :
Un slider d'images rotatif avec plusieurs mises en page, une vitesse de défilement réglable, des flèches, des points de pagination et des tailles de slide personnalisées. Fonctionne sur plus de 200 plateformes, dont Canva, Notion, Google Sites, Carrd et Wix.
Créez votre carrouselSans carte bancaire · Configuration en moins de 5 minutes
