O recurso de solicitação de orçamento foi adicionado na versão 2.8.0 do GrowCRM e é usado para criar formulários que seus clientes ou clientes em potencial podem usar para solicitar uma estimativa de custo para serviços ou produtos de sua empresa. O recurso de solicitação de orçamentos oferece a capacidade de adicionar vários tipos de campos que podem ser personalizados de acordo com as necessidades da sua empresa.

Por exemplo, se sua empresa oferece design de site, seus clientes podem solicitar um orçamento para um design de site por meio do formulário que você criou anteriormente em GrowCRM. Normalmente, os formulários contêm perguntas mais gerais, como “Qual é o seu orçamento”, “Urgência”, “Tipo de site” etc. Com base nas informações inseridas pelo cliente, você pode criar um orçamento no GrowCRM e enviá-lo ao cliente.

Os formulários podem ser enviados diretamente ao cliente como um link direto ou você pode incorporá-los via iframe diretamente às páginas do seu site, por exemplo. você pode ter um link de menu no site da sua empresa existente chamado “Solicitar orçamento” e, nessa página, você pode incorporar o iframe do formulário.

Criar formulários de solicitação de orçamento

O primeiro passo é criar um formulário de solicitação de orçamento. No GrowCRM, você pode criar um número ilimitado de formulários de solicitação de orçamento. Para isso, quando estiver conectado como administrador, siga as etapas abaixo.

• Clique em Configurar  e depois em Solicitação de orçamento ->Formulários.
• Clique em Novo formulário.
• Adicionar nome do formulário, para identificação pessoal, por exemplo, “Solicitação de orçamento no site”.
• Idioma – O idioma é usado atualmente apenas para as mensagens de validação.
• Texto do botão Enviar – A parte inferior onde o usuário precisará clicar para enviar o formulário, por exemplo. Solicite um orçamento ou entre em contato conosco. Sinta-se à vontade para fazer os ajustes necessários.
• Mensagem a ser exibida após o envio bem-sucedido do formulário– Esta mensagem será exibida após o envio bem-sucedido do formulário.
• Status– A solicitação de orçamento precisará estar em status após ser enviada com sucesso ao banco de dados do GrowCRM.
• Responsável– Atribua automaticamente a solicitação de orçamento a um membro específico da equipe.
• Configurações de notificação– Todos os usuários, com base no tipo de notificação, ser notificado por meio de notificação integrada no GrowCRM e, além disso, o membro da equipe responsável pela solicitação de orçamento receberá uma notificação por e-mail se em Configuração->Modelos de e-mail -> Solicitação de orçamento atribuída (enviada à equipe) não estiver marcada como desabilitada.
• Recaptcha– Você pode usar o Google Recaptcha para evitar spam. O campo para o Google Recaptcha será exibido somente se você tiver configurado as chaves do recaptcha anteriormente. Após criar o formulário, duas novas guias serão exibidas na área de formulário Form Builder e Código de Integração. Para mais informações, consulte o artigo “Criador de Formulários e Código de Integração”.m Builder

– O lugar onde você cria o formulário e ajusta todos os campos necessários.Código de Integração é o código que você precisará inserir no seu site para que o formulário seja exibido. Observe que, no link, você poderá ver que cada um tem uma chave exclusiva.

Adicionar campos ao formulário

Para adicionar um campo ao formulário, basta arrastar o campo para o lado direito na área do formulário, observe que o campo E-mail precisa existir no formulário e também deve ser marcado como um campo obrigatório.

Personalize os campos

Você pode personalizar os rótulos, adicionar texto de ajuda, marcadores de posição e torná-los obrigatórios. Ao arrastar o campo na área do formulário, basta passar o mouse sobre o campo no canto superior direito e você poderá ver 3 botões (editar, copiar e remover)

Depois de personalizar o formulário clique no botão inferior esquerdo SALVAR e clique na aba Código de Integração para obter o código que você precisa adicionar ao seu site. O código será colocado como iframe e você pode ajustar a largura e a altura diretamente ao trecho de código fornecido pelo GrowCRM.

