Formgong en WordPress

Instala el plugin Formgong, pega la clave de acceso y prueba la conexión. El bloque y el shortcode pueden usar una plantilla. El correo del hosting no se usa.

  1. En WordPress abre Plugins, Add New, busca "Formgong", pulsa Install Now y luego Activate. La página en el directorio de plugins: https://wordpress.org/plugins/formgong/. Si tu sitio bloquea el directorio de plugins, descarga https://formgong.com/downloads/formgong-wordpress.zip y súbelo en Plugins, Add New, Upload Plugin. Está probado en WordPress 7.1 con WooCommerce y el tema Storefront, y Plugin Check pasa.
  2. Abre Settings y luego Formgong. Pega la clave de acceso del panel. La clave es pública: puede enviar el formulario y no puede leer la bandeja. Deja la dirección en https://formgong.com si no alojas Formgong tú mismo. Pulsa Send a test submission. Esa prueba usa plugin-test@example.com y no termina el asistente de conexión. Envía la página pública para terminarlo.
  3. Añade el bloque Formgong y elige una plantilla en la barra lateral, o el shortcode [formgong template="aula"]. El atributo template acepta cualquier slug de la lista de abajo, incluidos lattice, html-contact, nps y clinic-appointment. Si lo omites, se usa la plantilla guardada en Settings. El slug plain fuerza el formulario de contacto integrado.
  4. El formulario incluye un campo oculto _page_url con la dirección de la página actual. Formgong la guarda como página del envío cuando es http o https y el host coincide con el referrer, sin un www inicial. Un POST entre orígenes a menudo envía solo la portada en el referrer, así que este campo registra la página real.
  5. Los estilos se quedan en el formulario. Una clase duplicada y all: revert hacen que Storefront, Astra y Twenty Twenty-Five no reestilicen los campos. Las pieles son plain, lattice, aula, shop y clinic.
  6. Publica y envía una prueba desde la página en vivo. Telegram es inmediato en todos los planes, incluido Free. En Free, cada envío llega por correo a una dirección. Pro escribe cada envío a hasta 3 direcciones, y Business a hasta 5. Si el editor dice que el sitio no admite el bloque formgong/form, recárgalo con el plugin activo. Si la página parece vacía, mira la publicada: el bloque se dibuja en el frente. Un bloque Custom HTML puede seguir guardando el HTML de abajo. En WordPress.com, las etiquetas form de ese bloque necesitan un plan de pago con hosting.

Formgong en WordPress.org Descargar el plugin Formgong (zip)

Slugs de plantillas

Usa el slug como atributo template del shortcode, o elige la misma plantilla en el bloque y en Settings. Los nombres de sitio siguen siendo la marca. Los nombres de inicio y de sector siguen el idioma del sitio en el editor.

Plantillas de sitio

  • 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

Diseños iniciales

  • html-contact — Formulario de contacto HTML
  • ajax-contact — Formulario de contacto AJAX
  • tailwind-contact — Formulario de contacto Tailwind
  • modal-contact — Formulario de contacto emergente
  • dark-contact — Formulario de contacto en modo oscuro
  • minimal-contact — Formulario de contacto mínimo
  • ai-builder — Prompt para Lovable y Bolt

NPS

  • nps — Formulario de encuesta NPS

Formularios de sector

  • clinic-appointment — Formulario de cita médica
  • patient-intake — Formulario de admisión de pacientes
  • insurance-quote — Formulario de presupuesto de seguro
  • insurance-claim — Formulario de parte de siniestro
  • order-inquiry — Formulario de consulta sobre un pedido
  • returns — Formulario de devolución (RMA)
  • wholesale — Formulario de solicitud mayorista
  • real-estate — Solicitud de visita a un inmueble
  • course-enrollment — Formulario de inscripción en un curso
  • salon-booking — Formulario de reserva en salón de belleza
  • auto-service — Formulario de cita en el taller
  • legal-inquiry — Formulario de consulta legal
  • renovation-estimate — Formulario de presupuesto de reforma
  • job-application — Formulario de candidatura
  • event-registration — Formulario de inscripción a un evento
  • catering — Formulario de solicitud de catering
  • tour-booking — Formulario de reserva de viaje
  • fitness-trial — Formulario de reserva de clase de prueba
  • saas-demo — Formulario de solicitud de demo B2B
  • newsletter-signup — Formulario de suscripción al boletín
  • customer-feedback — Formulario de opinión de clientes
  • customer-survey — Formulario de encuesta para clientes
  • rsvp — Formulario de confirmación de asistencia (RSVP)
  • support-request — Formulario de solicitud de soporte
  • waitlist — Formulario 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="es">
  <label>Nombre <input type="text" name="name" autocomplete="name" placeholder="Tu nombre" required></label>
  <label>Correo electrónico <input type="email" name="email" autocomplete="email" placeholder="tu@ejemplo.com" required></label>
  <label>Mensaje <textarea name="message" placeholder="¿En qué podemos ayudarte?" 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>Deja este campo vacío<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">Enviar</button>
</form>

Formulario de contacto para WordPress →

Pedir clave