TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

Ajouter et personnaliser le formulaire RSVP dans le site Weebly

30

RSVP signifie Répondez S’il Vous Plaît en français qui signifie demande de réponse. Généralement, le formulaire de contact permet à l’utilisateur de contacter le propriétaire du site avec des commentaires ou des éclaircissements, tandis que le formulaire RSVP permet aux propriétaires de site d’obtenir des informations des utilisateurs. Par exemple, le propriétaire du site peut obtenir une confirmation des utilisateurs s’ils assisteront à l’événement prévu en utilisant le formulaire RSVP facilement plutôt que via le formulaire de contact. Weebly propose un élément de formulaire RSVP par glisser-déposer et chaque champ peut être personnalisé séparément.

Connexe : Comment ajouter et personnaliser le formulaire de contact dans Weebly ?

Champs du formulaire de RSVP Weebly

La colonne Éléments de l’éditeur Weebly sera automatiquement modifiée en champs de formulaire une fois que vous aurez fait glisser et déposer un élément de formulaire RSVP dans la zone de contenu de votre site. Tous les champs de formulaire sont classés dans les trois catégories suivantes et chaque champ peut être glissé à l’intérieur du formulaire RSVP.

Champs de formulaire :

  • Zone de texte courte
  • Grande zone de texte
  • Boutons d’options
  • Zone de liste déroulante
  • Cases à cocher
  • Téléchargement de fichier pour l’utilisateur Pro
  • Nom, e-mail, adresse et numéro de téléphone

Structure:

De base:

  • Titre, texte, image et code d’intégration

Cliquer sur l’élément de formulaire affichera trois options de contrôle pour le formulaire RSVP – Afficher les entrées, Options de formulaire et Enregistrer.

Options de formulaire

Cliquez sur le bouton Options de formulaire pour afficher les options de formulaire avancées, comme indiqué dans l’image ci-dessous.

Ajouter et personnaliser le formulaire RSVP dans le site Weebly

Options de formulaire de RSVP Weebly

Les options de personnalisation disponibles sont :

  • Nom du formulaire – Saisissez le nom de votre formulaire. Lorsque vous utilisez plusieurs formulaires sur votre site, les soumissions peuvent être facilement visualisées et identifiées en fonction du nom du formulaire.
  • Soumission par e-mail à – Il s’agit d’un identifiant d’e-mail où vous recevrez une alerte instantanée chaque fois qu’il y a soumission de formulaire.
  • Confirmation – L’option de confirmation vous permet d’afficher une réponse automatique à l’utilisateur après avoir soumis le formulaire. Vous pouvez soit définir un message de confirmation par SMS, soit lier n’importe quelle page Web. Le message texte sera affiché dans la zone de formulaire après la soumission. Vous pouvez connecter n’importe quelle page Web externe ou votre propre site ou page de magasin dans l’option de lien qui s’affichera après la soumission.
  • Espacement – Utilisé pour ajuster l’espacement des marges supérieure et inférieure de l’élément de formulaire.
  • Bouton Soumettre – Utilisé pour aligner le bouton Soumettre à gauche, au centre ou à droite par rapport à la largeur de votre formulaire. Vous pouvez également entrer n’importe quel texte libre comme Contact au lieu de soumettre sur l’élément de bouton.

Personnalisation au niveau du champ

Cliquer à l’intérieur de l’un des champs du formulaire affichera une boîte contextuelle applicable à ce champ. Vous pouvez modifier le nom du champ, le rendre facultatif ou obligatoire, ajouter des instructions de remplissage et ajuster l’espacement des champs dans le formulaire. La création d’un champ obligatoire affichera une étoile au-dessus du nom du champ indiquant l’utilisateur qui est un champ obligatoire. Si vous ne remplissez pas les champs obligatoires, le formulaire ne pourra pas être soumis et affichera un message « Veuillez corriger les champs en surbrillance » et le champ sera surligné en rouge.

Ajouter et personnaliser le formulaire RSVP dans le site Weebly

Instruction et champ obligatoire

Des instructions aideront l’utilisateur à remplir ce champ particulier et le message d’aide s’affichera chaque fois que le champ sera ciblé. Certains des champs tels que les boutons d’options et la liste déroulante auront des options supplémentaires et vous pouvez entrer autant d’options personnalisées pour la sélection de l’utilisateur ou les choisir dans la liste d’options prédéfinies.

Options de formulaire pour l’utilisateur professionnel

Les utilisateurs Pro disposeront des fonctionnalités de formulaire supplémentaires suivantes :

  • Téléchargement de fichier – Il s’agit d’un champ pro qui aide l’utilisateur à soumettre un formulaire avec un fichier téléchargé. Ce sera une fonctionnalité très utile pour que l’utilisateur puisse télécharger un document ou une capture d’écran supplémentaire qui à son tour vous aidera à fournir un meilleur support. 20 Mo est la taille de fichier maximale pouvant être téléchargée dans un formulaire.
  • Ajout d’un formulaire dans le pied de page – En plus d’ajouter un formulaire RSVP dans la zone de contenu du site, les utilisateurs Pro peuvent également ajouter un formulaire RSVP dans la zone de pied de page.

Ajouter et personnaliser le formulaire RSVP dans le site Weebly

Téléchargement de fichier dans le formulaire Weebly RSVP

Affichage des entrées de formulaire

Les réponses aux entrées du formulaire RSVP peuvent être visualisées de plusieurs manières :

  • Cliquez sur le formulaire pour voir le bouton « Afficher les entrées », en cliquant sur ce qui ouvrira une nouvelle fenêtre avec toutes les soumissions de formulaire.
  • Vous recevrez également une alerte par e-mail chaque fois qu’il y a une soumission de formulaire.
  • Affichez les soumissions de formulaires directement depuis le tableau de bord.
  • Vous pouvez également utiliser l’ application Weebly pour iPhone ou Android pour afficher et répondre à vos entrées de formulaire lors de vos déplacements.

Voici à quoi ressembleront le formulaire de contact et le formulaire RSVP sur un site Weebly :

Ajouter et personnaliser le formulaire RSVP dans le site Weebly

Exemples de formulaires Weebly Contact et RSVP

Astuces pour utiliser le formulaire RSVP Weebly

  • Étant donné que la taille du formulaire Weebly RSVP ne peut pas être ajustée par défaut, placez les éléments « Spacer » à côté de l’élément de formulaire pour ajuster la largeur du formulaire.
  • Assurez-vous d’avoir des « boutons d’options » ou des « cases à cocher » pour éviter les soumissions de formulaires de spam.
  • Par défaut, la couleur d’arrière-plan du formulaire RSVP ne peut pas être modifiée. Faites un clic droit sur le formulaire sur le site publié et cliquez sur « Inspecter » ou « Inspecter l’élément » et découvrez le formulaire #id de votre formulaire RSVP comme indiqué ci-dessous :

Ajouter et personnaliser le formulaire RSVP dans le site Weebly

Trouver le formulaire RSVP #ID dans Weebly

  • Une fois que vous avez le formulaire #id, ajoutez le code ci-dessous dans la section "Code d’en-tête" de votre page Weebly. N’oubliez pas de remplacer le formulaire #id par votre propre #id.
<style> #form-880080948214216107 { background-color: rgba(255, 235, 59, 0.2); padding: 15px 15px 0 15px; border-radius: 10px; border: 1px solid rgba(158, 158, 158, 0.22); } </style>

Source d’enregistrement: www.webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails