Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Une fois, j’ai dû créer un formulaire de contact Divi qui enregistrait les informations de contact de la personne. En juin 2018, ElegantThemes.com avait ajouté un joli éditeur de forme conditionnelle à son thème phare, Divi. Je suis fan du thème Divi et de son incroyable interface glisser-déposer qui vous permet de créer rapidement des sites Web et de résoudre des problèmes commerciaux plus importants. Je savais que cette forme serait un jeu d’enfant à créer.

Et c’était.

Tout était très bien lors de la création du formulaire de contact Divi. Ensuite, je suis arrivé à la partie où je devais permettre à l’utilisateur de sélectionner son nom de pays et son nom de fuseau horaire dans une liste déroulante. Le menu déroulant était facile à créer, mais je devais le remplir un par un. Il existe plus de 200 pays et plus de 400 fuseaux horaires individualisés (organisés par continent / pays / ville).

J’ai demandé aux alentours mais personne ne savait comment remplir les listes déroulantes du formulaire de contact Divi. Il n’y a pas de fonction d’importation pour obtenir les données d’un fichier CSV et importer les valeurs en une seule fois. Le consensus général était que je ne pourrais pas faire tout cela en utilisant le copier / coller par force brute.

Mon travail est votre profit

Mais toi, mon ami, tu n’as pas à faire de même. Je vous transmets les avantages après avoir passé plusieurs heures à copier toutes ces valeurs de pays et de fuseau horaire et à les coller dans des boutons radio individuels dans le contrôle du formulaire de contact de Divi Builder.

Vous trouverez ci-dessous un lien vers l’export de mise en page Divi Builder de ce formulaire de contact Divi. Il n’y a que les champs de pays et de fuseau horaire. Mais au moins, vous pouvez l’utiliser comme point de départ pour créer le reste du formulaire de contact basé sur Divi.

Comment importer le module Divi Form

Si vous n’êtes pas familiarisé avec l’importation d’un module de bibliothèque Divi Builder dans une page, voici un tutoriel.

1. Téléchargez le formulaire de contact Divi avec les pays et fuseaux horaires précommandés

Le fichier suivant est un fichier ZIP. Vous devez le décompresser au format de fichier JSON avant d’essayer de l’importer en tant que mise en page Divi Builder.

Disposition Divi Builder – formulaire de contact avec listes déroulantes pour les pays et fuseaux horaires complétés

2. Modifiez la page sur laquelle vous souhaitez importer le formulaire

Ouvrez la page dans laquelle vous souhaitez importer le formulaire et dans Visual Builder. Cliquez sur l’icône des points de suspension.

6 étapes vers un formulaire de contact Divi avec des listes déroulantes pratiques pour les pays et les fuseaux horaires peuplés 1

Accédez au menu Portabilité en cliquant sur l’icône de flèche vers le haut et vers le bas.

6 étapes pour un formulaire de contact Divi avec des listes déroulantes pratiques pour les pays et les fuseaux horaires peuplés 2

4. Configurez l’importation et les options

Sélectionnez l’onglet « Importer ». À moins que votre page ne contienne un autre contenu, décochez la case « Remplacer le contenu existant ». Si vous souhaitez télécharger une sauvegarde avant d’importer le formulaire, sélectionnez cette option. Cliquez ensuite sur la zone Sélectionner un fichier.

6 étapes vers un formulaire de contact Divi avec des listes déroulantes pratiques pour les pays et les fuseaux horaires peuplés 3

5. Sélectionnez le fichier JSON décompressé

Dans la boîte de dialogue de fichier qui apparaît, accédez au dossier dans lequel vous avez extrait le fichier JSON, sélectionnez ce fichier et importez-le.

6 étapes vers un formulaire de contact Divi avec des listes déroulantes pratiques pour les pays et les fuseaux horaires peuplés 4

6. Importez la mise en page Divi Builder

Regardez cette vidéo pour voir à quoi devrait ressembler le reste de la séquence d’importation après l’importation dans votre bibliothèque Divi.

Vous pouvez enregistrer cette importation de base en tant que module séparé dans votre propre bibliothèque Divi et l’utiliser encore et encore dans toutes les mises en page de vos formulaires de contact Divi. Ajoutez maintenant vos autres entrées à votre formulaire et enregistrez la page.

Actualiser la liste des options du formulaire

Les données que j’ai utilisées pour créer cette bibliothèque de formulaires de contact Divi se trouvent sur https://timezonedb.com/download. Si jamais vous avez besoin d’une mise à jour, téléchargez simplement les données à partir de cette URL. Importez ensuite le formulaire dans une page en suivant les instructions ci-dessus. Ajoutez ou modifiez les entrées. Enregistrez ensuite le formulaire dans votre bibliothèque Divi afin de pouvoir le réutiliser sur votre site actuel ou l’exporter et l’utiliser sur d’autres sites.

Les deux onglets suivants modifient le contenu ci-dessous.

Rob Watson est un coach d’affaires en ligne et un consultant en marketing. À partir de 1996, en tant que concepteur de sites Web autodidacte, il a créé des sites Web pour tous, des propriétaires de petites entreprises aux multinationales. Rob propose désormais des cours particuliers aux propriétaires de sites Web d’entreprises numériques. Il est co-organisateur du West Orlando WordPress Meetup et porte-parole de WordCamp.



Source link

Recent Posts