Migrar formularios de contacto de WooCommerce a Shopify (2026)
Cómo reemplazar Contact Form 7, Gravity Forms, WPForms y los campos de checkout de WooCommerce al migrar a Shopify — formularios de contacto nativos, apps de Shopify y automatización de flujos de trabajo.
Los sitios de WooCommerce usan habitualmente Contact Form 7, Gravity Forms, WPForms o Ninja Forms para páginas de contacto, solicitudes de presupuesto, solicitudes de cuentas trade y campos de checkout personalizados. Shopify no tiene un ecosistema nativo de plugins para crear formularios — esta funcionalidad se gestiona de forma diferente según el caso de uso. Así es como replicar cada tipo de formulario tras la migración.
Tipos de formulario en WooCommerce y sus equivalentes en Shopify
| Tipo de formulario en WooCommerce | Equivalente en Shopify |
|---|---|
| Formulario de contacto simple (nombre, email, mensaje) | Sección de formulario de contacto nativo de Shopify |
| Formulario de solicitud de presupuesto | Formulario de contacto de Shopify o app de formulario personalizado |
| Solicitud de cuenta trade/mayorista | App de formulario personalizado (Jotform, Typeform o Gorgias) |
| Formulario de consulta de producto (por producto) | App de formulario de contacto con pre-relleno del producto |
| Campos de checkout personalizados | Checkout Extensibility (Plus) o nota del carrito + atributos de pedido |
| Formulario de múltiples pasos (asistente de presupuesto) | Formulario embebido de Typeform o app de formularios de Shopify |
| Formulario de suscripción por email | Popup/formulario de Klaviyo o sección de suscripción de Shopify Email |
| Solicitud de llamada/cita | Calendly embebido o BookThatApp |
| Formulario de solicitud de devolución | Loop Returns o solicitudes de devolución nativas de Shopify |
| Solicitud de crédito B2B | Jotform o página personalizada de Shopify con captura de datos en Metaobject |
Formulario de contacto nativo de Shopify
Todos los temas de Shopify incluyen un formulario de contacto integrado en la página /pages/contact. Es sencillo — nombre, email, teléfono (opcional), mensaje — y los envíos se remiten a la dirección de email de la tienda.
Cómo funciona
- Añadir la sección de formulario de contacto a la página de contacto en el editor del tema
- Los envíos van a: Admin → Configuración → General → Email de la tienda
- Sin filtro de spam integrado — usar reCAPTCHA mediante la configuración del tema (la mayoría de los temas modernos lo admiten)
- No personalizable más allá de mostrar/ocultar campos básicos — sin campos personalizados sin apps
Contact Form 7 vs formulario nativo de Shopify
CF7 permitía múltiples campos, lógica condicional, subida de archivos y plantillas de email personalizadas. El formulario nativo de Shopify cubre el 95% de las necesidades de contacto simples. Para algo más complejo, usar una app.
Apps de formulario de contacto para Shopify
Gorgias Forms (si se usa Gorgias para soporte)
- Si usas Gorgias como helpdesk de Shopify: Gorgias tiene creación nativa de formularios de contacto que se integran directamente en tickets de soporte
- Campos personalizados, lógica condicional, enrutamiento automático de tickets
- Más adecuado para: formularios de contacto de soporte al cliente, formularios de consulta de producto
Hulk Form Builder (nivel gratuito disponible)
- Constructor de formularios con arrastrar y soltar para Shopify
- Campos personalizados: texto, desplegable, casilla de verificación, subida de archivo, selector de fecha
- Lógica condicional para formularios de múltiples pasos
- Los envíos de formulario se almacenan en el admin de Shopify y se envían por email al propietario de la tienda
- Más adecuado para: formularios de contacto, solicitudes de cuenta trade, solicitudes de presupuesto
Jotform / Typeform embebido
- Herramientas de formulario externas con potente lógica condicional y soporte de múltiples pasos
- Embeber como iframe en una página de Shopify
- Los envíos van al panel de Jotform/Typeform + notificaciones por email
- Integrar con Zapier o Make para enviar los datos a CRM, Klaviyo o Slack
- Más adecuado para: asistentes de presupuesto complejos, solicitudes de crédito trade, formularios detallados de configuración de producto
Formularios de Klaviyo (captación de email)
- Para formularios de suscripción por email/SMS: Klaviyo lo gestiona de forma nativa con popups, formularios embebidos y flyouts
- Los envíos de formularios de Klaviyo van directamente a listas de Klaviyo y activan flujos
- Reemplaza las integraciones de WooCommerce con Mailchimp / Mailchimp para WooCommerce / Popup Maker con CF7
Formularios de consulta de producto (botón "Hacer una pregunta" por producto)
En WooCommerce, plugins como WooCommerce Product Enquiry permitían a los clientes enviar un mensaje sobre un producto específico. Replicar esto en Shopify:
Opción 1: Formulario de contacto de Shopify con asunto pre-rellenado
- Añadir un botón "Preguntar sobre este producto" en las páginas de producto
- Enlazar a:
/pages/contact?subject=Consulta: [Título del Producto] - El formulario de contacto pre-rellena el campo de asunto con el título del producto
- Implementación sencilla, sin app requerida
Opción 2: App de consulta de producto (p. ej., S: Product Questions & Answers)
- Widget de preguntas y respuestas por producto embebido en la página de producto
- Los clientes hacen preguntas públicamente (visibles para otros clientes tras moderación) o de forma privada
- El comerciante responde en el admin; las preguntas y respuestas publicadas generan contenido SEO en las páginas de producto
- Mejor que Gravity Forms para consultas de producto ya que crea contenido persistente de preguntas y respuestas
Sustitución de Gravity Forms para flujos de trabajo complejos
Gravity Forms en WooCommerce se usaba a menudo para:
Solicitud de cuenta trade/mayorista
- Reemplazar con: Hulk Form Builder + Shopify Flow
- Formulario: nombre de empresa, número de registro, licencia de reventa, años de actividad, gasto mensual estimado
- Al enviar: disparador de Shopify Flow (mediante webhook o email) → revisión manual → aplicar etiqueta "trade" a la cuenta del cliente → enviar email de bienvenida
- O: integración de Jotform → Zapier → aplicar etiqueta de cliente de Shopify mediante API de Shopify
Solicitud de presupuesto para precios variables
- Reemplazar con: app "Solicitar presupuesto" (Quotify, Wholesale Gorilla Quote)
- El cliente selecciona productos y cantidades → envía solicitud de presupuesto
- El comerciante responde con un pedido borrador personalizado al precio negociado
- Pedidos borrador: un concepto nativo de Shopify. Crear → enviar enlace de factura → el cliente paga mediante el checkout de Shopify
Configurador de producto / formulario de especificación personalizado
- Para productos verdaderamente personalizados (grabado, dimensiones a medida, impresión personalizada): usar Infinite Options o Easify Product Options
- Estos añaden campos personalizados al flujo de añadir al carrito del producto — no un formulario independiente
- Los datos del campo personalizado se almacenan como propiedades de línea de pedido en el pedido
Campos de checkout personalizados (Gravity Forms en el checkout)
WooCommerce Checkout Field Editor + Gravity Forms permitían añadir campos personalizados al checkout de WooCommerce. Shopify lo gestiona de forma diferente según el nivel:
Shopify estándar: notas de pedido y atributos del carrito
- Nota del carrito: un campo de texto libre que los clientes pueden rellenar en el carrito/checkout ("Deja un mensaje para tu pedido")
- Atributos de pedido: pares clave-valor añadidos mediante atributos del carrito (requiere edición del tema o app)
- Aparecen en el pedido en el Admin de Shopify — útiles para mensajes de regalo, instrucciones de entrega, etc.
Shopify Plus: Checkout Extensibility
- Añadir campos de entrada personalizados correctos en el flujo de checkout usando extensiones de UI de checkout
- Almacenar los valores de campos personalizados como metafields del pedido
- Soporte para desplegables, casillas de verificación, entradas de texto a nivel de línea de pedido u orden
Lista de verificación para migrar formularios de contacto
- Auditar todos los formularios de WooCommerce: listar cada instancia de Contact Form 7 / Gravity Forms y su propósito
- Página de contacto simple: usar la sección de formulario de contacto nativo de Shopify
- Solicitudes de cuenta trade: configurar Hulk Form Builder + flujo de aprobación de Shopify Flow
- Popups de suscripción por email: migrar a formularios embebidos de Klaviyo
- Botones de consulta de producto: añadir enlace "Preguntar sobre este producto" con asunto pre-rellenado
- Asistentes de presupuesto complejos: migrar a formulario embebido de Jotform/Typeform con integración de Zapier
- Campos de checkout personalizados: usar notas del carrito para mensajes simples; Checkout Extensibility para campos estructurados (solo Plus)
- Formularios de reserva/cita: embeber Calendly o instalar BookThatApp
- Preguntas y respuestas de producto: instalar la app S: Product Q&A para contenido SEO de preguntas y respuestas públicas
- Probar todos los formularios en móvil: envío del formulario, mensaje de confirmación, entrega del email
El formulario más habitualmente olvidado durante las migraciones de WooCommerce es el de solicitud de cuenta trade. Si tu tienda ofrece precios mayoristas, a menudo hay un formulario de solicitud trade con Gravity Forms conectado a un flujo de asignación de rol de WooCommerce. Todo este flujo de trabajo necesita reconstruirse en Shopify — y si lo omites, los clientes trade no pueden solicitar cuentas en la nueva tienda. Mápialo antes del día de la migración y ten el formulario de reemplazo en vivo en Shopify en el momento de la transición.
Migra tu tienda con k-sync
Conecta tu tienda WooCommerce, valida tus productos y publícalos en Shopify en minutos. Gratis hasta 50 productos.
Empezar gratisLectura relacionada
Migrating a luggage and travel accessories store from WooCommerce to Shopify (2026)
How to migrate a luggage, travel bags, or travel accessories WooCommerce store to Shopify — luggage specifications, airline compliance, TSA lock, warranty and durability claims, and luggage retail Shopify setup.
Migrating a motorcycle accessories store from WooCommerce to Shopify (2026)
How to migrate a motorcycle accessories, biker gear, or motorbike parts WooCommerce store to Shopify — helmet safety standards, CE-rated protective clothing, type approval for parts, fitment compatibility, and motorcycle retail Shopify setup.