Vous pouvez créer 5 projets d’activation de courriel en utilisant le formulaire d’activation de courriel de Divi

Nous aimons tous les nouveaux abonnés à la liste de diffusion. L’une des principales façons d’obtenir de nouveaux abonnés est de fournir aux visiteurs un formulaire d’activation par courriel bien conçu. C’est pourquoi, dans ce tutoriel, je vais vous montrer comment utiliser le module d’activation de courrier électronique Divi pour obtenir cinq conceptions différentes pour stimuler votre imagination sur ce module puissant et flexible. Voici un aperçu des cinq e – mails Divi que nous allons traiter aujourd’hui 1 Shadow Stack select join Début de la conception # 1 # 2 grande adhérence minimale Début de la conception # 2
3 faible participation Démarrer la conception # 3 # 4 activer les offres de réservation Démarrer la conception # 4 # 5 activer le cadre de culture Commencez à concevoir votre canal YouTube pour commencer à vous abonner à ce tutoriel avec Divi. Nous construirons chacun à partir de zéro, de sorte que nous n’avons pas besoin d’une disposition préfabriquée. Cependant, je vais utiliser quelques images dans certains paquets de mise en page, mais si vous voulez, vous pouvez utiliser vos images. De plus, il est important de savoir que vous ne pourrez pas voir les champs du formulaire d’activation sur le site en direct tant que vous n’aurez pas attribué de fournisseur \/ liste de courriels au formulaire d’activation par courriel. Vous pouvez le faire dans les paramètres d’activation de courriel de votre compte de courriel. Passons aux dessins! 1 Shadow Stack select join Cette conception ajoute deux ombres de boîte au module d’activation de courriel Divi pour un effet d’empilage unique qui distingue le module. La première ombre de la boîte est ajoutée au formulaire d’activation du courriel, et la deuxième ombre de la boîte est ajoutée à la ligne avec une taille et une bordure personnalisées pour qu’elle fonctionne correctement. C’est ce qu’on fait. Créez d’abord une nouvelle section dans la colonne et ajoutez le formulaire d’activation de courriel à la ligne. Paramètres d’activation ouverts
Tuning personnalisé: 10vw top, 10vw Bottom, 10vw left, 10vw right Notez que l’unit é de longueur VW est utilisée pour la taille de la police et l’unité de longueur em pour la hauteur des lignes et l’espacement des lettres. Cela permet au texte et à la conception de redimensionner parfaitement le navigateur. La dernière étape consiste à personnaliser les fragments css pour optimiser la conception. Allez à l’onglet avancé et ajoutez le CSS personnalisé suivant dans le champ du module actif: taille de police: 3.5vw;
Cela vous permettra de saisir une taille de texte qui correspond au texte du substituant dans le champ formulaire.
Ensuite, nous ajoutons une marge personnalisée au bouton pour lui donner un peu d’espace pour respirer. Ajouter ce qui suit sous le bouton abonnement: en haut de la marge: 3.5vw; Passons maintenant au dernier projet. # 3 faible participation Ce design à venir sera sans aucun doute une solution populaire pour les entreprises et les blogs qui veulent économiser de l’espace vertical sur leurs billets ou leurs pages d’atterrissage. Bien que le module d’ajout par courriel de Divi soit le mieux adapté aux modules verticaux plus traditionnels, vous pouvez en fait convertir le module en un module horizontal mince en utilisant un petit CSS. Voici comment faire. Créez une nouvelle section dans la colonne et ajoutez le formulaire d’activation de courriel à la ligne. Ouvrez les paramètres d’activation des courriels et mettez à jour le contenu pour inclure le titre, mais pas d’autres contenus. La conception est ensuite mise à jour avec l’arrière – plan et la couleur du bouton comme suit: couleur de l’arrière – plan: # 54677d disposition: haut du corps, forme bas direction du texte: milieu couleur de l’arrière – plan du bouton: # b0c94f largeur de la bordure du bouton: 0px Il est temps de personnaliser le CSS. Puisque nous ne voulons que des modules minces sur le Bureau (pas sur les appareils mobiles), nous ajouterons CSS à la page (sous configuration de page) Utiliz
Toutes les options de style disponibles dans Divi. J’ai délibérément gardé ces tableaux assez simples pour vous donner une idée générale de ce que vous pouvez faire. Lorsque vous passez le curseur, vous êtes libre d’explorer des dessins plus élaborés en ajoutant de nouvelles polices, couleurs et effets. N’oubliez pas de vous amuser pendant le procès. J’ai hâte d’entendre vos commentaires. Bonjour!