L’élément se compose d’un module image, de deux modules texte et d’un module bouton. Je les remplacerai par un seul module. Si vous les utilisez comme files d’attente de conception, vous pouvez les supprimer ou les laisser en dernier. Vous pouvez travailler à l’avant ou à l’arrière. Ajouter des options de courriel au pied de page Divi en utilisant le formulaire Divi
Ensuite, nous ajouterons un courriel optin au pied de page de Divi. Passez le curseur sous le dernier module de la ligne et cliquez sur l’icône gris foncé. Recherchez le courriel et sélectionnez le formulaire options de courriel. Fermez les paramètres du module et utilisez l’outil move pour déplacer le module en haut de la colonne. Cela nous permet de voir à quoi il ressemble exactement et d’utiliser le module original jusqu’à la fin du style.
Ouvrez les paramètres du formulaire et ajoutez le titre, le texte du bouton et le texte du corps. J’utilise le texte original du formulaire. Titre: ajouter un bouton: Abonnez – vous au texte aujourd’hui: votre message Faites défiler vers le bas vers le compte e – mail. Sélectionnez votre fournisseur de services de courriel dans la liste déroulante. Cliquez sur Ajouter pour vous connecter à votre fournisseur de services. Vous avez besoin de votre nom de compte et de votre clé API. Ensuite, sélectionnez la liste des courriels à utiliser. Faites défiler vers le bas pour une opération réussie. Sélectionnez une action dans la liste. Sélectionnez entre afficher le message ou rediriger vers l’URL. J’ai choisi de rediriger vers l’URL. Si vous le souhaitez, vous pouvez également sélectionner les données du formulaire de courriel à inclure comme sujet de requête.
Faites défiler vers l’arrière – plan et supprimez – le. Notez que l’arrière – Plan vert est toujours derrière le formulaire de courriel. Cet arrière – plan se trouve dans les paramètres de colonne de la ligne. Nous le conserverons tel quel, mais vous pouvez le modifier dans les paramètres de colonne de ligne si vous le souhaitez. Options de courriel de style Divi Pour définir le style du formulaire d’activation par courriel, j’ai utilisé
Le style de police est en majuscules. Activez l’icône du bouton, sélectionnez une icône et définissez – la pour ne l’afficher que lorsque vous déplacez la souris. Poids de police du bouton: style de police du bouton en gras: icône du bouton d’affichage en majuscules: Oui icône du bouton: > afficher l’icône seulement lorsque la souris survole le bouton: Oui
Ajoute un remplissage aux quatre côtés du bouton. Remplissage du bouton: 15 Px en haut, 12 Px en bas, 22 Px à gauche, 22 Px à droite Enfin, supprimez les éléments originaux inutilisés. Ouvrez les paramètres de colonne dans cette ligne. Passez à l’onglet conception et réglez le remplissage en haut et en bas à 42px. Sauvegardez vos devoirs. Remplissage: 42px options de mise en page et de champ optionnelles vers le haut et vers le bas le module Divi email optin offre plusieurs options pour la conception et la fonctionnalité des modules. Les options de mise en page comprennent plusieurs options de mise en page. Sélectionnez parmi:
Vous pouvez également définir la largeur du champ. Par défaut, ils sont de pleine largeur. Désactiver fullwidth offre quelques options de mise en page intéressantes. Vous pouvez utiliser plusieurs combinaisons. Dans l’exemple ci – dessus, j’ai choisi le corps en bas, le formulaire en haut. J’ai également désactivé la largeur totale des champs prénom et nom de famille. Ainsi, le formulaire au – dessus du texte est sur la même ligne que le prénom et le nom de famille. Je place ce module dans une colonne de lignes. La disposition montre les garçons à gauche et les formulaires à droite. J’ai également désactivé l’option pleine largeur pour les champs prénom et nom de famille. Cela place la forme à gauche et le solide à droite. J’ai désactivé l’option pleine largeur pour le champ e – mail. Le reste est par défaut. C’est notre résultat. Options de courriel Bureau C’est parti.
Le style de police est en majuscules. Activez l’icône du bouton, sélectionnez une icône et définissez – la pour ne l’afficher que lorsque vous déplacez la souris. Poids de police du bouton: style de police du bouton en gras: icône du bouton d’affichage en majuscules: Oui icône du bouton: > afficher l’icône seulement lorsque la souris survole le bouton: Oui
Vous pouvez également définir la largeur du champ. Par défaut, ils sont de pleine largeur. Désactiver fullwidth offre quelques options de mise en page intéressantes. Vous pouvez utiliser plusieurs combinaisons.