fbpx

Comment intégrer gratuitement un formulaire multi-étapes avec géolocalisation Google sur votre site web

Comment intégrer gratuitement un formulaire multi-étapes avec géolocalisation Google sur votre site web

Dans le monde d’aujourd’hui, le numérique est roi. C’est la raison pour laquelle il est essentiel pour les entreprises de toutes sortes d’optimiser leur présence en ligne.  Que vous soyez, courtiers immobiliers, de site d’eCommerce, de créateurs de solutions SaaS ou de garages automobiles, un formulaire multi-étapes peut être capital. L’un des meilleurs moyens d’y parvenir est d’améliorer l’expérience utilisateur sur votre site web. Une façon efficace de faire cela est d’intégrer un formulaire multi-étapes avec géolocalisation Google, facilitant ainsi la collecte et la gestion des informations de vos clients.

Grâce à notre extension WordPress gratuite, vous pouvez intégrer ce formulaire sur votre site web en quelques minutes. Ce guide vous montrera comment procéder, étape par étape. Avec ce formulaire, vous pouvez améliorer la qualité des données que vous collectez. En plus, vous pourrez d’offrir à vos clients une expérience plus fluide et plus personnalisée. Alors, prêts à transformer votre site web en une machine plus performante pour la collecte de données ? Commencez dès maintenant.

Pourquoi utiliser notre extension?

Utiliser une extension qui intègre un formulaire multi-étapes avec géolocalisation Google sur votre site web présente plusieurs avantages :

  1. Amélioration de l’expérience utilisateur : en rendant le processus de saisie des informations plus interactif et moins encombrant, vous augmentez les chances que les utilisateurs terminent le formulaire. Cela est en particulier vrai si vous demandez beaucoup d’informations. La géolocalisation Google facilite également la saisie des adresses, ce qui peut améliorer l’exactitude des données et rendre l’expérience plus fluide pour l’utilisateur.
  2. Amélioration de la qualité des données : En scindant le formulaire en plusieurs étapes, vous pouvez vous assurer que chaque étape est complétée correctement avant de passer à la suivante. De plus, la fonction de géolocalisation Google peut aider à garantir que les adresses sont correctement formatées et précises.
  3. Optimisation de la conversion : un formulaire bien conçu peut augmenter le taux de conversion en facilitant le processus pour l’utilisateur et en minimisant les erreurs ou les confusions qui pourraient amener une personne à abandonner le formulaire avant de le terminer.
  4. Personnalisation : Avec un formulaire multi-étapes, vous pouvez facilement personnaliser les questions ou les informations affichées en fonction des réponses précédentes de l’utilisateur, ce qui peut améliorer l’engagement et la pertinence des informations recueillies.
  5. Facilité d’utilisation : En utilisant une extension WordPress, vous pouvez intégrer cette fonctionnalité sur votre site web sans avoir besoin de compétences en codage avancées. Cela rend cette solution accessible à un large éventail d’entreprises et de propriétaires de site web.

De quoi ai-je besoin pour utiliser l’extension ?

Pour utiliser cette extension WordPress, il y a plusieurs prérequis que vous devrez considérer :

  1. Un site WordPress : Bien sûr, vous devrez avoir un site web fonctionnant sous WordPress, car cette extension est spécifiquement conçue pour cette plateforme.
  2. Version WordPress : Assurez-vous que votre site utilise une version de WordPress compatible avec l’extension. D’habitude, il est recommandé d’avoir la dernière version de WordPress pour garantir la compatibilité et la sécurité.
  3. Clé API Google : Comme l’extension utilise la géolocalisation Google, vous aurez besoin d’une clé API Google. Cette clé permet à votre site web d’interagir avec les services de Google. Vous pouvez obtenir une clé API Google gratuitement via le portail développeur de Google, bien qu’il existe des limites d’utilisation.
  4. Hébergement WordPress : Vous aurez besoin d’un hébergement web qui prend en charge WordPress. La plupart des fournisseurs d’hébergement populaires prennent en charge WordPress et certains offrent même des plans spécifiques à WordPress.
  5. Autorisations : Vous aurez besoin d’avoir les autorisations d’administrateur sur votre site WordPress pour pouvoir installer l’extension.
  6. Compatibilité avec le thème : Enfin, assurez-vous que l’extension est compatible avec votre thème WordPress actuel pour éviter tout problème d’affichage ou de fonctionnement.

En respectant ces prérequis, vous devriez être en mesure d’installer et d’utiliser l’extension sur votre site WordPress facilement.

Comment faire la configuration de l’extension?

Comment configurer et ajouter le formulaire de demande d'évaluation sur son site web

Pour faire la configuration de l’extension après l’achat ou le téléchargement, vous devez suivre ces étapes :

  • Allez dans le champ Réglages ⇒ Options Évaluateur de propriété
  • Ensuite, ajoutez votre clé API de Google MAP et adresse courriel
  • Si vous souhaitez surtout localiser une certaine région, ajouter le code du pays ou de la région.

Une fois terminé, vous devez cliquer sur « enregistrer les modifications» 

Comment ajouter le formulaire de demande d’évaluation sur son site web ?

Une fois que vous aurez complété avec la configuration, vous devez utiliser le code court pour ajouter le formulaire sur n’importe quelle page de votre site web.

Le code court que vous devez utiliser est le suivant:

[psw_propriete]

Pour ajouter le code court, vous devez soit l’ajouter dans les champs de text de vos pages. Dans ce cas, le formulaire apparaitra à la position sur laquelle vous avez ajouté le code court.

Une autre possibilité pourrait être d’ajouter avec le code PHP.  Dans ce cas, vous devez ouvrir le fichier php de votre thème et coller le code ci-dessous.