Estilo

Se precisar estilizar a cor dos campos de entrada para que se ajustem ao seu site, você pode criar arquivo custom.css em assets/css e aplique os estilos necessários.Exemplo alteração da cor da borda das entradas:

Exemplo alteração do botão de envio cor de fundo:

Redirecionar o usuário para uma URL personalizada após o envio

Via FTP/cPanel, acesse application/helpers/ e crie (se não existir) o arquivo my_functions_helper.php e adicione o seguinte trecho de código:

Não se esqueça de incluir a tag de abertura <?php no topo do arquivo, caso ela ainda não tenha sido adicionada.

Incluir logotipo no formulário

Para incluir o logotipo da sua empresa no formulário, você pode compartilhar ou incorporar a URL com o parâmetro de string de consulta, conforme mostrado abaixo:

Compartilhamento direto de links

Os formulários podem ser compartilhados diretamente com seus clientes sem realmente incorporar o formulário em seu site. Esse recurso é útil, por exemplo, se você deseja incluir um link em e-mails ou SMS. etc…

Para que o GrowCRM saiba que o link do formulário é compartilhado diretamente e não incorporado em um iframe, você precisa especificar a string de consulta da URL. Nesse caso, o GrowCRM fornecerá um estilo melhor ao formulário.

Criar layouts de formulário com várias colunas

Por padrão, os campos do formulário serão adicionados em uma única coluna com largura total de o documento se você quiser personalizar o formulário e ter os campos exibidos em várias colunas, adicionamos a capacidade de fazer isso com classes personalizadas aplicadas ao campo, você pode adicionar até 12 colunas em 1 linha.

No exemplo a seguir, criaremos 2 campos em 2 colunas e 1 linha.

Lembre-se de que as colunas não serão aplicadas no construtor de formulários, apenas quando o formulário for visualizado acessando o link de integração ou estiver em um iframe.Aqui está um exemplo rápido:Resultado final:

Suponha que no seu construtor de formulários você tenha 4 campos, como na ordem Nome, Endereço de e-mail, Empresa, Endereço.

Para os 2 primeiros campos, clique no botão EDITAR no canto superior direito do wrapper de campo para deslizar para baixo na área de edição. Na entrada de classe, adicione uma classe adicional para ambos os campos form-col-6 conforme mostrado na imagem abaixo.

Salve o formulário clicando no botão salvar e visualize o formulário no link de integração para ver o resultado final.

Como mencionado antes, você pode adicionar até 12 colunas, neste caso, form-col-6 + form-col-6 = 12, caso queira adicionar 3 colunas, aplique a classe form-col-4 em 3 campos (form-col-4*3 campos serão 12 e os campos caberão no documento) que estão um por um em ordem.

Como na maioria dos casos você irá incorporar o formulário em um pequeno contêiner/porção do seu site, o CSS da grade do bootstrap ainda mostrará as colunas como novas linhas (não divididas em 2 colunas). Nesse caso, considere adicionar outra classe adicional para contêineres pequenos, por exemplo, se você adicionou a classe form-col-6, adicione uma classe adicional para a área pequena form-col-xs-6, clique aqui para verificar como isso deve ficar.

Few Algumas coisas a considerar

Ao inserir o código do snippet do iframe, há algumas coisas que você precisa considerar.

1. Se o protocolo da sua instalação do GrowCRM for HTTP, use uma página HTTP dentro do iframe.
2. Se o protocolo da sua instalação do GrowCRM for https, use uma página https dentro do iframe.
3. Resumidamente, será necessário nenhuma instalação do GrowCRM com SSL precisará colocar o link em nenhuma página de destino com SSL e vice-versa, sites com SSL com instalação do GrowCRM com SSL e nenhum site com SSL sem instalação do GrowCRM com SSL. Você pode ler mais sobre isso aqui.things to consider