Com afegir un formulari?

Pas 2: Editar formulari

• Fes clic al formulari a la vista de la pàgina. També el pots seleccionar des de la llista “Sections“ de l'editor de la pàgina.
• Per canviar el títol i la descripció, escriu a les caixes de text de “Heading“ i “Description“.
• A l'apartat “Email (required)” escriu l'adreça de correu electrònic on vols que s'enviï el formulari.
• Per canviar el text del botó d'enviament, escriu a "Text Button".
• També pots redirigir l'usuari a l'adreça que vulguis afegint una URL a "Callback URL".

Opcions generals del formulari

• Fes clic al cercle blau amb el símbol de "+" que es troba a l'apartat “Inputs”.
• Es crearà un nou input “No label (Short Text)“ a la llista de l'apartat Inputs. Per accedir a les seves opcions, fes-hi clic.

Opcions del nou input

• A l'apartat "Field Type" de l'editor d'input, selecciona el tipus de dada que acceptarà l'input. Això permet que la web validi automàticament si la dada introduïda és correcta; per exemple, si en un camp dissenyat per a un correu electrònic s'introdueixen només números, el sistema notificarà l'usuari perquè ho corregeixi si has seleccionat el tipus Email.
• A l'apartat “Label“ escriu el text que apareixerà sobre l'input. Aquest text és molt important perquè ajuda l'usuari a entendre què ha d'introduir a l'input. A l'exemple s'ha escrit “Correu electrònic“:
• A l'apartat Placeholder pots afegir un text d'ajuda, que serveix per mostrar un exemple dins del camp i guiar l'usuari sobre quina informació ha d'introduir. Seguint l'exemple, s'afegeix “correuexemple123@exemple.com“.
• Activa el switch a l'apartat “Required“ per assegurar que l'usuari completi l'input abans d'enviar el formulari. Per defecte estarà desactivat. A la imatge d'exemple està actiu:
• Pots triar si l'input ocuparà la meitat o tot l'espai disponible a la fila a l'apartat “Full Width“.
• Pots afegir els inputs que necessitis repetint aquest procés.
• Recorda desar els canvis fent clic al botó blau "Save".
• Recorda que pots estilitzar el formulari (afegir-li color, imatge de fons) fent clic a “🖌️Block General Styles: Form“ a les opcions generals del formulari.