Olá,
Segue tutorial do módulo de formulário avançado:

Primeiro Vamos as configurações gerais

No painel ir em: Formulários Customizados -  Configuração dos Formulários



Geral



  1. Habilitar Formulários: Para habilitar ou desabilitar a extensão de formulários flexíveis. 
  2. Habilitar jQuery: Para habilitar ou desabilitar jQuery. Se já usou a biblioteca jQuery no tema atual, desative-a. “ou seja, O tema padrão 'rwd'  fornece o arquivo 'jquery-1.10.2.min.js', então não há necessidade de habilitá-lo.” 
  3. Habilitar no link superior: para habilitar ou desabilitar o link de formulários flexíveis no menu do link superior do frontend. 
  4. Habilitar no link do rodapé :Para habilitar ou desabilitar o link do FlexibleForms no menu de link do rodapé do frontend. 
  5. Redirect Url:Para redirecionar a página após o envio bem-sucedido do formulário. ou seja, http://www.domain.comSe o administrador quiser redirecionar o formulário após o envio bem-sucedido, adicione o URL de redirecionamento neste campo, caso contrário, deixe-o em branco.
  6. Habilitar somente para usuários logados: Permitir permissão para enviar formulário apenas para usuários logados ou para todos. 
  7. Armazenar Resultado no Banco de Dados: Para habilitar ou desabilitar os resultados do formulário no banco de dados.


Configurações de e-mail para o Administrador - aqui vai definir se o administrador do site vai receber e-mail quando alguém preencher o formulário, definir o nome do e-mail, o endereço de e-mail, assunto e o template, etc.


  1. Habilitar e-mail para administrador: para habilitar ou desabilitar o e-mail do administrador. 
  2. Nome do e-mail do administrador: o administrador receberá o e-mail deste nome. 
  3. Endereço do administrador para o e-mail: o administrador receberá o e-mail para este endereço de e-mail. 
  4. Remetente de e-mail para o Admini: O administrador receberá um e-mail deste endereço de e-mail. “Este endereço de e-mail deve conter o mesmo domínio do site. ou seja, no-reply@domain.com” 
  5. Assunto do email do administrador: nome do assunto do email do administrador. 
  6. Modelo de email do administrador: o administrador pode alterar o modelo de email do administrador a partir daqui.


image


Configurações de e-mail para o cliente:  aqui vai definir se o cliente  vai receber e-mail ao preencher o formulário, definir o nome do e-mail, o endereço de e-mail, assunto e o template, etc.


  1. Habilitar e-mail para o cliente: para habilitar ou desabilitar o e-mail do cliente. 
  2. Nome do e-mail do cliente: o cliente receberá o e-mail deste nome.  
  3. Endereço de e-mail do cliente: o cliente receberá o e-mail deste endereço de e-mail. 
  4. Assunto do e-mail do cliente: nome do assunto do e-mail do cliente. 
  5. Modelo de e-mail do cliente:Seleção do modelo de e-mail do cliente.

image


Configurações do Formulário de Consulta do Produto


  1. Ativar consulta do produto: para ativar ou desativar o formulário de consulta do produto. 
  2. Exibir título na guia/garantia do produto:Digite o texto a ser exibido na aba/garantia do produto. 
  3. Lista de formulários flexíveis:Selecione um formulário para exibir como formulário de consulta do produto. 
  4. Atributo do produto em E-mail: o atributo do produto selecionado será exibido no e-mail de consulta do produto.



Habilitar o captcha e inserir o site key e a secret key da conta do cliente -  caso o cliente ainda não tiver - criar pelo link: https://www.google.com/recaptcha/admin/create


Caso o cliente já tiver  o captcha, irá inserir a mesma chave - que esta em: Sistema - Configuração - Amasty Extension - Google Recaptcha




Criando o Formulário.

Formulários Customizados - Gerenciar Formulários - será mostrada a lista de formulários existentes - 



Será exibido os seguintes campos:


  • Id:Id do formulário 
  • Título: Título do formulário 
  • Chave de URL do formulário: Chave de URL do formulário para ver o formulário direto em vez do widget. 
  • Campos: Exibe quantos campos estão disponíveis neste formulário. 
  • Não. De Resultados: Exibe o número de envios de formulários e o link da página de resultados. 
  • Hora de criação: Hora de criação do formulário. 
  • Hora de atualização: Hora de atualização do formulário. 
  • Status: Status do formulário. 
  • Ação: Link da página de edição do formulário. 
  • Visualização: Formulário “Visualizar ” link da página para frontend.


Para criar clicar em: Adicionar Formulário




Na aba Informações do Formulário


Vai inserir o título do formulário, a url, descrição, podendo inserir mensagem de falha ou sucesso no envio das informações, o texto do botão que vai enviar as informações e habilitar ou desabilitar o formulário.


  • Título: Título do formulário
  • Chave de URL do formulário: chave de URL do formulário para visualizar o formulário no frontend
  • Descrição da parte superior do formulário: para exibir a descrição do formulário na parte superior do formulário no frontend.
  • Descrição da parte inferior do formulário: para exibir a descrição do formulário na parte inferior do formulário no frontend.
  • Mensagem de formulário bem-sucedido: para exibir mensagem de sucesso para envio de formulário bem-sucedido. 
  • Mensagem de falha de formulário: para exibir mensagem de falha após falha de envio de formulário
  • Status:Para habilitar ou desabilitar este formulário


image
image


Aba Configurações Gerais 


Para habilitar captcha ou url de redirecionamento após o sucesso de envio das informações.


image


