Criação de Front e back end para a calculadora do meu site ( Integração Pipefy, Wordpress, Css, Javascript, Php )

GT Metrix
- Deixar site rápido

Mudar o front do Formulário:

Hoje o site ta como old2, acredito que seja outro site eu preciso que essa calculadora seja uma extensão do site atual

Dentro do Formulário:
- Quando algo estiver faltando no formulário e a pessoa clicar em continuar eu quero que apareça uma aviso no canto superior direito dizendo em qual campo falta preencher e também a caixa de selação do que falta ser preenchido em vermelho sinalizando que é ali que deve ser preenchido

- Local do evento: copiar info e colar num campo dentro do pipefy no startform como forma de texto


Tela 1: Queremos conhecer você!

E-mail: Colocar e-mail e ter um validador por trás para caso não tiver @ ou coisa do gênero ele não deixar continuar

Telefone: Colocar um validador de telefone, não aceitar menos de 9 digitos, tem que ter a máscara do DDD e não aceita 9 números iguais exemplo 99999999999

Campo de Código Promocional


Tela 2: Nos conte sobre o seu evento!

- Localidade: isso é novo, preciso que ao digitar as 3 primeiras palavras apareça algumas sugestões de cidades com um scroll para a pessoa escolher ( tenho uma lista de excel com quais a gente atende
- Arrumar barrinha de azul para laranja
- Ao clicar nos pacotes eu quero que ele crie uma película por cima laranja mais claro pra mostrar que já foi escolhido ( a pessoa pode clicar tanto no botão quanto no quadrado que é escolhido

Pop-up: Ao clicar nas opções de pacotes e clicar em avançar será aberto um pop-up com as opções alcoólicas que o cliente deseja escolher

Chapa Premium: aparecerá as opções Vodka - Cachaça
Chapa Gin: aparecerá as opções Vodka - Cachaça - Gin
Chapa Zero: pula direto para tela 3


Tela 3 - Que tal turbinar a sua festa

Quero que tenha esses adicionais:

Copo de vidro
Moscow Mule
Aperol
Shots


- Ao clicar no olinho abre um pop-up com video/foto do lado esquerdo e um texto descrevendo o produto do lado direito com um botão no canto inferior direito escolhendo quero ou um botão fechar

- Shots - esse é o único adicional que quero que antes da apresentação do produto tenha um outro pop-up com 3 opções: Tequila - Cachaça - Chapa shots

- Campo de observação
deixar a seguinte frase "Caso tenha observações fique a vontade para nos falar :)


Tela 4 - Orçamento

Assim que chegar nessa tela é enviado um e-mail ao cliente com o pdf da proposta e na tela mostrar o slide do tipo do pacote que ele escolheu

- No lugar das estrelas colocar os ícones

- Carga horária: 5h sempre

- Itens do bar Balcão: passar regra

- Bartenders: passar regra

- Frutas e especiarias: passar regra

- Pacote: Valor do pacote

- Adicionais: Valor de cada adicionais

- Investimento total: Soma do pacote + adicionais

- Forma de pagamento:
● À vista, pagamento em até 30 dias após a data da assinatura do contrato.
● Sinal de 15% do valor total do contrato em até 30 dias após a da data da assinatura do contrato e o restante até 15 dias antes da data do evento via boleto
● Boletos mensais até a data do evento
● Cartão de crédito em até 6 vezes com taxa de 3,9%
● Cartão de crédito de 7 a 12 vezes com taxa de 4,9% + 1,5% por parcela


Back End

- Subir calculadora via site por uma planilha de excel quando precisar atualizar os preços, para o site pegar as variáveis e fazer o cálculo

- Rodar a integração via Cron para subir os leads para o pipefy ( CRON )

Como deve funcionar a integração com o pipefy:

1 - o boot pesquisa no registro da data base se já existe algum registro que tenha o mesmo e-mail, se sim ele pega o registro copia e cola para criação do card

O ideal seria consultar na própria base do servidor para não consumir API do pipefy

2 - Caso não exista, o boot vai criar um card novo no pipe e um novo registro

3 - Caso o lead ainda esteja na fase prospecção e faça vários orçamentos, o boot vai pesquisar o card que ja existe nessa fase e vai atualiza-lo deixando o orçamento passado que ele fez na "timeline"
e no telegram aparecer "Lead Atualizado" - deixando o mesmo consultor que já estava no card

4 - Caso o lead esteja "ativo" na esteira e ele faça outro orçamento no site, o boot não gera outro card, ele mostra um Pop-up "na tela do orçamento finalizado" dizendo para o cliente falar direto com o consultor dele
Ativo = lead que não esteja nas fases "cancelado" ou "não" ou "sim" ou "prospecção"
"Olá, Fulano!
Você já possui uma orçamento em andamento conosco, qualquer duvida pode falar direto com seu consultor Cicrano - telefone (11)99999-99999" - link do whats

5 - Quando o lead é criado aparece um pop-up na tela dizendo que entraremos em contato em até 1 dia útil

6 - Quando o lead é criado ele recebe no e-mail o orçamento gerado no site

7 - Quando o lead é criado a gente recebe uma notificação no grupo do telegram com as infos do lead