<?php 
echo do_shortcode('[psw_propriete]'); 
?>

Comment créer la clé API pour ajouter le formulaire de demande sur mon site web

Comment créer la clé API pour ajouter le formulaire de demande sur mon site web

Pour créer une clé API, vous devez avoir un compte Google Cloud. Généralement, vous devriez être en mesure de créer votre compte si :

  • Vous avez une adresse courriel
  • Alternativement, vous avez un compte G-Suite pour entreprise

Dans tous les cas, créer un compte est relativement facile. Vous devez tout simplement suivre les étapes suivantes:

  • Visitez le site web Google Cloud.
  • Ensuite, si vous avez un compte, cliquez sur « connexion » à votre droite (en haut de la page).
  • Dans le cas contraire, cliquez sur « Profiter d’un essai gratuit»

Lorsque vous cliquerez sur l’un de ces boutons, vous allez être en mesure de suivre les instructions de Google pour créer votre compte.

Il est important de savoir que vous avez besoin d’un mode de paiement activé pour utiliser votre clé API.

Après la création de votre compte, vous pourrez vous connecter à votre compte pour ajouter vos identifiants.

Création d’un nouveau projet pour Ajouter le formulaire de demande d’évaluation sur le site web

ajouter le formulaire de demande

  • En haut de votre écran, juste à droite du logo de Google Cloud, vous verrez un onglet de sélection « sélectionnez un projet». Cliquez sur cet onglet pour activer le formulaire de création de votre projet.
  • Ensuite, dans la fenêtre qui va apparaitre, cliquez sur « Nouveau Projet » au coin droit et en haut de la fenêtre.
  • Le site va vous renvoyer vers une fenêtre semblable à la photo ci-dessus
  • Vous devez via le formulaire que vous voyez à l’écran donner le « nom de votre projet», sélectionnez votre organisation (si vous avez plusieurs comptes avec le même courriel). Ensuite, vous devez indiquer la zone. Vous fournissez généralement ces informations lors de la création de votre compte.
  • Pour finir, cliquez sur créer pour finaliser le processus de création de votre projet.

Ajouter MAP JavaScript API et Places API à votre projet

Après avoir créer le projet, vous devez aller dans la banque des API pour rechercher les API « Map JavaScript API» et « Places API ». Ces deux API permettront respectivement de faire afficher la carte de Google MAP et géolocaliser la position de l’utilisateur.

Google map

  • recherchez Map JavaScript API et activez
  • Ensuite, faire pareil pour Places API

Une fois que vous les aurez activés, vous serrez en mesure de les utiliser dans votre projet.  Pour ce qui suit, il sera question de cliquer sur l’onglet API et services. Vous verrez l’onglet identifiant. Vous allez maintenant pouvoir créer la clé API pour votre projet.

  • Cliquez sur «Create CREDENTIALS».
  • Ensuite « Clé API »
  • Vous allez voir apparaitre sur votre écran une clé API que vous devez copier pour l’inclure à votre projet.

Clé API

Pour éviter l’utilisation abusive de votre clé, vous devez la restreindre. En effet, une clé API que vous générez à partir de Google Cloud peut être utilisée sur n’importe quels sites web ou application. Cependant, vous ne souhaiterez peut-être pas payer pour l’utilisation autres que pour votre projet.  Pour restreindre votre clé, cliquez sur le lien, et suivez les recommandations sur l’écran.

Ajouter le formulaire de demande d'évaluation sur le site web

Lire aussi …

#1: Comment synchroniser sa boutique en ligne avec Amazon ?

Vous souhaitez synchroniser votre boutique en ligne avec Amazon ? Notre guide va pouvoir vous aider. Nous vous proposons un guide détaillé.

#2: Comment vendre des produits avec des Prix personnalisés par client sur WooCommerce (Étude de cas)

Nous vous expliquons comment vendre des produits avec des Prix personnalisés par client sur WooCommerce (Étude de cas – Fleuriste).

#3: Quelles Tendances de l’e-commerce Devriez-vous Surveiller en 2024 ?

Quelles Tendances de l’e-commerce Devriez-vous Surveiller en 2024 ? Outils de création de contenu, modification des photos + vidéos, Démo.

#4: Coffre-fort de Moneris – Module Joomla

Le Coffre-fort de Moneris vous propose une approche sécurisée pour permettre aux clients de payer en toute sécurité. Notre module Joomla

#5: Stripe Connect: le guide ultime pour l’intégration et la gestion.

Stripe Connect est l’une de ces solutions qui ont révolutionné la manière dont les transactions en ligne sont gérées. Découvrez notre guide

#6: Astuces pour générer des revenus grâce au web en 2024

souhaitez-vous générer des revenus grâce au web? Voici des astuces qui vont vous aider. Marketing d’Affiliation, Publicité, ventes, Freelance

#7: Progressive Web Application (PWA) sur son site web. Qu’est-ce que c’est?

Comment configurer une PWA (Progressive Web Application) sur son site web ? Nous expliquons ce que c’est et comment cela peut vous aider.

#8: C’est quoi la différence entre un site web statique et dynamique

C’est quoi la différence entre un site web statique et dynamique. Dans cet article et vidéo, nous vous expliquons les principales différences.

Gilblas Ngunte Possi

Gilblas Ngunte Possi

Fondateur et Développeur Full-Stack chez Prositeweb.

Ma maîtrise des outils modernes, combinée à un sens d’analyse approfondi des technologies de l’information, me permet d’offrir un accompagnement de qualité dans la conception et la mise en place de vos solutions web.

Laisser un commentaire

Votre adresse courriel ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Gilblas Ngunte Possi

Gilblas
Répond généralement dans 1 heure

Gilblas
Salut👋

Comment puis-je vous aider?
1:40
Discutez avec nous