Neste exemplo, vamos mostrar como configurar alguns campos especiais no Scriptcase, na aplicação formulario.
Esses são os campos especiais disponíveis:
![](https://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2020/12/campos-dispo.png)
![](http://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2022/08/campos-especiais-283x300.png)
Nesse exemplo, usaremos os campos Google Maps, YouTube e Editor HTML, veja suas respectivas configurações abaixo.
Para mais informações sobre outros tipos de campos especiais, acesse nossa documentação.
Campo Google Maps
Existe 3 tipos de configurações para o campo Google Maps, nesse exemplo iremos usar o Geocode.
1. Escolha Geocode na opção Origem. (Método de passagem de parametros para a API do Google).
2. Agora, no Geocode, escolha os campos que serão usados como coordenadas para a sua localização no mapa.
![](https://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2020/12/googlemaps-1.png)
![](http://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2022/08/geocode2-300x151.png)
3. Agora, configure o modo de visualização do mapa:
- Modo de visualização – Onde o mapa será exibido, na mesma pagina usando um modal ou em uma janela nova
- Largura – Largura do modal em pixels
- Altura – Altura do modal em pixels
- Zoom – Zoom inicial do mapa
4. Agora, selecione o Link Type de como o link para o mapa será exibido na pagina: Botão ou Texto
![](https://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2020/12/tipo-link.png)
![](http://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2022/08/typebtn-300x60.png)
5. Para mostrar o mapa, você precisa informar a localização corretamente e depois clicar no botão Google Maps
![](https://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2020/12/visu-maps-1024x346.png)
![](http://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2022/08/address-300x77.png)
6. O mapa mostrar a localização usando como base os campos informados, sem precisar que o s dados estejam gravados na tabela do banco.
Campo YouTube
1. Selecione YouTube na opção de Tipo de Dado;
![](https://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2020/12/yt.png)
![](http://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2022/08/campoyt-300x45.png)
2. Agora, configure o Modo de Exibição para o video, nesse exemplo, usaremos o Modal;
3. Informe a largura e altura do modal, valor em pixels;
4. Na aplicação em execução, informe o link dentro do campo e clique no botão YouTube.
5. O modal abrirá contendo o video informado.
Campo Editor HTML
O campo Editor HTML permite a criação de templates, para deixar o desenvolvimento das aplicações mais fáceis.
1. Para criar templates para com campo Editor HTML acesse Layout >Templates do Editor HTML.
![](https://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2020/12/editor-html.png)
![](http://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2022/08/templare_editor-266x300.png)
2. Para criar novos templates, selecione um dos templates que oferecemos e clique em “Salvar como”.
![](https://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2020/12/salvar-como.png)
![](http://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2022/08/modelo-300x52.png)
3. Informe o nome para o seu novo template e salve para que você possa começar a editar.
![](https://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2020/12/nome.png)
![](http://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2022/08/salvar_como-300x64.png)
4. Agora, você verá a pagina para editar o template. É possível define o posicionamento dos botões, o alinhamento horizontal e a quantidade de linhas, e outras coisas.
![](https://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2020/12/config-html-1024x394.png)
![](http://www.scriptcase.com.br/tutoriais/wordpress/wp-content/uploads/2022/08/edit_page-300x86.png)
5. Depois de concluir a criação do seu template, acesse o campo Editor HTML para aplicar o template que você criou.
Comente este post