Formulario de pedido mayorista Shopify
Añade un formulario de pedido mayorista a tu tienda de Shopify sin ninguna app. Pégalo en una sección Liquid, recopila la empresa, el producto y la cantidad, y las solicitudes llegan a tu bandeja de entrada para cotizar y facturar. 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 de tu página mayorista.
- 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
Esto recopila la solicitud B2B, no es un checkout
Un formulario mayorista reúne los detalles del pedido y te los envía por correo para que cotices y factures. No procesa el pago. Para un checkout al por mayor, da seguimiento con una factura o un enlace de pago.
La cantidad es un campo numérico
Usa un campo numérico para que los compradores ingresen un número real, y valida un pedido mínimo razonable en el navegador. El código generado establece type=number por ti.
Enruta lo mayorista a tu bandeja de ventas
Reenvía los envíos a la dirección que maneja B2B, con el reply-to configurado al comprador para que una cotización sea una sola respuesta desde tu bandeja de entrada.
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 del negocio
<input type="text" name="business" 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@empresa.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">Nombre de contacto
<input type="text" name="contact" 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 o SKU
<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">Cantidad
<input type="number" name="quantity" 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">Notas del pedido
<textarea name="notes" class="min-h-28 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"></textarea>
</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">Solicitar cotización</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 pedido mayorista 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.