Formgong no WordPress

Instale o plugin Formgong, cole a chave de acesso e teste a ligação. O bloco e o shortcode podem usar um modelo. O correio do alojamento não é usado.

  1. No WordPress abra Plugins, Add New, procure "Formgong", clique em Install Now e depois em Activate. A página no diretório de plugins: https://wordpress.org/plugins/formgong/. Se o seu site bloquear o diretório de plugins, descarregue https://formgong.com/downloads/formgong-wordpress.zip e carregue-o em Plugins, Add New, Upload Plugin. Foi testado no WordPress 7.1 com WooCommerce e o tema Storefront, e o Plugin Check passa.
  2. Abra Settings e depois Formgong. Cole a chave de acesso do painel. A chave é pública: pode enviar o formulário e não pode ler a caixa. Deixe o endereço em https://formgong.com se não alojar a Formgong você mesmo. Clique em Send a test submission. Esse teste usa plugin-test@example.com e não termina o assistente de ligação. Envie a página pública para o terminar.
  3. Adicione o bloco Formgong e escolha um modelo na barra lateral, ou o shortcode [formgong template="aula"]. O atributo template aceita qualquer slug da lista abaixo, incluindo lattice, html-contact, nps e clinic-appointment. Se o omitir, usa-se o modelo gravado em Settings. O slug plain força o formulário de contacto integrado.
  4. O formulário inclui um campo oculto _page_url com o endereço da página atual. A Formgong guarda-o como página do envio quando é http ou https e o host coincide com o referer, ignorando um www inicial. Um POST entre origens muitas vezes envia só a página inicial no referer, por isso este campo regista a página real.
  5. Os estilos ficam no formulário. Uma classe duplicada e all: revert fazem com que Storefront, Astra e Twenty Twenty-Five não reestilize os campos. As peles são plain, lattice, aula, shop e clinic.
  6. Publique e envie um teste a partir da página publicada. O Telegram é imediato em todos os planos, incluindo o Free. No Free, cada mensagem chega por email a um endereço. O Pro envia cada mensagem para até 3 endereços, e o Business para até 5. Se o editor disser que o site não suporta o bloco formgong/form, recarregue-o com o plugin ativo. Se a página parecer vazia, veja a publicada: o bloco desenha-se na frente. Um bloco Custom HTML pode continuar a guardar o HTML abaixo. No WordPress.com, as etiquetas form desse bloco exigem um plano pago com alojamento.

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.

Modelos de site

  • craftline — Craftline
  • orrery — Orrery
  • lattice — Lattice
  • lattice-estate — Lattice Estate
  • shoal — Shoal
  • lattice-atelier — Lattice Atelier
  • soglia — Soglia
  • halftone — Halftone
  • ocra — Ocra
  • arcwell — Arcwell
  • aula — AULA
  • goldleaf — Goldleaf
  • quell — Quell
  • kavelle — Kavelle
  • burrow — Burrow
  • selune — Selune
  • brightmoss — Brightmoss
  • averin — Averin
  • sorrel — Sorrel
  • odera — Odera
  • tamsa — Tamsa
  • fernlow — Fernlow
  • stilla — Stilla
  • somna — Somna

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 WordPress →

Obter chave