Formulario de registro de producto Shopify
Añade un formulario de registro de producto a tu tienda de Shopify sin ninguna app. Pégalo en una sección Liquid, recopila el producto y el número de serie o de pedido, y los registros llegan a tu bandeja de entrada o a tu herramienta de garantías. Sin suscripción a una app.
Como construirlo
- Crea un formulario en tu panel de Formpaste y copia su clave de acceso.
- Pega el markup de arriba en una sección Liquid o en un bloque Custom Liquid.
- Reemplaza YOUR_ACCESS_KEY_HERE con tu clave de acceso, luego guarda y publica.
Puntos claves de Shopify
Los formularios de tema de Shopify están fijos a unas pocas plantillas, y la mayoría de los formularios personalizados te empujan hacia una app de pago. Un formulario de Formpaste es un formulario HTML simple que pegas en una section, template o un bloque Custom Liquid, así que obtienes exactamente los campos que necesitas sin suscripción a ninguna app.
Pégalo en Liquid
Agrega el markup del formulario a una section o template de tu tema, o colócalo en un bloque Custom Liquid desde el editor de temas. Es HTML simple, así que Liquid lo renderiza tal cual.
Sin suscripción a apps
Las apps de formularios personalizados cobran mensualmente y agregan scripts a tu tienda. Un formulario que envía a Formpaste es markup inerte: nada que instalar, nada que ralentice la página, sin cuota recurrente.
Puedes prellenar desde Liquid
Como el markup vive en un template de Liquid, puedes inyectar valores de producto o de cliente con etiquetas Liquid; por ejemplo, prellenar el nombre del producto en un formulario de aviso de reposición.
Mantén el campo access_key
El campo oculto access_key debe permanecer en el markup. Identifica tu formulario ante Formpaste.
Que debes acertar
El registro recopila datos de comprobante de compra
Un registro de garantía reúne el producto, el número de serie o de pedido, y la fecha de compra para que puedas honrar un reclamo más adelante. Es un registro, no un ticket de soporte.
Reenvía a tu sistema de garantías
Envía los registros a tu herramienta de garantías o CRM con un webhook para que el registro viva donde gestionas los reclamos. El reply-to es el cliente para cualquier seguimiento.
Mantenlo breve
Nombre, correo, producto y un número de serie o de pedido son suficientes para registrar. Pide el recibo solo si tu política lo requiere.
Cómo funciona
Tres pasos simples para que los envíos de formularios lleguen a tu bandeja de entrada.
Crea tu formulario, apunta la URL de action al endpoint de Formpaste y añade tu clave de acceso.
Crea tu formulario
Regístrate, verifica tu correo y crea una clave de acceso en tu panel.
Copia el código
Pega el fragmento de arriba en tu proyecto. Elige CSS o Tailwind para que combine con tu sitio.
<form action="https://api.formpaste.com/submit" method="POST" class="mx-auto flex w-full max-w-md flex-col gap-4 rounded-xl border border-gray-200 bg-white p-6 shadow-sm dark:border-gray-800 dark:bg-gray-950">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">Nombre
<input type="text" name="name" required class="rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus-visible:ring-gray-100" />
</label>
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">Correo electrónico
<input type="email" name="email" placeholder="tu@ejemplo.com" required class="rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus-visible:ring-gray-100" />
</label>
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">Producto
<input type="text" name="product" required class="rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus-visible:ring-gray-100" />
</label>
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">Número de serie o de pedido
<input type="text" name="serial" required class="rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus-visible:ring-gray-100" />
</label>
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">Fecha de compra
<input type="text" name="purchased" placeholder="AAAA-MM-DD" class="rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus-visible:ring-gray-100" />
</label>
<button type="submit" class="w-full rounded-md bg-gray-900 px-4 py-2 text-sm font-medium text-white shadow-sm transition-colors hover:bg-gray-800 disabled:opacity-60 dark:bg-white dark:text-gray-900 dark:hover:bg-gray-200">Registrar producto</button>
</form>Añade tu clave de acceso
Reemplaza el marcador por tu clave de acceso para empezar a recibir envíos.
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">Formulario de registro de producto Shopify FAQ
Pega un formulario. Recibe envíos.
Al instante, sin configurar ningún backend, servidor ni base de datos. 250 envíos/mes gratis, sin tarjeta de crédito.