Comment créer des bannières promotionnelles périodiques en utilisant Divi

En mettant à jour les options conditionnelles de Divi, vous pouvez mieux contrôler l’apparence du contenu que jamais auparavant. Vous pouvez ajouter des critères aux sections, lignes et formulaires pour afficher le contenu seulement si les critères définis sont remplis. Aujourd’hui, nous vous montrerons comment utiliser les conditions de date et d’heure de Divi pour ajouter des bannières promotionnelles récurrentes à votre site. De cette façon, vous pouvez le configurer et l’oublier, mais vos clients et clients s’en souviendront constamment. Allons – y! Comment créer des bannières promotionnelles périodiques votre première étape consiste à décider sur quelles pages afficher des bannières promotionnelles périodiques. Par exemple, nous utiliserons une page qui a chargé le paquet de mise en page pizzeria maison que vous pouvez trouver dans Divi Builder. Pour utiliser l’une des mises en page par défaut, sélectionnez l’icône violet + dans Divi Builder et trouvez la mise en page souhaitée. Ces étapes peuvent être suivies indépendamment de la disposition utilisée. Ajoutez une nouvelle section parce que cette bannière n’apparaît que parfois et que vous ne voulez pas l’ajouter à un projet existant sur la page. Pour ce faire, vous avez besoin d’une nouvelle section. Cliquez sur l’icône bleu + pour ajouter une nouvelle section à la page. Sélectionnez le type de section générale dans la fenêtre ouverte. Cette section sera votre bannière régulière. De même, vous voulez que la bannière ait n’importe quelle disposition, mais dans ce cas, nous utilisons une disposition à trois colonnes avec la plus grande colonne centrale. Il s’agit d’une bannière promotionnelle, donc vous devez prendre le temps de la rendre attrayante. Nous mettrons l’arrière – plan en couleurs uniques, utiliserons quelques caractères évidents et soulignerons comment les clients peuvent bénéficier de l’offre. Sélectionnez d’abord la couleur de fond, allez dans la section paramètres, puis dans l’onglet contenu, arrière – plan
– Oui. Nous utilisons la couleur # b23f19 comme arrière – plan. Ajuster l’espacement des lignes lorsque vous enregistrez l’espacement des lignes, allez aux paramètres des lignes. À partir de là, cliquez sur l’onglet conception et redimensionnez les options. Réglez la largeur maximale et la largeur à 100%. Ceci étend le bord vert de la ligne au bord de la fenêtre. Ajoutez et modélisez le module bouton, puis cliquez sur la troisième colonne et utilisez l’icône + noir pour ajouter le module bouton. Ensuite, cliquez sur les paramètres du bouton et Ajustez l’URL du lien du bouton dans l’onglet contenu. C’est l’endroit où les clients peuvent échanger régulièrement contre n’importe quelle de vos promotions. Ensuite, allez dans l’onglet conception et sélectionnez utiliser des styles personnalisés pour les boutons. Vos spécifications peuvent être différentes, mais pour cet article, nous voulons que le texte utilise le même # b23f19 que l’arrière – plan ci – dessus, donc nous définissons la couleur de l’arrière – plan en blanc. Ajouter du texte à d’autres colonnes les deux autres colonnes de conception seront du texte promotionnel pour les bannières dupliquées, et pour ce faire, vous n’avez qu’à utiliser le format de texte standard. Dans la première colonne, vous ajoutez le texte du titre indiquant le nom de la promotion. Dans ce cas, Pizza Friday. Puis allez à l’onglet conception. Pour ce design particulier, nous choisissons le script Eudora comme police de titre, le poids de police en gras, 3rem comme taille de texte, et la couleur de texte blanche comme centre. Dans la colonne du milieu, répétez la même procédure en n’utilisant que le texte normal comme contenu. Donc, réglez les paramètres, comme ci – dessus. Dans cet exemple, nous choisissons Poppins comme caractère de corps pour le texte avec une taille de police de 1,5 rem, mais nous définissons d’autres caractères comme texte promotionnel. Maintenant nous avons des bannières publicitaires,
Les meurtres répétés sont terminés. Maintenant que vous l’avez mis en place, vous pouvez l’oublier. C’est simple! En utilisant les options conditionnelles de Divi, vous pouvez créer des bannières promotionnelles qui réapparaissent et votre site Web ne sera affiché que dans plusieurs situations de votre choix. Il ne s’agit pas seulement de la date et de l’heure, comme dans cet exemple. Il peut être aussi robuste que possible parce que les options conditionnelles permettent une logique imbriquée. Mais pour les bannières promotionnelles qui se répètent, consultez la section en haut du site de correction, puis utilisez l’option conditions de Divi pour voir à quel point il est facile de ne voir qu’un jour par semaine. Une fois réglé, si vous ne voulez plus le toucher, vous n’avez plus besoin de le toucher.
Quelles promotions utiliserez – vous pour les options conditionnelles et les bannières récurrentes de Divi? Photos en vedette de killroy79 article \/ shutterstock. Com