Guia de Instala\u00e7\u00e3o 2.0 do PrestaShop Form Studio<\/b><\/h2>\nRequerimentos do sistema<\/b><\/h3>\n
Antes de instalar o m\u00f3dulo, confirme se o seu ambiente atende aos seguintes requisitos:<\/span><\/p>\n Etapa 1 \u2013 Carregar o m\u00f3dulo:<\/b> Fa\u00e7a login no painel administrativo do PrestaShop. Acesse M\u00f3dulos > Gerenciador de M\u00f3dulos e clique em Carregar um M\u00f3dulo (canto superior direito). Selecione o arquivo ZIP baixado da Knowband e clique em Abrir. O PrestaShop far\u00e1 o upload e extrair\u00e1 os arquivos automaticamente.<\/span><\/p>\n Etapa 2 \u2013 Instalar:<\/b> Ap\u00f3s o upload, clique em Instalar quando solicitado. Depois da instala\u00e7\u00e3o, voc\u00ea ser\u00e1 redirecionado para a p\u00e1gina de configura\u00e7\u00e3o do m\u00f3dulo.<\/span><\/p>\n Etapa 3 \u2013 Localize, se necess\u00e1rio:<\/b> Se o m\u00f3dulo n\u00e3o aparecer automaticamente, pesquise “Form Studio” na barra de pesquisa do Gerenciador de M\u00f3dulos e clique em Configurar.<\/span><\/p>\n 3.0 Problemas comuns de instala\u00e7\u00e3o<\/b><\/p>\n A primeira coisa que voc\u00ea v\u00ea dentro do m\u00f3dulo \u00e9 o bot\u00e3o para ativar ou desativar o PrestaShop Form Studio<\/span>.\u00a0<\/strong>Quando<\/span>\u00a0o m\u00f3dulo est\u00e1 ativado, todos os formul\u00e1rios ativos ficam vis\u00edveis no front-end. Desativ\u00e1-lo oculta todos os formul\u00e1rios dos visitantes sem excluir nenhuma configura\u00e7\u00e3o.<\/span><\/p>\n A se\u00e7\u00e3o de configura\u00e7\u00f5es de e-mail controla como sua loja se comunica com administradores e clientes ap\u00f3s o envio de um formul\u00e1rio.<\/span><\/p>\n Ativar modelos de\u00a0<\/b>e-mail.\u00a0<\/strong>Voc\u00ea<\/span>\u00a0pode ativar ou desativar o modelo de e-mail predefinido em <\/span>Criador de formul\u00e1rios\u00a0<\/b><\/a>PrestaShop.\u00a0<\/strong><\/a>Se<\/span>\u00a0este m\u00f3dulo estiver ativado, os e-mails ser\u00e3o entregues no modelo de e-mail predefinido com todas as vari\u00e1veis.<\/span><\/p>\n Conte\u00fado do e-mail do administrador: <\/b>Este<\/span> \u00c9 o e-mail que a equipe da sua loja recebe sempre que um formul\u00e1rio \u00e9 enviado por um usu\u00e1rio. Voc\u00ea pode personalizar o assunto, o corpo e o formato de acordo com a identidade visual da sua loja usando o editor de texto avan\u00e7ado. Voc\u00ea tamb\u00e9m pode adicionar vari\u00e1veis \u200b\u200bde modelo, como o nome do remetente, o endere\u00e7o de e-mail e os valores dos campos do formul\u00e1rio, dinamicamente, clicando na tag correspondente na se\u00e7\u00e3o Vari\u00e1veis \u200b\u200bdo Modelo.<\/span><\/p>\n Conte\u00fado de resposta\u00a0<\/b>autom\u00e1tica.\u00a0<\/strong>O<\/span>\u00a0conte\u00fado da resposta autom\u00e1tica \u00e9 o e-mail de confirma\u00e7\u00e3o enviado automaticamente ao cliente ap\u00f3s o envio de um formul\u00e1rio. Voc\u00ea pode us\u00e1-lo para alinhar expectativas, compartilhar os pr\u00f3ximos passos ou simplesmente agradecer ao cliente pelo contato.<\/span><\/p>\n Responder\u00a0<\/b>email.\u00a0<\/strong>A<\/span>\u00a0op\u00e7\u00e3o “Conte\u00fado do e-mail de resposta” controla o formato das respostas manuais enviadas pelos administradores diretamente do painel de envio de formul\u00e1rios no back office.<\/span><\/p>\n Todos os tr\u00eas modelos de e-mail em <\/span>PrestaShop Form Studio<\/b> suportam formata\u00e7\u00e3o de texto avan\u00e7ada, incluindo negrito, it\u00e1lico, links, listas e HTML, para que seus e-mails combinem com sua loja sem qualquer desenvolvimento personalizado.<\/span><\/p>\n Spam \u00e9 um problema real para qualquer formul\u00e1rio p\u00fablico. O m\u00f3dulo integra <\/span>Prote\u00e7\u00e3o contra spam do PrestaShop<\/b> Com o Cloudflare Turnstile, um dos sistemas de prote\u00e7\u00e3o contra spam mais eficazes e f\u00e1ceis de usar dispon\u00edveis. Ao contr\u00e1rio do CAPTCHA tradicional, que frustra os usu\u00e1rios leg\u00edtimos,\u00a0<\/span><\/p>\n Para ativar a detec\u00e7\u00e3o de spam, habilite a op\u00e7\u00e3o “Ativar Cloudflare Turnstile” e, em seguida, insira sua Chave do Site e Chave Secreta do seu arquivo de configura\u00e7\u00e3o. <\/span>Painel Cloudflare<\/b>O tema do widget pode ser definido como Autom\u00e1tico, Claro ou Escuro, dependendo do design da sua loja.<\/span><\/p>\n Uma vez ativado, voc\u00ea tamb\u00e9m pode adicionar o <\/span>Campo de catracas Cloudflare<\/b> diretamente dentro de formul\u00e1rios individuais, utilizando as op\u00e7\u00f5es de campo de entrada do construtor de formul\u00e1rios.<\/span><\/p>\n Passos para gerar a chave secreta e a chave do site.\u00a0<\/span><\/p>\n Clique <\/span>Adicionar novo formul\u00e1rio<\/b> Para come\u00e7ar. Cada formul\u00e1rio tem sua pr\u00f3pria configura\u00e7\u00e3o independente, o que significa que voc\u00ea pode executar formul\u00e1rios diferentes com configura\u00e7\u00f5es diferentes em p\u00e1ginas diferentes da sua loja simultaneamente.<\/span><\/p>\n O painel de cria\u00e7\u00e3o de formul\u00e1rios inclui os seguintes campos:<\/span><\/p>\n Habilitar p\u00e1gina de formul\u00e1rio separada<\/b>Esta funcionalidade controla se este formul\u00e1rio ter\u00e1 um URL dedicado na sua loja. Se estiver ativada como <\/span>sim<\/b>Em seguida, o m\u00f3dulo PrestaShop Form Studio gera uma p\u00e1gina com o slug que voc\u00ea forneceu.<\/span><\/p>\n T\u00edtulo do formul\u00e1rio<\/b>O nome exibido aos clientes acima do formul\u00e1rio. Sugerimos que seja claro e descritivo para que os clientes entendam imediatamente a finalidade do formul\u00e1rio. Por exemplo: “Solicitar um or\u00e7amento”, “Compartilhe sua opini\u00e3o” ou “Entre em contato”.<\/span><\/p>\n Formul\u00e1rio Slug<\/b>O slug adicionado ser\u00e1 inclu\u00eddo na URL para que voc\u00ea possa personaliz\u00e1-la de acordo com suas necessidades. Por exemplo, “thank-u” resultar\u00e1 em yourstore.com\/form\/thank-u.<\/span><\/p>\n T\u00edtulo Meta do Formul\u00e1rio<\/b>Este meta t\u00edtulo ajuda a posicionar a p\u00e1gina do formul\u00e1rio nos resultados de pesquisa. Por exemplo: “Contacte a nossa equipa de suporte – Fashionstore.”\u00a0<\/span><\/p>\n Palavras-chave do formul\u00e1rio<\/b>As meta palavras-chave deste campo ajudam a categorizar o formul\u00e1rio dentro do site.<\/span><\/p>\n Descri\u00e7\u00e3o Meta do Formul\u00e1rio: <\/b>Esta meta descri\u00e7\u00e3o do formul\u00e1rio em <\/span>Construtor de formul\u00e1rios PrestaShop <\/b>ajuda nos mecanismos de busca.<\/span> Por exemplo, voc\u00ea pode adicionar a seguinte meta descri\u00e7\u00e3o ao formul\u00e1rio: “Preencha nosso formul\u00e1rio de contato r\u00e1pido e nossa equipe entrar\u00e1 em contato com voc\u00ea em at\u00e9 24 horas.” Isso ajudar\u00e1 o cliente a encontrar o formul\u00e1rio quando pesquisar pelo suporte da sua loja.<\/span><\/p>\n O processo de <\/span>construtor de formul\u00e1rios<\/b> Utiliza um sistema de layout baseado em colunas. Antes de adicionar campos, escolha quantas colunas cada linha deve conter.\u00a0<\/span><\/p>\n As op\u00e7\u00f5es variam de <\/span>de uma \u00fanica coluna de largura total para quatro colunas iguais<\/b>, com variantes adicionais que oferecem colunas esquerda ou direita maiores para layouts assim\u00e9tricos.<\/span><\/p>\n Essa flexibilidade significa que voc\u00ea pode criar solu\u00e7\u00f5es limpas, <\/span>formul\u00e1rios de pesquisa de coluna \u00fanica<\/b> t\u00e3o facilmente quanto complexo <\/span>coleta de dados de m\u00faltiplas colunas<\/b> Formul\u00e1rios onde campos relacionados ficam lado a lado usando o m\u00f3dulo Construtor de Formul\u00e1rios Online do PrestaShop<\/span><\/p>\n Para adicionar um campo de entrada<\/span>,<\/b> Clique em Adicionar Campo de Entrada em qualquer linha para inserir um elemento de formul\u00e1rio. Tipos de campo dispon\u00edveis:<\/span><\/p>\n Texto \/ \u00c1rea de texto<\/b>Coletar respostas escritas, curtas ou longas, dos clientes.\u00a0<\/span><\/p>\n Email:<\/b> Captura endere\u00e7os de e-mail com valida\u00e7\u00e3o de formato.<\/span><\/p>\n Senha, Telefone, URL, N\u00famero:<\/b> Campos de entrada especializados com valida\u00e7\u00e3o autom\u00e1tica com base no tipo de campo selecionado.\u00a0<\/span><\/p>\n Data:<\/b> Permite aos usu\u00e1rios selecionar ou inserir datas com valida\u00e7\u00e3o de formato.\u00a0<\/span><\/p>\n arquivo:<\/b> L<\/span>Os clientes da et carregam anexos nos formatos que voc\u00ea especificar.<\/span><\/p>\n Lista suspensa, caixa de sele\u00e7\u00e3o, bot\u00e3o de op\u00e7\u00e3o:<\/b> Campos de m\u00faltipla escolha; escolha com base na quantidade de op\u00e7\u00f5es dispon\u00edveis e se s\u00e3o necess\u00e1rias sele\u00e7\u00f5es \u00fanicas ou m\u00faltiplas.<\/span><\/p>\n HTML:<\/b> Incorpora marca\u00e7\u00e3o personalizada dentro do formul\u00e1rio, como instru\u00e7\u00f5es ou cabe\u00e7alhos de se\u00e7\u00e3o.<\/span><\/p>\n Catraca Cloudflare:<\/b> Posiciona o widget de prote\u00e7\u00e3o contra spam em um local espec\u00edfico dentro do formul\u00e1rio.<\/span><\/p>\n Enviar:<\/b> Envia o formul\u00e1rio e aciona a\u00e7\u00f5es configuradas, como notifica\u00e7\u00f5es por e-mail, respostas autom\u00e1ticas, integra\u00e7\u00f5es e p\u00e1ginas de agradecimento.\u00a0<\/span><\/p>\n <\/p>\n Cada formul\u00e1rio possui sua pr\u00f3pria configura\u00e7\u00e3o de e-mail, que pode ser gerenciada nas configura\u00e7\u00f5es de e-mail do formul\u00e1rio de contato. <\/span>M\u00f3dulo de cria\u00e7\u00e3o de formul\u00e1rios online para PrestaShop<\/b>Isso \u00e9 especialmente \u00fatil quando voc\u00ea tem v\u00e1rios formul\u00e1rios para diferentes departamentos ou finalidades.<\/span><\/p>\n Para o e-mail de notifica\u00e7\u00e3o do administrador<\/b>:<\/span><\/p>\n Voc\u00ea pode definir: os endere\u00e7os dos destinat\u00e1rios no <\/span>Para o campo<\/b>; destinat\u00e1rios ocultos adicionais no campo CCO; um endere\u00e7o “De” personalizado; e uma linha de assunto que pode variar de acordo com o idioma no formul\u00e1rio de gera\u00e7\u00e3o de leads do PrestaShop.<\/span><\/p>\n O campo “Responder a”<\/b> Permite encaminhar as respostas dos clientes para uma caixa de entrada espec\u00edfica, por exemplo, para sua equipe de suporte, em vez do endere\u00e7o administrativo geral.<\/span><\/p>\n O editor de corpo de mensagem usa a mesma interface de texto rica das configura\u00e7\u00f5es gerais, e as vari\u00e1veis \u200b\u200bde modelo permitem que voc\u00ea insira dinamicamente os valores reais enviados pelo seu cliente.<\/span><\/p>\n A se\u00e7\u00e3o de Resposta Autom\u00e1tica<\/b> Essa configura\u00e7\u00e3o \u00e9 semelhante \u00e0 do e-mail de confirma\u00e7\u00e3o enviado ao cliente. Habilite a Resposta Autom\u00e1tica e configure os campos Para, CCO, De, Assunto, Responder para e Corpo da Mensagem. A resposta autom\u00e1tica \u00e9 executada imediatamente ap\u00f3s o envio e n\u00e3o requer nenhuma a\u00e7\u00e3o manual da sua equipe.<\/span><\/p>\n Cada cen\u00e1rio de valida\u00e7\u00e3o possui sua pr\u00f3pria mensagem configur\u00e1vel. Voc\u00ea pode definir mensagens para: envio bem-sucedido, envio com falha, detec\u00e7\u00e3o de spam, campos obrigat\u00f3rios vazios, entradas que excedem o comprimento m\u00e1ximo, formatos de data inv\u00e1lidos, falhas no envio de arquivos, tipos de arquivo n\u00e3o suportados, arquivos muito grandes, erros de envio em PHP, formatos de n\u00famero inv\u00e1lidos, valores abaixo ou acima do intervalo permitido, endere\u00e7os de e-mail inv\u00e1lidos, URLs inv\u00e1lidas, n\u00fameros de telefone inv\u00e1lidos e IPs ou e-mails bloqueados.<\/span><\/p>\n Defina como \u201cSim\u201d para ativar uma p\u00e1gina p\u00f3s-envio. Quando desativado, o formul\u00e1rio \u00e9 redefinido ap\u00f3s o envio, sem nenhuma a\u00e7\u00e3o adicional.<\/span><\/p>\n Tipo de p\u00e1gina “Obrigado”<\/b>:<\/span><\/p>\n Ap\u00f3s ativar, escolha entre:<\/span><\/p>\n Fun\u00e7\u00e3o: Alias \u200b\u200bda p\u00e1gina:<\/b> O slug da URL da p\u00e1gina. Mantenha-o curto, em letras min\u00fasculas e com h\u00edfen.<\/span><\/p>\n Conte\u00fado:<\/b> Texto principal da p\u00e1gina de agradecimento, edit\u00e1vel atrav\u00e9s do editor de texto avan\u00e7ado. Suporta negrito, it\u00e1lico, sublinhado, tachado, listas, tabelas, cita\u00e7\u00f5es, links, imagens, v\u00eddeos incorporados, texto colorido e HTML puro.<\/span><\/p>\n Nas configura\u00e7\u00f5es de Apar\u00eancia, voc\u00ea pode controlar a exibi\u00e7\u00e3o do formul\u00e1rio no seu site usando o <\/span>Formul\u00e1rio de feedback do cliente PrestaShop<\/b><\/a>.\u00a0\u00a0<\/span><\/p>\n\n
Carregar e instalar o m\u00f3dulo<\/b><\/h3>\n
\n
4.0 Painel de Administra\u00e7\u00e3o de Configura\u00e7\u00f5es Gerais<\/b><\/h2>\n
4.0.1 Ativar ou desativar o m\u00f3dulo<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/General-Setting-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.0.2 Configura\u00e7\u00f5es de e-mail<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Mail-templates-prestashop-form-studio-scaled.png\")
<\/a><\/p>\n4.0.3 Prote\u00e7\u00e3o contra spam do Cloudflare Turnstile<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Cloudflare-Turnstile-functionality-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n\n
\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Add-Widgets-in-Cloudflare-turnstile.png\")
<\/a><\/li>\n
\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Copy-Client-secret-key-after-widget-in-Cloudflare-Turnstile.png\")
<\/a><\/li>\n4.1 Criando e adicionando formul\u00e1rios usando o m\u00f3dulo Form Builder do PrestaShop<\/b><\/h2>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Form-showing-in-the-Forms-feature-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.1 Adicionando um novo formul\u00e1rio<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Form-Basic-details-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.2 Elabora\u00e7\u00e3o do Layout do Formul\u00e1rio<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Design-Layout-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.3 Adicionando campos de entrada<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Input-fields-in-Prestashop-Form-Studio-Module.png\")
<\/a><\/p>\n4.1.4 Configura\u00e7\u00f5es de e-mail<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Email-to-Admin-settings-in-Prestashop-Form-Builder-Module.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/AutoSender-Reply-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.5 Mensagens de Valida\u00e7\u00e3o Personalizadas<\/b><\/h3>\n
4.1.6 Exibir a p\u00e1gina de “Obrigado” ap\u00f3s o envio do formul\u00e1rio<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Validation-Settings-in-Prestashop-Form-builder-Module.png\")
<\/a><\/p>\n\n
\n<\/b> O cabe\u00e7alho exibido na parte superior da p\u00e1gina de agradecimento padr\u00e3o.<\/span><\/p>\n4.1.7 Configura\u00e7\u00f5es de apar\u00eancia e exibi\u00e7\u00e3o<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Restriction-and-display-Positon-in-Prestashop-Feeedback-Survey-Form-Builder-Module.png\")
<\/a><\/p>\n