Éléments Shopify - Formulaire de contact

Dans cet article, vous allez en apprendre plus sur un des éléments Shopify disponible dans PageFly – le Formulaire de contact.

À propos de l’élément Formulaire de contact

L’élément Formulaire de contact est fait pour vous aider à collecter les messages ou questions de vos clients pour augmenter votre taux de conversion.

pagefly contact form

Leurs messages iront directement à votre Email client, qui peut être configuré dans Shopify admin > Réglages > Général.

L’élément Formulaire de contact est disponible en plusieurs variantes devant couvrir la plupart de vos besoins, mais vous pouvez personnaliser votre formulaire en ajoutant des champs, un bouton de contact ou d’autres éléments (comme par exemple une vidéo YouTube).

Glissez une variante vers votre mise en page actuelle pour voir comment le configurer.

Configuration de l’élément Formulaire de contact

L’élément Formulaire de contact peut être configuré de manière pointue pour répondre à vos besoins et vous permettre d’atteindre le meilleur taux de conversion possible.

Sélectionnez l’élément pour voir les paramètres disponibles.

contact form pagefly

Les paramètres dans les onglets Général et Style sont spécifiques à cet élément.

Paramètres de l’onglet Général
1. CONTENU
  • Afficher confirmation : Affichez une notification en cas de succès ou d’erreur lors de l’envoi du message
    • Message en cas de succès : Entrez le texte à afficher lors de la confirmation de l’envoi
    • Message en cas d’erreur : Entrez le texte à afficher en cas d’erreur lors de l’envoi
2. ACTIONS
  • Redirection après envoi : Activez cette fonction pour rediriger vos client après avoir envoyé leur message.
    • Adresse de redirection : Entrez une adresse URL ou sélectionnez l’adresse URL de votre site
    • Délai pour la redirection (en secondes) : Redirige après une durée déterminée (minimum 1 seconde, maximum 10 secondes)
2. ATTRIBUTS Ceci est un paramètre que tous les éléments ont. Vous pouvez en apprendre d’avantage ici.
3. VISIBILITY Ceci est un paramètre que tous les éléments ont. Vous pouvez en apprendre d’avantage ici.
4. ANIMATION Ceci est un paramètre que tous les éléments ont. Vous pouvez en apprendre d’avantage ici.
Paramètres de l’onglet Style
Vous pouvez choisir un État du champs, parmis 3 options : Normal, Sélectionné, Focalisé
1. GLOBAL Vous pouvez en apprendre GLOBAL paramètres ici.
2. ESPACEMENT Vous pouvez en apprendre ESPACEMENT paramètres ici.
3. TYPOGRAPHIE Vous pouvez en apprendre TYPOGRAPHIE paramètres ici.
4. FOND Vous pouvez en apprendre FOND paramètres ici.
5. BORDURE Vous pouvez en apprendre BORDURE paramètres ici.
6. AFFICHAGE Vous pouvez en apprendre AFFICHAGE paramètres ici.
7. CSS PERSONNALISE Vous pouvez en apprendre CSS PERSONNALISE paramètres ici.

Problème commun: la soumission ne peut pas être envoyée

Parfois, vos clients ne peuvent pas soumettre leurs informations (nom, e-mail, message) et ils ont reçu cette notification «Désolé, la soumission ne peut pas être envoyée! Veuillez réessayer plus tard »après avoir soumis votre formulaire:

the submission cannot be sent

Dans ce cas, vous devez vérifier à nouveau dans l’éditeur pour le champ e-mail.

C’est principalement parce que vous avez mis le mauvais champ pour l’e-mail. Vous pouvez voir l’image ci-dessous

Comme vous pouvez le voir, le type de champ de l’e-mail est actuellement configuré pour le texte sur une seule ligne. Et c’est la raison pour laquelle la soumission ne peut pas être envoyée. Pour résoudre ce problème, il vous suffit de modifier le champ E-mail du texte sur une seule ligne (ou d’autres options) en e-mail comme l’image ci-dessous

Cliquez ensuite sur le bouton Publier. Le problème est résolu!

Cependant, si vous passez au champ E-mail mais que le problème persiste, faites-le nous savoir via la fenêtre de chat en direct, nous sommes prêts à vous aider!

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French and Portuguese.Please check the flags on the page header.

I got it!
Languages