Formgong no WooCommerce

As perguntas de produto e encomenda vão para a Formgong pelo mesmo plugin. O checkout, os pagamentos e os emails da encomenda ficam no WooCommerce.

Instale o plugin Formgong e cole a chave de acesso em Settings e depois Formgong. Clique em Send a test submission. Usa plugin-test@example.com e não termina o assistente de ligação.
Ative a pergunta do produto, a da encomenda, ou as duas, e guarde. Cada uma pode usar o seu modelo, como aula ou clinic-appointment. Uma escolha vazia herda o modelo principal. plain força o formulário de contacto integrado. O modelo do shortcode ou do bloco ganha aos dois. Num modelo de produto, [formgong product="1"] acrescenta o produto atual. [formgong template="aula"] define o modelo só desse formulário.
A pergunta do produto fica no resumo do produto e envia o nome, o SKU e o URL como campos ocultos. O título fica Question about this product até definir um próprio. A pergunta da encomenda fica depois da tabela da encomenda. Só a vê um cliente que pode ver essa encomenda, e só segue o número da encomenda.
Os dois formulários enviam o campo oculto _page_url da página atual. A Formgong fica com ele quando o host coincide com o referer, ignorando um www inicial. O checkout, os pagamentos e os emails de encomenda do WooCommerce não mudam.
Os estilos seguem a pele do modelo e ficam dentro do formulário no Storefront, na Astra e no Twenty. Campos condicionais, como o nome da criança em clinic-appointment, mostram-se e escondem-se com CSS.
Envie um teste a partir de uma página de produto e da página de encomenda do cliente, e abra a caixa. O Telegram é imediato em todos os planos, incluindo o Free. No Free, cada mensagem chega por email a um endereço. Se a pergunta faltar, confirme que o WooCommerce está ativo e que a caixa está guardada.

Formgong no WordPress.org Descarregar o plugin Formgong (zip)

Slugs dos modelos

Use o slug como atributo template do shortcode, ou escolha o mesmo modelo no bloco e em Settings. Os nomes dos sites ficam a marca. Os nomes iniciais e de setor seguem o idioma do site no editor.

Layouts iniciais

html-contact — Formulário de contacto HTML
ajax-contact — Formulário de contacto AJAX
tailwind-contact — Formulário de contacto Tailwind
modal-contact — Formulário de contacto em popup
dark-contact — Formulário de contacto em modo escuro
minimal-contact — Formulário de contacto mínimo
ai-builder — Prompt para Lovable e Bolt

NPS

nps — Formulário de inquérito NPS

Formulários de setor

clinic-appointment — Formulário de marcação de consulta
patient-intake — Formulário de admissão de paciente
insurance-quote — Formulário de pedido de cotação de seguro
insurance-claim — Formulário de participação de sinistro
order-inquiry — Formulário de questão sobre encomenda
returns — Formulário de devolução (RMA)
wholesale — Formulário de pedido grossista
real-estate — Pedido de visita a imóvel
course-enrollment — Formulário de inscrição em curso
salon-booking — Formulário de marcação no salão
auto-service — Formulário de marcação na oficina
legal-inquiry — Formulário de pedido jurídico
renovation-estimate — Formulário de orçamento de obras
job-application — Formulário de candidatura
event-registration — Formulário de inscrição em evento
catering — Formulário de pedido de catering
tour-booking — Formulário de reserva de viagem
fitness-trial — Formulário de marcação de treino experimental
saas-demo — Formulário de pedido de demonstração B2B
newsletter-signup — Formulário de subscrição da newsletter
customer-feedback — Formulário de feedback de clientes
customer-survey — Formulário de inquérito a clientes
rsvp — Formulário de confirmação de presença (RSVP)
support-request — Formulário de pedido de suporte
waitlist — Formulário de lista de espera

HTML

<form action="https://formgong.com/submit" method="POST">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="pt">
  <label>Nome <input type="text" name="name" autocomplete="name" placeholder="O seu nome" required></label>
  <label>E-mail <input type="email" name="email" autocomplete="email" placeholder="voce@exemplo.com" required></label>
  <label>Mensagem <textarea name="message" placeholder="Como podemos ajudar?" required></textarea></label>
  <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)">
  <label>Deixe este campo vazio<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">Enviar</button>
</form>

Formulário de contacto para WooCommerce →

Obter chave