Comment ajouter plusieurs cartes Google sur une page dans WordPress
R glisser – déposer. En outre, seedprod dispose d’un grand nombre de blocs de contenu intelligents qui peuvent ajouter du contenu intuitif à une page, y compris:
Google Maps action button Pricelist images Carrousel recommendations Dynamic Text Animation title activation forms etc. cela signifie que vous pouvez rapidement créer n’importe quelle page sans avoir à engager un développeur. Suivez ces étapes pour apprendre à utiliser seedprod pour ajouter des cartes Google à une page WordPress. Étape 1. Téléchargez d’abord le plug – in de page d’atterrissage seedprod, visitez le site Web seedprod et téléchargez le plug – in seedprod sur votre ordinateur. Bien qu’il existe une version gratuite de seedprod, nous utiliserons seedprod pro dans ce tutoriel. De cette façon, nous pouvons utiliser Google Map block.
Après avoir téléchargé le plug – in, commencez par seedprod, installez – le et activez – le sur votre site Web. Si vous avez besoin d’aide pour cette étape, suivez ce guide étape par étape pour installer le plugin wordpress. Après l’installation de seedprod, vous verrez l’écran de bienvenue qui nécessite une clé de licence. Saisissez la clé et cliquez sur le bouton valider la clé pour activer la licence. Remarque: Vous pouvez trouver la clé en vous connectant à votre compte seedprod et en cliquant sur afficher la clé de licence, les détails et le lien de téléchargement. Étape 2. Après avoir activé la clé de licence, créez une nouvelle page d’atterrissage, faites défiler l’écran d’accueil vers le bas et cliquez sur le bouton créer la première page.
De là, vous accéderez au tableau de bord de la page d’atterrissage seedprod. Il y a plusieurs modes de page d’atterrissage sur cette page, y compris le mode de maintenance à venir login 404, qui vous permet d’activer plusieurs pages d’atterrissage en un seul clic. Par exemple, vous pouvez activer le mode de maintenance lors d’une mise à jour mineure
Avec le bloc Google Maps intégré de seedprod, il est facile de l’éteindre. Tout d’abord, nous ajoutons quelques colonnes pour chaque carte. Dans le panneau de gauche, cliquez sur un bloc de colonne et faites – le glisser vers une partie de la page. Sélectionnez maintenant le nombre de colonnes à afficher. Pour ce guide, nous avons choisi une disposition de 3 colonnes.
Vous pouvez maintenant ajouter Google Maps à chaque colonne. Pour ce faire, cliquez sur le bloc Google Maps et faites – le glisser dans la première colonne. Cliquer sur les paramètres du bloc ouvre un panneau dans lequel vous pouvez insérer l’emplacement sélectionné. Vous pouvez ensuite sélectionner l’échelle de la carte, modifier l’alignement et ajuster la largeur. De plus, vous pouvez sélectionner différents styles de bordure dans l’onglet avancé et ajuster l’espacement autour de votre carte personnalisée. Répétez maintenant cette étape pour chaque carte que vous souhaitez ajouter à la page d’atterrissage. Étape 5. Publier la page d’atterrissage de Google Maps lorsque vous êtes satisfait de l’apparence de la page d’atterrissage, cliquez sur la flèche vers le bas à côté du bouton Enregistrer en vert, puis cliquez sur publier.
Ensuite, vous verrez une fenêtre vous disant que la page a été publiée. Pour voir l’aperçu en direct, cliquez sur le bouton afficher la page en direct. Méthode 2. La deuxième façon d’ajouter manuellement plusieurs Google Maps sur une page de WordPress est de copier et coller le Code intégré de l’api Google Maps, puis de le coller sur un article ou une page de WordPress. L’inconvénient de cette méthode est que le Code intégré doit être trouvé pour chaque carte à afficher. Il doit également passer du site WordPress à Google Maps et vice versa. De plus, l’intégration de cartes directement dans WordPress limite les options de personnalisation. Par conséquent, vous ne serez pas en mesure d’obtenir un contrôle de mise en page avancé en utilisant un générateur de page WordPress comme seedprod. Voici ce qui suit:
Utilisez le Code intégré pour intégrer manuellement plusieurs cartes Google. Étape 1. Trouvez et partagez d’abord votre emplacement sur Google Maps, allez sur Google Maps et tapez la première adresse que vous souhaitez intégrer. Une fois que vous avez trouvé votre emplacement, cliquez sur l’icône partager pour afficher vos paramètres de partage de carte Google. Cliquez maintenant sur l’onglet intégration, sélectionnez la taille de la carte dans le menu déroulant, puis cliquez sur le lien copier HTML. Étape 2. Ajoutez le Code intégré dans WordPress, puis allez sur le tableau de bord WordPress et créez une nouvelle page. Dans l’éditeur WordPress, cliquez sur plus d’icônes (+) pour ajouter un nouveau bloc WordPress, puis cliquez sur personnaliser le bloc HTML. Collez maintenant le Code intégré dans Google Maps dans le bloc HTML. Si vous cliquez sur le bouton aperçu, vous pouvez voir à quoi ressemble la carte. Étape 3. Intégrer plus de cartes Google maintenant vous savez comment ajouter des cartes, suivez les mêmes étapes pour ajouter plus. Il suffit de sélectionner un autre emplacement sur la carte, copier le Code intégré et l’ajouter au nouveau bloc html sur la page WordPress. Après avoir ajouté toutes les cartes à la page, cliquez sur publier. Ainsi, lorsque vous prévisualisez la page, vous verrez chaque carte intégrée sur un seul écran. Comment ajouter plusieurs emplacements à la carte dans WordPress? Maintenant vous savez comment ajouter plus de Google Maps à la page dans WordPress. Mais que se passe – t – il si vous voulez ajouter plusieurs pins sur une carte et les intégrer dans votre site WordPress? Heureusement, vous pouvez le faire en utilisant la méthode d’intégration de cartographie que nous avons mentionnée précédemment. Toutefois, nous soulignons plusieurs autres étapes ci – dessous. Étape 1. Commencez par créer une carte Google personnalisée, allez sur Google Maps, ouvrez le menu et cliquez sur le lien « votre emplacement ». De là, cliquez sur l’onglet carte et cliquez sur créer une carte en bas de l’AP