Avançar para o conteúdo principal

Como criar formulários do template

Por vezes, um template vem já com o layout de um formulário incluido. É possível, de forma muito simples, configurá-lo para que se possa receber mensagens dos utilizadores no painel da Oportunidades.

Vamos começar com o formulário do template:

 

image-1663941590268.png

 

Não é necessário criar elementos manualmente para um formulário em si, mas pode criar, caso queira que o gestor de conteúdo possa alterar o texto dos placeholders do formulário.

Em baixo encontra-se o código do formulário. Os elementos criados são apenas referentes aos dados de contactos do lado esquerdo, sendo que neste caso já se encontram inseridos no código. Se ainda não sabe como criar e inserir os elementos, veja os seguintes tutoriais:

 

image-1663942072135.png

 

Apenas o código abaixo se refere ao formulário em si. É este que temos de modificar para que o formulário funcione.

 

image-1663942460429.png

 

Após abrir o modal de inserção de elementos, abra a aba Elementos da Plataforma e, de seguida, Formulário do CMS. Daqui, os items mais importantes para inserir são:

Url do Form de Contacto - Deve ser inserido como valor do atributo action="".

Campo CSRF - Deve ser inserido após a abertura do elemento <form>

Google Captcha - Deve ser inserido antes do botão de submeter o formulário.

 

image-1663942022063.png

 

Após inserir os itens necessários, o código deverá estar da seguinte forma.

Por vezes é preferivel criar uma <div> para lá colocar-se o item Google Captcha, para se mais facilmente dar algum ajuste nos estilos CSS, caso seja necessário.

Note, que o valor dos atributos placeholder="" foi alterado. Caso seja preferível, também se pode criar elementos e inseri-los nos espaços dos mesmos.

Pode-se, também, alterar o valor do atributo name="" , mas para que a mensagem entre no sistema, deverá alterar o valor do atributo name="" da mensagem como message.

 

image-1663943288818.png

 

Feitas estas alterações, o formulário já deverá estar funcional.