Qu'il s'agisse du lancement d'un nouveau produit, d'une offre spéciale ou d'une promotion saisonnière, la manière dont elles sont présentées a un impact direct sur l'expérience de l'utilisateur et les taux de conversion.Elementor (utilisé comme expression nominale) Constructeur de boucles répondre en chantant Carrousel en boucle Ce composant offre aux commer?ants un outil puissant qui permet d'afficher de fa?on simple et créative des campagnes de marketing sur la page d'accueil.
Dans cet article, nous allons vous montrer comment créer rapidement des campagnes attrayantes avec Elementor et les présenter dans un magnifique format rotatif avec Loop Carousel.
Qu'est-ce que Loop Builder et Loop Carousel ?
Introduction à Loop Builder
Dans Elementor, l'élémentConstructeur de boucles est un puissant type de modèle con?u spécifiquement pour contr?ler l'apparence du contenu dupliqué. Il permet aux utilisateurs de personnaliser l'affichage des articles, des produits ou d'autres types de contenu personnalisé en fonction de leurs besoins. Avec Loop Builder, les marchands peuvent afficher dynamiquement les derniers produits, articles ou contenus spécifiques à une catégorie dans différentes zones de leur site web, telles que la page d'accueil ou la page d'archives.
![Image [1] - Comment présenter la campagne marketing d'une boutique en ligne avec le Loop Carousel d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424162558185-image.png)
Introduction au carrousel de boucles
Carrousel en boucle Loop Carousel est une autre fa?on d'afficher du contenu fournie par Elementor. Contrairement à la grille en boucle, le carrousel en boucle affiche le contenu dans un format à défilement horizontal, un élément à la fois, ce qui permet aux utilisateurs de faire défiler plusieurs éléments de contenu. Cette méthode est particulièrement utile pour afficher des campagnes, des produits ou des articles dans une disposition horizontale afin que les utilisateurs puissent rapidement naviguer et interagir avec eux.
![Image [2] - Comment présenter la campagne marketing d'une boutique en ligne avec le Loop Carousel d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424162653907-image.png)
Comment créer un affichage de campagne marketing avec Loop Builder
1. configuration de la grille de boucles
La première étape de la création et de la personnalisation d'un composant Loop dans Elementor consiste à choisir le bon type de modèle. Dans le cas d'une présentation de produit, par exemple, nous pouvons utiliser le modèle Grille de boucles peut-être Carrousel en boucle pour présenter des produits spécifiques.
Les étapes :
- commandant en chef (militaire) Grille de boucles Les widgets sont glissés et déposés sur la page.
![Image [3] - Comment présenter les campagnes marketing d'une boutique en ligne avec le Loop Carousel d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424154228941-image.png)
- Sélectionnez le type de modèle, par exemple "offres"ou"écrits"et sélectionnez un modèle prédéfini, ou cliquez sur le bouton Créer un modèle pour concevoir votre propre modèle.
![Image [4] - Comment présenter les campagnes marketing d'une boutique en ligne avec le Loop Carousel d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424154333809-image.png)
- Configurez les paramètres du conteneur et glissez-déposez les widgets dynamiques souhaités dans le modèle.
![Image [5] - Comment présenter la campagne marketing d'une boutique en ligne avec le Loop Carousel d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424155211404-image.png)
2. utilisation d'étiquettes dynamiques et de widgets personnalisés
Elementor fournit un ensemble riche d'étiquettes dynamiques et de widgets pour aider les utilisateurs à être plus flexibles dans l'affichage du contenu. Il est possible d'utiliser Flipbox Widgets pour afficher d'autres images de produits au passage de la souris. Grace aux balises dynamiques, différentes données dynamiques (par exemple, le nom du produit, le prix, etc.) peuvent être liées au modèle, ce qui permet de personnaliser davantage l'affichage de chaque produit.
![Image [6] - Comment présenter la campagne marketing d'une boutique en ligne avec le Loop Carousel d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424155135221-image.png)
3. réglage des boucles
- Nombre de colonnes et de postesVous pouvez régler le nombre de colonnes affichées et le nombre d'éléments affichés par page.
![Image [7] - Comment présenter la campagne marketing d'une boutique en ligne avec le Loop Carousel d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424155823111-image.png)
- Disposition de la ma?onnerieSi vous souhaitez que le contenu soit présenté sous la forme d'une cascade, vous pouvez activer l'option Grille de ma?onnerie Mise en page.
![Image [8] - Comment présenter les campagnes marketing d'une boutique en ligne avec le Loop Carousel d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424155848826-image.png)
- Filtrage du contenuLes critères d'interrogation : En définissant les critères d'interrogation, vous pouvez choisir d'afficher les produits de catégories ou d'étiquettes spécifiques, et même d'exclure les articles qui n'ont pas besoin d'être affichés.
![Image [9] - Comment présenter les campagnes d'une boutique en ligne avec le carrousel en boucle d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424155949970-image.png)
4. création de campagnes de marketing par affichage en boucle (Loop Carousel)
Si vous souhaitez afficher un produit ou une campagne de marketing dans un format rotatif, utilisez l'option Carrousel en boucle C'est un choix idéal.
Les étapes :
- commandant en chef (militaire) Carrousel en boucle Les widgets sont glissés et déposés sur la page.
![Image [10] - Comment présenter la campagne marketing d'une boutique en ligne avec le Loop Carousel d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424160113342-image.png)
- Choisissez d'utiliser un modèle de produit créé précédemment ou de personnaliser un nouveau modèle selon vos besoins.
![Image [11] - Comment présenter les campagnes d'une boutique en ligne avec le carrousel en boucle d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424160155158-image.png)
- existent Paramètres de la requête Dans la section "Afficher les produits", sélectionnez les derniers produits que vous souhaitez afficher et définissez le paramètre ordre décroissantpour s'assurer que les nouveaux produits sont présentés en premier.
![Image [12] - Comment présenter les campagnes d'une boutique en ligne avec le carrousel en boucle d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424160252754-image.png)
- Configurer les paramètres de navigation personnalisables avancer répondre en chantant revenir ou choisir de les masquer.
![Image [13] - Comment présenter les campagnes d'une boutique en ligne avec le carrousel en boucle d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424160339600-image.png)
- adapter Paramètres de radiomessagerie répondre en chantant Espacement des curseursdemander à qqn. de faire qqch.effet de rotationPlus en accord avec la mise en page.
![Image [14] - Comment présenter les campagnes d'une boutique en ligne avec le carrousel en boucle d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424160404655-image.png)
- Cliquez "type"Définissez l'intervalle de glissement et passez l'option Paramètres réactifs Assurer l'affichage sur différents appareils.
![Image [15] - Comment présenter les campagnes d'une boutique en ligne avec le carrousel en boucle d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424160536340-image.png)
5. personnaliser le contenu de la page d'atterrissage
Si vous souhaitez présenter plusieurs campagnes par le biais du carrousel en boucle, vous pouvez créer plusieurspage d'atterrissageChaque page correspond à un produit ou à une offre différente.
Les étapes :
- S'assurer qu'il a été Paramètres d'Elementor Activez "Landing Page" en tant que type d'article personnalisé.
![Image [16] - Comment présenter les campagnes d'une boutique en ligne avec le carrousel en boucle d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424160655100-image.png)
- Lors de la création d'une rotation, la rotation est créée par l'intermédiaire de la fonction Source de l'enquête Réglez-le sur "Page d'atterrissage" et choisissez ce que vous voulez afficher.
![Image [17] - Comment présenter les campagnes d'une boutique en ligne avec le carrousel en boucle d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424160823158-image.png)
- Cliquez "type"Pour que chaque campagne de marketing ait son propre style visuel indépendant et pour définir l'effet de prévisualisation approprié, il est possible de modifier l'affichage de la rotation, de définir l'image d'arrière-plan, la hauteur et le style d'affichage, etc.
![Image [18] - Comment présenter la campagne marketing d'une boutique en ligne avec le Loop Carousel d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424161125372-image.png)
Achèvement de la conception et lancement
Après avoir effectué la configuration ci-dessus, vous pouvez passer la commande Enregistrer et publier Les boutons appliquent la conception à la page elle-même. Les utilisateurs visitant le site pourront voir un rotateur de campagne de marketing esthétiquement agréable qui les incitera à cliquer et à participer à la promotion.
![Image [19] - Comment présenter la campagne marketing d'une boutique en ligne avec le Loop Carousel d'Elementor](http://gqxi.cn/wp-content/uploads/2025/04/20250424161404349-image.png)
remarques finales
Le Constructeur de boucles répondre en chantant Carrousel en boucleLe plus important, c'est que vous pouvez facilement afficher une gamme variée de campagnes de marketing dans votre boutique en ligne. Ces puissants outils de conception vous permettent de créer un contenu de page dynamique et réactif sans écrire de code, ce qui améliore l'expérience de l'utilisateur et génère davantage de ventes. Qu'il s'agisse de présenter les derniers produits ou de promouvoir des réductions à durée limitée, les composants Loop vous offrent une solution flexible et efficace.
Pour plus de tutoriels et d'informations sur WordPress, veuillez suivre les liens suivantsRéseau de fluctuation des photonsavec les tutoriels WordPress les plus complets et les plus actifs.Communauté d'échange WordPress.
Lien vers cet article :http://gqxi.cn/fr/51772L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires