Skip to content

Latest commit

 

History

History
126 lines (93 loc) · 4.11 KB

joomla-formmakerlite.md

File metadata and controls

126 lines (93 loc) · 4.11 KB

Integração com o CMS Joomla via plugin Form Maker Lite

Primeiros passos

Se você utiliza a plataforma Joomla, você pode integrar seus formulários com o RD Station utilizando o plugin Form Maker Lite e seguindo as instruções abaixo.

Ao criar seu formulário, siga os passos:

1 - Clique em FORM OPTIONS;

2 - Acesse a aba JavaScript;

3 - dentro das funções before_load() e before_submit() insira os códigos abaixo, fazendo as alterações descritas no próximo item:

function before_load()
{
 loadScript = function() {
   var head = document.getElementsByTagName("head")[0],
     script = document.createElement("script");
   script.type = "text/javascript";
   script.src = "https://d335luupugsy2.cloudfront.net/js/integration/0.1.0/rd-js-integration.min.js";
   head.appendChild(script)
 };

 loadScript();
};

// Occurs just before submitting  the form
function before_submit()
{
 var dados = {
   'email': document.getElementById('wdform_2_element1').value,
   'identificador': 'IDENTIFICADOR DESEJADO',
   'token_rdstation': 'SEU_TOKEN_RDSTATION'
 };

 RdIntegration.post(dados);
}

// Occurs just before resetting the form
function before_reset()
{

}

Configurando a integração

Altere os seguintes dados:

1 - troque "SEU_TOKEN_RDSTATION" pelo seu token do RD Station;

2 - troque "IDENTIFICADOR DESEJADO" pelo identificador que você deseja relacionar a esse formulário;

3 - associe os dados do seu formulário aos dados do RD Station:

Vá em editar o campo de e-mail e copie o Field name dele e coloque como email na variável dados:

  var dados = {
    'email': document.getElementById('wdform_1_elementform_id_temp').value,
    'identificador': 'IDENTIFICADOR DESEJADO',
    'token_rdstation': 'SEU_TOKEN_RDSTATION'
  };

Note que é preciso colocar o Field name dentro dos parênteses e dentro de aspas simples na função document.getElementById('wdform_1_elementform_id_temp').value. No caso acima, você substituiria wdform_1_elementform_id_temp pelo Field name do email no seu formulário

Repita esse passo para os demais campos, ficando, por exemplo, assim:

  var dados = {
    'email': document.getElementById('wdform_1_elementform_id_temp').value,
    'telefone': document.getElementById('wdform_2_element_form_id_temp').value,
    'nome': document.getElementById('wdform_3_element_firstform_id_temp').value + ' ' + 'document.getElementById('wdform_3_element_lastform_id_temp').value,
    'identificador': 'IDENTIFICADOR DESEJADO',
    'token_rdstation': 'SEU_TOKEN_RDSTATION'
  };

O campo nome é composto por dois campos, por isto tem um formato um pouco diferente dos demais.'

Por fim, a caixa do JavaScript deve estar semelhante a essa:

// Occurs before the form is loaded
function before_load()
{
  loadScript = function() {
    var head = document.getElementsByTagName("head")[0],
      script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "https://d335luupugsy2.cloudfront.net/js/integration/0.1.0/rd-js-integration.min.js";
    head.appendChild(script)
  };

  loadScript();
}

// Occurs just before submitting  the form
function before_submit()
{
 var dados = {
    'email': document.getElementById('wdform_1_elementform_id_temp').value,
    'telefone': document.getElementById('wdform_2_element_form_id_temp').value,
    'nome': document.getElementById('wdform_3_element_firstform_id_temp').value + ' ' + 'document.getElementById('wdform_3_element_lastform_id_temp').value,
    'identificador': 'IDENTIFICADOR DESEJADO',
    'token_rdstation': 'SEU_TOKEN_RDSTATION'
  };

  RdIntegration.post(dados);
}

// Occurs just before resetting the form
function before_reset()
{

}

Dessa forma, seu formulário estará integrado ao RD Station. Todos os Leads que converterem nesse formulário serão criados na sua base de Leads.

Em caso de dúvidas, você pode entrar em contato com o nosso suporte.