A funcionalidade Solicitação de Orçamento do V-Pro permite criar formulários personalizados para que clientes ou potenciais clientes solicitem uma estimativa de valores para produtos ou serviços. Esses formulários facilitam a coleta de informações comerciais iniciais e agilizam a criação de propostas e orçamentos dentro do sistema.

Essa funcionalidade é ideal para empresas que desejam padronizar pedidos de orçamento, reduzir retrabalho comercial e centralizar todas as solicitações em um único fluxo.

Como funciona a Solicitação de Orçamento

O processo segue o fluxo abaixo:

1. O administrador cria um formulário de solicitação de orçamento.

2. O formulário é disponibilizado via link direto ou incorporado ao site da empresa.

3. O cliente preenche o formulário com as informações solicitadas.

4. A solicitação é registrada automaticamente no V-Pro.

5. A equipe interna analisa os dados e gera um orçamento com base nas respostas fornecidas.

Criando um Formulário de Solicitação de Orçamento

Para criar um novo formulário:

1. Acesse Configurações.

2. Vá até Solicitação de Orçamento → Formulários.

3. Clique em Novo Formulário.

4. Preencha as informações básicas do formulário.

Campos de configuração do formulário

• Nome do formulário
  Identificação interna do formulário (exemplo: Solicitação de Orçamento de Website).

• Idioma
  Utilizado para mensagens de validação do formulário.

• Texto do botão de envio
  Texto exibido no botão de submissão (exemplo: Solicitar Orçamento, Pedir Proposta).

• Mensagem após envio
  Mensagem exibida ao usuário após o envio bem-sucedido do formulário.

• Status
  Status que a solicitação receberá ao ser registrada no sistema.

• Responsável
  Colaborador que será automaticamente atribuído à solicitação.

• Configurações de notificação
  Define quais usuários serão notificados internamente e por e-mail quando uma nova solicitação for criada.

• reCAPTCHA
  Pode ser ativado para evitar envios automáticos e spam, desde que configurado previamente.

Após salvar o formulário, duas novas abas ficam disponíveis:

• Construtor de Formulário

• Código de Integração

Construindo o Formulário

Adicionando campos

No Construtor de Formulário, arraste os campos desejados para a área do formulário.
O campo E-mail é obrigatório e deve estar marcado como obrigatório.

Exemplos de campos comuns:

• Nome

• E-mail

• Empresa

• Orçamento estimado

• Prazo

• Tipo de serviço

• Observações

Personalizando os Campos

Cada campo pode ser customizado individualmente:

• Alterar rótulo (label)

• Adicionar texto de ajuda

• Definir placeholder

• Marcar como obrigatório

• Copiar ou remover o campo

As opções de edição aparecem ao passar o cursor sobre o campo.

Após finalizar a configuração, clique em Salvar.

Integrando o Formulário ao Site

Na aba Código de Integração, copie o código do formulário.

• O formulário é disponibilizado via iframe

• É possível ajustar largura e altura diretamente no código

• Cada formulário possui uma URL exclusiva

O formulário pode ser:

• Incorporado em páginas do site

• Compartilhado como link direto

• Enviado por e-mail ou mensagem

Personalização Visual (CSS)

Caso seja necessário adaptar o visual do formulário ao site, é possível utilizar um arquivo de estilo personalizado.

Exemplo de ajuste de borda dos campos:

body.estimate-request-form input {
  border-color: red;
}

Exemplo de ajuste do botão de envio:

body.estimate-request-form #form_submit {
  background: red;
}

body.estimate-request-form #form_submit:hover,
body.estimate-request-form #form_submit:active {
  background: green;
}

Redirecionar o Usuário Após o Envio

É possível redirecionar o usuário para uma URL específica após o envio do formulário.

Para isso, crie (ou edite) o arquivo:

application/helpers/my_functions_helper.php

E adicione o seguinte código:

hooks()->add_action('estimate_request_form_submitted','my_estimate_request_form_submitted_redirect_to_custom_url');

function my_estimate_request_form_submitted_redirect_to_custom_url($data){
    echo json_encode(array(
        'success'=>true,
        'redirect_url'=>'https://sua-url.com'
    ));
    die;
}

Exibir Logotipo da Empresa no Formulário

Para exibir o logotipo da empresa no formulário, utilize o parâmetro na URL:

https://seu-vpro.com/form-url?with_logo=1

Compartilhamento por Link Direto

Quando o formulário for compartilhado diretamente (sem iframe), utilize o parâmetro adicional para melhor estilização:

https://seu-vpro.com/form-url?with_logo=1&styled=1

Criando Formulários com Múltiplas Colunas

Por padrão, os campos são exibidos em uma única coluna.
É possível criar layouts em múltiplas colunas utilizando classes CSS.

Exemplo:

• form-col-6 → meia largura

• form-col-4 → um terço da largura

• Total máximo por linha: 12 colunas

Exemplo prático:

• Dois campos lado a lado: form-col-6 + form-col-6

• Três campos lado a lado: form-col-4 + form-col-4 + form-col-4

Essas classes são aplicadas nas configurações do campo e só aparecem no formulário final, não no construtor.

Boas Práticas Importantes

• Sempre utilize o mesmo protocolo (HTTP ou HTTPS) entre o site e o formulário

• Evite formulários sem campos obrigatórios essenciais

• Utilize campos objetivos para facilitar a análise comercial

• Teste o formulário antes de publicá-lo

• Combine notificações internas com responsável definido

Considerações Finais

A Solicitação de Orçamento do V-Pro é uma ferramenta estratégica para organizar a entrada de oportunidades comerciais, padronizar informações recebidas e acelerar o processo de geração de propostas. Quando bem configurada, ela reduz erros, melhora a experiência do cliente e aumenta a eficiência do time comercial.