EverWeb tiene tres widgets de pago: PayPal moderno (PayPal Modern), PayPal heredado (PayPal Legacy) y Pago con Stripe (Stripe Payment). Cada uno crea un botón de pago para un producto, un donativo o una suscripción. Tu visitante paga en la página de pago de PayPal o de Stripe, y el dinero llega a tu cuenta con ellos. Arrastra un widget desde la pestaña Widgets a tu página y rellena Inspector > Ajustes del widget (la rueda dentada, el último icono).
En EverWeb 4.6 y posteriores, un formulario de contacto también puede cobrar, lo que va bien para pedidos, reservas e inscripciones en los que necesitas datos del comprador. Consulta "¿Widgets o un formulario de contacto?" más abajo.
¿Qué widget?
| PayPal moderno | PayPal heredado | Pago con Stripe | |
|---|---|---|---|
| Necesitas | Una cuenta de empresa de PayPal y su Client ID (ID de cliente) | Tu dirección de correo de PayPal | Una cuenta de Stripe y su Secret Key (clave secreta) |
| Ideal para | Un producto por botón, con opciones, cantidad, envío, impuestos y descuentos. O una suscripción | Un carrito de compra sencillo (botones Add to Shopping Cart, añadir al carrito, y View Cart, ver el carrito), o un botón Donate (donar) | Pagos con tarjeta para un producto por botón, una suscripción o un donativo |
| Los datos del producto se configuran | En el widget | En el widget | En Stripe. El widget usa la Identificación del precio del producto (Product Price ID) |
Configura PayPal moderno
- En tu cuenta de PayPal, consigue un Client ID. Haz clic en Obtener ID de cliente... en el widget para abrir la página. En las páginas para desarrolladores de PayPal, ve a Apps & Credentials (aplicaciones y credenciales) y crea una aplicación.
- Pégalo en Identificación de cliente de PayPal.
- Configura Tipo de botón como purchase (compra). Para una suscripción, elige subscription (suscripción) y pega una Identificación del plan que hayas creado en PayPal. En ese caso, el precio lo pone PayPal.
- Rellena Nombre del producto, Descripción del Producto, Imagen del producto, Precio y Divisa. Todos los widgets de PayPal de una misma página deben usar la misma divisa y las mismas Fuentes de pago.
- Añade opciones (como tallas), envío, impuestos o descuentos si los necesitas.
- En Comportamiento (Actions), elige una página de Gracias y una página de Cancelar pedido de tu sitio web.
Configura PayPal heredado
Escribe tu dirección de correo de PayPal en Dirección de correo electrónico. Elige un Tipo de botón y rellena Nombre del artículo, Precio y Divisa. Para un carrito, pon un botón Add to Shopping Cart en cada producto y un botón View Cart en la página. Elige una Página de agradecimiento y una Página cancelada.
Configura Pago con Stripe
- En Stripe, crea el producto y su precio. Puedes usar Crear producto Stripe... en el widget para abrir Stripe. Copia el ID del precio.
- Copia tu Secret Key de Stripe en Clave secreta de Stripe. Mantén esta clave en privado.
- Pega el ID del precio en Identificación del precio del producto y configura Tipo de producto como Purchase (compra) o Subscription (suscripción).
- Añade un Título del producto, una Imagen del producto y una Descripción del Producto. Para los gastos de envío, pega un ID de tarifa de envío de Stripe en Introduzca el ID de la tarifa de envío.
- Elige una Pagina de pago exitosa, una Pagina de pago cancelado y una Página de error.
- En Configuración de la página de pago, Tipo de pago establece el texto del botón de Stripe: Purchase (comprar), Book (reservar) o Donate (donar).
El widget de Stripe ejecuta un pequeño programa PHP en tu servidor. Funciona en EverWeb + Hosting y en otros proveedores de alojamiento compatibles con PHP (recomendamos PHP 8.2 o posterior).
¿Widgets o un formulario de contacto?
En EverWeb 4.6 y posteriores, el widget Formulario de contacto avanzado (Contact Form Advanced) puede cobrar con tarjeta a través de Stripe y también a través de PayPal. Necesita el complemento Contact Forms Enhanced (consulta ¿Qué es el complemento Contact Forms Enhanced?). Los visitantes rellenan el formulario, eligen opciones con precio, ven un total que se va actualizando y pagan en la propia página de pago de Stripe o de PayPal al enviarlo. Recibes las respuestas del formulario por correo, marcadas como Paid (pagado), en cuanto se confirma el pago.
| Widgets de pago | Formulario de contacto con pagos | |
|---|---|---|
| Necesita | EverWeb, más una cuenta de PayPal o de Stripe | EverWeb 4.6 o posterior, el complemento Contact Forms Enhanced y una cuenta de PayPal o de Stripe |
| Ideal para | Un botón de comprar, reservar o donar para un producto o un importe fijo | Un pedido o una reserva en los que también necesitas datos: nombres, tallas, fechas, notas, un archivo subido o una firma |
| Precios | Se configuran en el widget (o en Stripe) | Cada opción del formulario puede llevar un precio, un descuento o un porcentaje, con un único tipo de impuesto y una cantidad (Stepper o Slider) |
| Suscripciones | Sí (PayPal moderno y Pago con Stripe) | No. Solo pagos únicos |
| Carrito de compra entre páginas | Sí, con PayPal heredado | No. Un pedido por formulario |
| Qué recibes | Un pago en tu cuenta de PayPal o de Stripe | El pago, más las respuestas del formulario por correo y en tu Área del Cliente |
Elige un widget de pago para un simple botón de compra, una suscripción o un carrito con varios productos. Elige un formulario de contacto cuando el pago va acompañado de información que, si no, tendrías que pedir por correo, como la inscripción a una clase con el nombre del niño, el pedido de una tarta personalizada, la señal de una sesión con su fecha o un donativo con una dedicatoria.
Para configurar uno, consulta Crea un formulario a medida: solicitudes de presupuesto, inscripciones y subida de archivos y, después:
- Vende un producto con opciones y extras desde tu formulario de contacto
- Recibe donativos en tu sitio web con un formulario de contacto
- Inscripciones a eventos y venta de entradas con tu formulario de contacto
- Acepta reservas y señales con tu formulario de contacto
Antes de publicarlo
- Consigue el candado. Los visitantes confían más en una página de pago con HTTPS, y los pagos con formulario de contacto lo necesitan. Consulta Mi sitio dice 'No seguro': cómo tener HTTPS (SSL) en tu sitio web.
- Pruébalo. Para Stripe, usa tu clave de prueba (empieza por
sk_test_) con un precio que hayas creado en el modo de prueba de Stripe, y paga con una de las tarjetas de prueba de Stripe. Luego cambia a tu clave real (sk_live_) y a un ID de precio real. Para PayPal, haz una pequeña compra real y reembólsala en PayPal. - Publica y luego paga en la página publicada, y comprueba que llegas a tu página de agradecimiento. Los pagos no funcionan en la vista previa.
- Comisiones. PayPal y Stripe cobran sus propias comisiones por cada pago.
Cuándo usar otra cosa
| Quieres | Usa |
|---|---|
| Un formulario que recoja datos y cobre el pago de una vez (EverWeb 4.6 y posteriores) | Formulario de contacto avanzado con pagos: consulta "¿Widgets o un formulario de contacto?" más arriba |
| Miembros que inician sesión, pagan cada mes y ven páginas solo para miembros | Páginas solo para miembros, inicios de sesión y suscripciones de pago: EverWeb Membership Sites |
| Descargas (PDF, música, libros electrónicos) que se envían automáticamente a los compradores | Un servicio externo como Gumroad o E-Junkie. Con los widgets de EverWeb o un formulario, recibes el correo del comprador y le envías tú la descarga |
| Una tienda completa con control de existencias y muchos productos | Un servicio de tienda como Shopify o Etsy, enlazado o insertado en tu página |
| Impresión bajo demanda | La propia tienda de la empresa de impresión. Los widgets solo cobran pagos |
Problemas habituales
| Lo que ves | Qué hacer |
|---|---|
| No hay opciones de producto en el widget de Stripe | Crea las opciones como precios separados en Stripe y usa un widget para cada una. O, en EverWeb 4.6 y posteriores, usa un formulario de contacto con pagos, en el que cada opción lleva su propio precio |
| Necesitas la dirección de entrega del comprador con Stripe | Activa la recogida de direcciones en los ajustes de Stripe, o añade una tarifa de envío. Pregunta a Stripe si no lo encuentras. Un formulario de contacto con pagos puede pedirla con un campo Address (dirección) |
| Dos widgets de PayPal en una misma página no funcionan | Asegúrate de que usan la misma Divisa y las mismas Fuentes de pago |
Artículos relacionados
- Vende productos o descargas digitales en tu sitio web de EverWeb: qué opción usar
- ¿Puedo añadir comercio electrónico o PayPal a mi sitio web? Tus opciones para vender en línea
- Crea un formulario a medida: solicitudes de presupuesto, inscripciones y subida de archivos
- Páginas solo para miembros, inicios de sesión y suscripciones de pago: EverWeb Membership Sites
- Mi sitio dice 'No seguro': cómo tener HTTPS (SSL) en tu sitio web