En EverWeb 4.6 y posteriores, un Formulario de contacto avanzado (Contact Form Advanced) puede funcionar como un sencillo formulario de pedido. Los clientes eligen un tamaño, un sabor o extras, ven cómo se suma el total a medida que avanzan y pagan con tarjeta a través de Stripe o con PayPal. Es ideal para unos pocos productos hechos por encargo. Para una tienda completa con carrito y control de existencias, consulta Vende productos o descargas digitales en tu sitio web de EverWeb: qué opción usar.
Quién lo usa
- Una repostera casera acepta pedidos de tartas personalizadas: tamaño, sabor, un mensaje encima y una fecha de recogida.
- Un grupo de música o un club deportivo vende sus camisetas en una talla por pedido, eligiendo color y envío.
- Un artesano de velas ofrece el envoltorio de regalo como extra de pago.
- Una granja vende cestas semanales de verdura, con recogida o entrega local.
Qué necesitas
- EverWeb 4.6 o posterior y el complemento Contact Forms Enhanced (necesario para los pagos): consulta ¿Qué es el complemento Contact Forms Enhanced?
- Una cuenta de Stripe y/o una cuenta PayPal Business.
- HTTPS en tu sitio web: consulta Mi sitio dice 'No seguro': cómo tener HTTPS (SSL) en tu sitio web.
Los ajustes de pago se explican paso a paso en Crea un formulario a medida: solicitudes de presupuesto, inscripciones y subida de archivos. Este artículo muestra cómo configurar el producto en sí.
Ejemplo de formulario (una tarta personalizada)
| Etiqueta del campo | Control Type (tipo de control) | Ajustes / Precio |
|---|---|---|
| Tamaño de la tarta | Card Select (selección con tarjetas) o Image Select (selección con imágenes) | 6 pulgadas, 10 raciones: 35. 8 pulgadas, 20 raciones: 55. 10 pulgadas, 30 raciones: 80 |
| Sabor | Drop Down Menu (menú desplegable) | Elige un sabor (sin precio, la primera), Vainilla, Chocolate, Limón, Red velvet: 5 |
| Extras | Choice Chips (chips de opciones) | Flores naturales: 12, Pan de oro: 8, Velas: 3 (cada uno que se elige se suma) |
| Caja de regalo | Toggle (interruptor) | Price When On (precio cuando está activado) 4 |
| Mensaje en la tarta | TextBox (cuadro de texto) | Placeholder Text (texto de ejemplo) "Feliz cumpleaños, Sam" |
| Recogida o entrega | Radio Button (botón de opción) | Recoger en la tienda: 0, Entrega local: 10 |
| Soy socio del club de fidelidad (10% de descuento) | Toggle | Price When On -10% |
| Fecha en que la necesitas | Date (fecha) | Obligatorio |
| Nombre, Correo electrónico, Teléfono | TextBox, Email, Phone Number (número de teléfono) | Obligatorio |
Image Select muestra una foto en cada opción, lo que funciona muy bien para productos. Un Drop Down Menu obligatorio necesita una indicación como "Elige un sabor" como primera opción, porque la primera opción cuenta como si no se hubiera elegido nada.
Configúralo
- Añade el formulario, elige tu complemento en Complemento mejorado del formulario de contacto y escribe un Nombre del formulario de contacto, como Pedido de tartas Pastelería Smith. Es el nombre del producto que ven los clientes al pagar.
- En la sección Payments (pagos), marca Accept Payments (aceptar pagos), añade tus datos de Stripe y/o PayPal y elige la Currency (moneda).
- Pon Total del pedido en Total Label (etiqueta del total). Si cobras impuesto sobre las ventas o IVA, escribe el tipo en Tax Rate (%) (tipo impositivo), como 8.25.
- Añade los campos y escribe cada precio en la columna Price (precio) de la Option List (lista de opciones), con punto para los decimales. Deja marcado Show prices on options (mostrar precios en las opciones) para que los clientes vean "+12.00" junto a cada extra.
- Elige una página de agradecimiento en Avanzar a la página y una página para Payment Unsuccessful Page (página de pago fallido).
- Haz una prueba con una clave de prueba de Stripe o con PayPal Sandbox (testing) (entorno de pruebas de PayPal), cambia a tus datos reales y publica con Archivo > Publicar sitio completo.
Cantidades
El único campo que multiplica es un Stepper (selector numérico) o un Slider (control deslizante) con un Unit Price (precio unitario): el número elegido multiplicado por el Unit Price se suma al total. Una cantidad no puede multiplicar otras opciones, así que "3 tartas grandes con caja de regalo" no es posible en un solo formulario. Alternativas:
- Mismo precio para todas las tallas (como las camisetas del club a 18 cada una): pon el precio en un Stepper llamado Número de camisetas (Min 1, Max 20, Unit Price 18) y haz que Talla sea una opción sin precio. Añade un Text Area (área de texto) "¿Pides tallas distintas? Dinos cuáles" para los pedidos mixtos.
- Precios distintos: pide un artículo por pedido, o añade un Stepper para cada producto, como Cajas pequeñas y Cajas grandes, cada uno con su propio Unit Price.
Qué recibes
Cuando se confirma el pago, recibes un correo marcado como Paid (pagado) con todas las opciones elegidas, los artículos cobrados, el total y una referencia de pago para cotejarla en tu cuenta de Stripe o PayPal. Si un cliente no llega a terminar el pago, su pedido te llega unas horas después marcado como Unpaid order (pedido no pagado). Además, cada pedido se guarda en tu Área del Cliente, en View Form Submissions (ver envíos de formularios), con la opción Exportar a CSV.
Conviene saber
- No hay casilla para códigos de descuento. No existe un campo donde los clientes escriban un código. En su lugar, usa un Consent (consentimiento), un Toggle o una opción con un precio negativo (-5) o un porcentaje (-10%). Cualquiera puede marcarlo, así que revisa el pedido antes de enviarlo.
- El envío es una opción con precio, como "Envío: Estándar 5 / Urgente 15". No hay calculadora por peso ni por país.
- Un solo tipo impositivo se aplica a todo el pedido, envío incluido.
- Una sola moneda por formulario.
- Solo pagos únicos. Sin suscripciones. Para membresías de pago, consulta Páginas solo para miembros, inicios de sesión y suscripciones de pago: EverWeb Membership Sites.
- El formulario no lleva la cuenta de existencias. Cuando algo se agote, quita la opción y vuelve a publicar.
- Stripe y PayPal muestran una sola línea al pagar, con tu Nombre del formulario de contacto y el total. El detalle está en tu correo.
Artículos relacionados
- Vende productos o descargas digitales en tu sitio web de EverWeb: qué opción usar
- Crea un formulario a medida: solicitudes de presupuesto, inscripciones y subida de archivos
- Cobra en tu sitio web con los widgets de PayPal y Stripe
- Inscripciones a eventos y venta de entradas con tu formulario de contacto