Aba Configurações de e-mail  


Trata-se da mesma configuração de e-mail informado na configuração geral , mas aqui vai trabalhar para o formulário em específico!


  • Habilitar notificação de e-mail para administrador: Específico do formulário, habilitar ou desabilitar a notificação por e-mail do administrador. 
  • Endereço de e-mail do administrador: Específico do formulário, o administrador receberá um e-mail para este endereço de e-mail, caso contrário, o administrador receberá um e-mail para o endereço de e-mail da página de configuração "Admin To Email Address" campo "Admin To Email Address" 
  • Modelo de e-mail de administrador específico de formulário: Para ativar/desativar o modelo de email de administrador específico de formulário. 
  • Admin Email Template: Seleção de modelo de email se habilitar a opção “Form specific admin email template”.
  • Habilitar notificação por e-mail para o cliente: Específico do formulário, habilitar ou desabilitar a notificação por e-mail do cliente.
  • Resposta do cliente por e-mail: Específico do formulário, o cliente receberá e-mail deste endereço de e-mail, caso contrário, o cliente receberá e-mail da página de configuração do endereço de e-mail campo "Endereço de e-mail do cliente" . “Este endereço de e-mail deve conter o mesmo domínio do site. ou seja, no-reply@domain.com” 
  • Modelo de email de cliente específico de formulário: para ativar/desativar modelo de email de cliente específico de formulário. 
  •  Modelo de email de cliente: seleção de modelo de email se habilitar a opção "Modelo de email de cliente específico de formulário"


image


Aba Lista de Conjunto de Campos - aqui para criar topicos nos formulários ( caso for ter).


Será exibida as seguintes informações:

ID do conjunto de campos: ID do conjunto de campos 

Título: Título do conjunto de campos 

Posição: Posição do conjunto de campos para exibição em ordem no frontend. 

Status: Status do conjunto de campos





Para adicionar novo Campo - Clique em: Adicionar Novo Conjunto de Campo e Preencha as informações.



image


Aba Lista de Campos  - são os campos dos formulários  - para criar - clicar em Adicionar novo campo, para editar clique no referido campo.


image

Vai inserir informações como o titulo do campo, o titulo do campo, se ele esta vinculado à algum conjunto de campo, se é obrigatório o seu preenchimento, mensagem de erro ( se caso não preencher), leiaute, a posição (ordem) e para habilitar o campo, etc.



  • Título:Título do campo
  • Tipo de campo:Tipo de campo para o campo atribuído atual (ou seja, Text, Textarea, Select, etc...). 
  • Conjunto de Campos:Selecione o fieldset se você deseja exibir o grupo de campos do formulário/fieldset, caso contrário, você não precisa selecione fieldset.
  • Pode inserir variáveis pré definidas, exemplo:Para preencher automaticamente os dados do cliente no campo, use as seguintes variáveis:{{firstname}} = primeiro nome do cliente: {{lastname}} = último nome do cliente, {{email}} = email do cliente, {{telefone}} = telefone de cobrança do cliente, {{street}} = rua do cliente, {{street-2}} = número da rua do cliente, {{street-3}} = bairro do cliente, {{street-4}} = complemento do cliente, {{city}} = cidade do cliente, {{country}} = país do cliente, {{state}} = estado do cliente. Para usar o endereço de entrega do cliente, adicione shipping como prefixo na variável mencionada acima. ex: para a rua de entrega do cliente {{shipping-street}}
  •  Definir se o preenchimento do campo será ou não obrigatório
  • Insira uma mensagem de erro personalizada, exemplo: Campo obrigatório etc.
  • Defina o Layout: 1 ou 2 colunas
  • Posição: Posição dos campos para definir o campo no frontend. 
  • Dica de ferramenta: Para exibir informações com Título do campo como dica de ferramenta no rótulo do frontend.
  • Nota: Para exibir a Nota abaixo do campo. O administrador pode definir informações a partir daqui.
  • Classe Css de Campo: Para adicionar algum estilo adicional, você pode definir uma classe específica de campo e ela adicionará no elemento pai do campo de frontend. 
  • Status: Status do campo


image
image

Após preencher todos as informações necessárias, clicar em Salvar Formulário e o Gerenciamento de Cache.


Como ver o resultado da exibição


Para verificar o resultado da exibição dos dados do formulário armazenados, no painel clique em > Formulários flexíveis > Gerenciar formulários > [Exibir resultados] Você pode ver o formulário respeitado Link Exibir resultados 



Exibir resultado: Você pode exibir os resultados do formulário com todos os detalhes do campo . Além disso, "IP do usuário, tempo de envio do formulário, informações do navegador do usuário".



Inserir widget de formulário


Para inserir widget de formulário na página cms, você pode adicioná-lo das formas em: CMS>Páginas>Gerenciar páginas>Selecione a Página desejada ou Clique em “Adicionar nova página” para inserir em uma nova página ou editar na página existente> Clique na guia “Conteúdo” > Clique no ícone "Widget" do editor wysiwyg ou clique no botão "Mostrar / Ocultar Editor" > Em seguida, o botão "Inserir Widget..." aparecerá > Clique no botão "Inserir Widget..." e a tela pop-up abaixo aparecerá. > Selecione a opção "Flexibleforms: Form" na lista suspensa "Widget Type" > Em seguida, selecione o formulário na lista suspensa "Flexibleforms" conforme sua necessidade.

 

Você pode adicionar formulário na página cms usando o código abaixo, mas precisa substituir “form_id” conforme sua necessidade.{{widget type="flexibleforms/widgetform" form_id="1"}}