Formulario de reposición de stock Shopify
Añade un formulario de reposición de stock a las páginas de producto de tu Shopify sin ninguna app. Pégalo en una sección Liquid, capta el correo del comprador y el producto, y avísale desde tu propia herramienta cuando se reponga. 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 plantilla de producto 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
Un solo campo convierte mejor
Un formulario de aviso de reposición debería pedir solo el correo y el producto. Cada campo adicional reduce los registros. Agrega un select de variante solo cuando la talla o la opción importe.
Notifica desde tu propia herramienta
El formulario captura quién quiere qué. Cuando el artículo se reponga, notifica a la lista desde tu herramienta de correo o un webhook - el formulario es la captura, no el emisor.
Mantenlo ligero
Esto vive en una página de producto, así que debe ser pequeño y rápido. Correo más producto es todo el formulario para la mayoría de las tiendas.
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">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">Variante
<select name="variant" 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">
<option>Cualquiera</option>
<option>Pequeño</option>
<option>Mediano</option>
<option>Grande</option>
</select>
</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">Notifícame</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 reposición de stock 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.