Élément de formulaire de contact

À propos du formulaire de contact 

A FORMULAIRE D'INFORMATION Il s'agit d'un formulaire en ligne qui permet aux propriétaires de magasins de recueillir des informations auprès de leurs clients. Ces formulaires facilitent non seulement les demandes de renseignements des clients, mais jouent également un rôle crucial dans le marketing en attirant des prospects potentiels et en élargissant la base de clientèle.

Par rapport à la version 6, l'élément de formulaire de contact de la version 7 reste relativement inchangé. Cet article vous guidera tout au long du processus de configuration et vous fournira des informations sur les éléments enfants inclus.

Ajoutez le formulaire de contact à votre page

L'espace FORMULAIRE D'INFORMATION est un élément flexible et peut être utilisé sur n'importe quelle page en suivant les étapes ci-dessous :

Étape 1: Accéder au Tableau de bord GemPages et sélectionnez une page à modifier ou créez-en une nouvelle.

Étape 2:Dans la barre latérale gauche, recherchez le Formulaire de contact élément et ajoutez-le à votre emplacement préféré sur la page.

L'élément Formulaire de contact est doté de tous les composants nécessaires pour fonctionner comme formulaire de collecte d'informations client. Aucun réglage n'est requis pour son fonctionnement sur votre page en ligne. 

Cependant, si vous souhaitez améliorer la conception du formulaire, GemPages fournit plusieurs éléments enfants adaptables.

Éléments enfants

L'espace Formulaire de contact est livré avec divers éléments enfants. Ces éléments enfants doivent être placés à l'intérieur du Formulaire de contact pour fonctionner correctement. Vous trouverez ci-dessous la liste des Formulaire de contact éléments enfants :

• Bloc de texte : Utilisez cet élément pour ajouter du contenu statique comme des étiquettes, des instructions ou des notes dans votre formulaire.
• Champ de texte : Fournir un un espace permettant aux clients de saisir tout type d'informations.
• Champ e-mail : Permettre aux clients de saisir leurs adresses e-mail.
• Zone de texte : Fonctionne de manière similaire au champ de texte mais offre une zone de saisie plus étendue.
• Bouton Soumettre : Ce bouton est essentiel pour que les clients puissent cliquer pour soumettre le formulaire.

L'espace Champ e-mail et la Bouton de soumission sont des composants essentiels qui doivent être inclus dans un formulaire de contact pour fonctionner correctement. 

Si vous avez l'intention d'utiliser ces éléments dans un module de produit, il est conseillé d'utiliser le Champ personnalisé de produit .

Configurer l'onglet Paramètres

Message

Cette section « Message » vous permet de saisir le message affiché une fois le formulaire validé, ainsi qu'un message en cas d'erreur. Vous pouvez également modifier la couleur de chaque message. 

Par défaut, les messages s'affichent comme suit :

• vers le succès: Merci de nous avoir contactés. Nous vous répondrons dans les plus brefs délais.
• Erreur: Impossible d'envoyer l'e-mail. Veuillez réessayer plus tard.

Taille

Dans cette section, vous pouvez ajuster la largeur et le remplissage de votre formulaire de contact selon vos préférences.

Par exemple, nous avons défini l'espacement inférieur à 100.

Présentation

Définissez la couleur d’arrière-plan de l’élément comme un dégradé ou un uni. 

• Vous pouvez choisir parmi couleurs récentes liste ou le «suggéré pour vous" liste pour une configuration rapide. 
• Dans le cas contraire, entrez le code couleur, sélectionnez dans l'échantillon de couleurs, ou utiliser le sélecteur de couleurs pour choisir une couleur dans n'importe quelle partie de votre page.
• Ajuste le intensité de la couleur en saisissant un numéro dans la case à côté du code couleur pour une meilleure visualisation.

Veuillez noter que la couleur d'arrière-plan sera définie uniquement pour l'élément enfant du bloc de texte.

Forme

Pour personnaliser la forme de l'élément, faites défiler vers le bas jusqu'à l' Forme section. À partir de là, vous pouvez ajouter une bordure, ajuster le rayon du coin et ajouter un effet d'ombre pour améliorer la hiérarchie visuelle du formulaire de contact.

• Frontière: Modifiez la couleur et l’épaisseur, puis sélectionnez le trait de la bordure.

• Coin: Ajustez le rayon des angles de la bordure de l'élément. Plus le rayon est grand, plus les angles paraîtront arrondis.

• Ombre: Ajoutez de la profondeur et de l'emphase en appliquant une ombre extérieure. Vous pouvez choisir parmi différents types d'ombres et ajuster la couleur pour qu'elle corresponde à votre design.

Action après soumission

Action:Déterminez si vous préférez guider les utilisateurs vers une page de destination désignée ou les garder sur la page actuelle une fois la soumission du formulaire terminée, notamment :

• Restez sur la page : Aucune action après la soumission
• Ouvrir la page : Une fois soumis avec succès, les utilisateurs seront redirigés vers une autre page
• Faites défiler jusqu'à : Faites défiler jusqu'à une section cible sur votre page
• Envoyer un email: Un e-mail sera envoyé automatiquement une fois que les utilisateurs auront soumis le formulaire
• Passer un appel téléphonique : Passer un appel téléphonique après que les utilisateurs ont appuyé sur Envoyer

Par exemple, si vous décidez d'envoyer les clients vers une autre page, sélectionnez « Ouvrir la page » de la liste déroulante.

Cliquez ensuite sur le champ « Ajouter… » à côté du Page/lien pour ouvrir le panneau des pages, où vous pouvez insérer un lien cible ou choisir parmi les options disponibles dans la liste.

Configurer l'onglet Avancé

Pour une personnalisation plus avancée, veuillez accéder au Onglet Avancé et suivez les instructions dans cet article.

Accédez à vos soumissions de formulaires

Tous les formulaires complétés seront transmis à votre boîte de réception électronique. Selon votre fournisseur de services de messagerie, vous souhaiterez peut-être également vérifier le Camelote or Spam dossier pour tous les e-mails égarés.

Pour localiser ou modifier l'adresse e-mail de destination dans Shopify, suivez ces étapes :

• Naviguez vers votre Administrateur Shopify et ensuite procéder à Paramètres> Notifications. 
• Si vous souhaitez mettre à jour l'adresse e-mail, saisissez simplement la nouvelle adresse e-mail dans le champ prévu à cet effet. « E-mail de l'expéditeur » champ.
• Cliquez sur le "Sauvegarder" bouton pour confirmer les modifications.

Activer/désactiver Google ReCAPTCHA

En tant que technologie de protection anti-spam, Google reCAPTCHA est activé par défaut pour toutes les boutiques Shopify. Cela signifie que les clients devront effectuer un test reCAPTCHA chaque fois qu'ils souhaiteront soumettre un formulaire.

Si vous le souhaitez, vous pouvez désactiver cette politique de sécurité pour accélérer le remplissage des formulaires pour vos clients.

Se diriger vers Administrateur Shopify > Boutique en ligne > Préférences, décochez les deux options sous le Protection anti-spam section, puis appuyez sur «Enregistrer" .