A SharpSpring permite criar formulários dinâmicos que podem ser colocados aonde você desejar em seu site.

Eventualmente, você pode precisar passar valores de campos ocultos em um campo personalizado dentro da SharpSpring.

Este artigo detalha como passar esses valores para um campo personalizado a partir de um formulário SharpSpring.

Diferenças dos Campos Ocultos

Quando você passa valores de campos ocultos, o valor pode variar baseado em qual página do seu site o fomulário foi enviado. Por exemplo, se você usar o mesmo formulário Entre em Contato entre múltiplas páginas do seu site, você pode passar um valor diferente para cada página. Por outro lado, caso crie um campo oculto no Editor de Formulário, o valor oculto será o mesmo, independentemente de onde o formulário é preenchido.

Se você possui um código que obtenha a localização da URL do navegador e a coloque em um campo oculto, você pode fazer com que a localização conste no registro do contato. Esse valor seria único de cada colocação do código de formulário da SharpSpring. Isso seria impossível de ser feito utilizando a opção de campo oculto no Editor de Formulário. A opção de campo oculto no Editor de Formulário ainda possui o seu valor (especialmente para a criação de alternativas para o CAPTCHA), mas passar campos ocultos fornece um pouco mais de flexibilidade no tipo de informação que você pode conseguir.

Obtendo Informações de Campos Ocultos

Códigos incorporados de formulários podem ser modificados. Para campos de sistema, você pode passar os seus próprios valores nesses campos. Para campos personalizados, em vez de utilizar o nome do campo, você precisará usar o ID de sistema do campo. Para obter o valor do ID do campo, faça o seguinte:

  1. Na barra de ferramentas superior da SharpSpring, clique em Configurações de Usuário > Configurações.
  2. No painel esquerdo, sob Funcionalidades, clique em Campos Personalizados.
  3. Localize o campo personalizado a ser incluído no formulário.
  4. Ao lado direito do campo personalizado, clique em Opções > Copiar ID do Campo para o Clipboard.

Adicionando Campos Ocultos em Códigos Incorporados de Formulários

Assim que o valor do ID do campo for obtido, será preciso inseri-lo em um formulário. Para isso, o código incorporado do formulário precisará ser modificado. Para editar um código incorporado de um formulário, a fim de adicionar um campo oculto, faça o seguinte:

  1. Na barra de ferramentas superior da SharpSpring, clique em Conteúdo > Formulários.
  2. Crie ou edite um formulário.
  3. Clique em Opções > Código Incorporado.
  4. Localize a linha de código  ss_form.hidden = {'Company':'Anon'}; 
  5. Substitua  Company  por  field_.
  6. Cole o ID de campo copiado depois de   field_.
  7. Substitua  Anon por um nome variável.
  8. Clique em Fechar.

Por exemplo, caso o campo personalizado for armazenado em uma variável JavaScript chamada  prodName, a linha editada do código deve ficar da seguinte maneira:

ss_form.hidden = {'field_96971777': prodName};

Esse procedimento assume que você está editando o código incorporado pela primeira vez. Caso não consiga achar {'Company':'Anon'}; , procure por ss_form.hidden = e modifique os respectivos conteúdos, dentro dos aspas simples.

Importante: se houverem duas barras (//) antes de ss_form.hidden, delete-as. Elas não permitirão que o campo oculto passe.

Importante: com os campos sendo passados por campos ocultos, utilizando esse método, eles não devem ser adicioná-los ao formulário pelo editor de formulário. Passar esses campos como campos ocultos cria espaços brancos abaixo do formulário.

Perguntas Frequentes

P: Como eu passo múltiplos valores?
R: Separe os valores com vírgulas.

{'field_96971777': prodName, 'field_01010101': anotherValue}

P: Como eu passo uma string estática utilizando o campo oculto?
R: Inclua a linha dentro de aspas simples.

'12345'

P: Como eu passo um campo de referência?
R: Você precisará utilizar ref_ ao invés vez de field_.

ss_form.hidden = {'ref_96971777': prodName};
Encontrou sua resposta?