Neste artigo, vamos observar várias soluções para trabalhar com o código de formulários CRM.
Como colocar o mesmo formulário várias vezes na mesma página?
Copie o código do formulário e coloque-o no código da página onde quer que seja exibido.
É possível usar um formulário de CRM e um widget com este formulário de CRM na mesma página?
Sim, é possível. Copie o código do formulário de CRM e cole-o em qualquer lugar da página.
Como posso adicionar vários formulários de contato em uma página?
Copie o código do formulário e cole-o no código da página onde deseja exibi-lo.
Como configurar o preenchimento automático de campos ocultos no formulário de CRM?
Adicione um campo oculto aos formulários de CRM que deseja publicar no site e defina um valor. Por exemplo, %test%.
Preenchimento automático de campos ocultos em formulários de CRM
No script, especifique o valor do campo oculto e os dados que serão inseridos nele. Por exemplo, form.setProperty("test", "567"), onde test é o valor do campo oculto e 567 são os dados a serem enviados para o CRM. Se houver vários campos ocultos no formulário, adicione o código para cada um.
O script funcionará para todos os formulários que contêm campos ocultos com os parâmetros definidos.
<script>
window.addEventListener('b24:form:init', (event) => {
let form = event.detail.object;
form.setProperty('test', '567');
});
</script>
Para vincular o script a um formulário de CRM específico, adicione ao código o seu ID. Por exemplo, para um formulário com ID 14, o código será form.identification.id == 14.
<script>
window.addEventListener('b24:form:init', (event) => {
let form = event.detail.object;
/*if (form.identification.id == 14) {
form.setProperty("test", "567");
}*/
});
</script>
Para garantir a transmissão correta dos dados, posicione o script apropriado no site ANTES da conexão do formulário.
Como especificar valores de campo para todos os widgets da página?
Coloque este script na página ANTES de conectar o widget.
<script>
window.addEventListener('b24:form:init', (event) => {
let form = event.detail.object;
form.setValues({
"name": "Edson",
"last-name": "Henriques",
"email": "edson@example.com",
"phone": "+5512345678900"
});
});
</script>