Formulario de devoluciones y cambios Shopify
Añade un formulario de devoluciones y cambios a tu tienda de Shopify sin ninguna app. Pégalo en una sección Liquid, recopila el número de pedido y el motivo, y las solicitudes llegan a tu bandeja de entrada para revisar y responder. Sin suscripción a una app de devoluciones.
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 de devoluciones.
- 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 es admisión de RMA, no un portal de devoluciones
El formulario recopila la solicitud de devolución para que puedas revisarla y responder con los siguientes pasos. No emite una etiqueta ni un reembolso por sí solo.
Un select de motivo facilita el triage
Un menú desplegable de motivos comunes te permite ordenar y enrutar devoluciones sin leer cada mensaje. Mantén una opción Otro más un campo de detalles para el resto.
Establece expectativas sobre la política
Indica cerca del formulario tu plazo de devoluciones y las condiciones requeridas, para que una solicitud llegue con las expectativas correctas. El reply-to es el cliente.
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">Número de pedido
<input type="text" name="order" 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">Motivo
<select name="reason" 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">
<option>Talla incorrecta</option>
<option>Dañado</option>
<option>No es como se describe</option>
<option>Cambié de opinión</option>
<option>Otro</option>
</select>
</label>
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">Detalles
<textarea name="details" 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 devolució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 devoluciones y cambios 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.