Tienda
En esta página
Todas las webs de Closer pueden vender productos digitales: cursos, e-books, plantillas, presets, packs de LUT, archivos de vídeo y cualquier otra cosa que se pueda entregar como descarga. Los compradores pagan con tarjeta a través de Stripe, reciben un código por email y descargan sus archivos al momento.
Abre Tienda en el menú de tu web. Tiene cuatro pestañas: Productos, Pedidos, Cupones y Ajustes y Stripe. Una etiqueta en la parte superior indica si la tienda está activada y si funciona en modo TEST (prueba) o LIVE (real). Mientras la tienda está desactivada, una barra arriba lo indica con un botón Activar la tienda: un clic la activa y el icono del carrito aparece solo en el menú de tu web. El interruptor Tienda activada en Ajustes y Stripe también se aplica al instante, sin Guardar.
Cómo compran tus clientes
- El visitante hace clic en Añadir al carrito en un producto (en una sección Tienda (productos) o en la página propia del producto,
/product/address). - El carrito se abre como panel lateral; puede seguir comprando o ir a pagar.
- Paga en la página de pago segura de Stripe.
- Vuelve a tu web, a la página de canje, donde ve lo que ha comprado y puede descargar los archivos. Si eliges una Página de agradecimiento tras el pago en Ajustes y Stripe, llega a esa página en su lugar, con un aviso de Pago recibido, su código y un botón a sus descargas.
- Además recibe un email con un código (como
WRY9X-2WXKG-UTHCG) y un enlace. Con ese código puede volver a/redeemen tu web cuando quiera y descargar de nuevo.
Los productos gratuitos (precio 0) se entregan al instante, sin Stripe.
El email de compra se envía a través de los Ajustes de email de tu web. Configúralos antes de empezar a vender.
Paso 1: conecta Stripe
Necesitas una cuenta de Stripe (stripe.com). El dinero va directamente a tu cuenta de Stripe.
- Ve a Tienda → Ajustes y Stripe.
- Activa Tienda activada. Así se muestra el carrito en el menú de tu web y se permiten las compras.
- Elige tu Moneda: EUR, USD, GBP, RSD o CHF.
- En Stripe, abre Developers → API keys y copia la Secret key. Stripe tiene claves distintas para test y live: pega la clave de test en Claves de prueba y la clave live en Claves live.
- En Stripe, abre Developers → Webhooks y añade un endpoint con la dirección que aparece en la pantalla de Closer (cópiala con el botón de copiar), con el evento
checkout.session.completed. Copia el Signing secret (whsec_…) en Secreto de firma del webhook. Hazlo tanto en modo test como en modo live. - Haz clic en Guardar y luego en Comprobar la conexión con Stripe.
Las claves guardadas aparecen como guardada. Usa Eliminar clave guardada para quitar una.
Página de agradecimiento tras el pago (opcional): una página extra de tu web que los compradores ven después de pagar, por ejemplo /thank-you con los siguientes pasos o una oferta adicional. Un botón de una sección VSL puede elegir su propia página de agradecimiento. Cualquier botón puede además iniciar un pago con el enlace /buy/product-address: el producto va al carrito y el carrito se abre.
La dirección del webhook usa la dirección actual de tu web. Si más adelante conectas tu propio dominio, vuelve a revisar la dirección que aparece aquí y actualiza el endpoint en Stripe.
El pago también se confirma cuando el comprador vuelve del pago, así que las compras funcionan incluso antes de configurar el webhook. El webhook es un respaldo por si el comprador cierra la ventana.
También en esta pestaña: Enviarme un email por cada pedido nuevo (destinatarios de Panel → Email) te envía un aviso por cada venta.
Primero prueba, luego activa los pagos reales
- En Modo de pago, elige Prueba mientras lo configuras todo. En modo de prueba, paga con la tarjeta
4242 4242 4242 4242, cualquier fecha futura y cualquier CVC. No se mueve dinero real. - Cuando todo funcione, cambia a Live (pagos reales).
Las compras de prueba se cuentan aparte en Pedidos (Compras de prueba), para que no se mezclen con los ingresos reales.
Paso 2: añade productos
- Ve a Tienda → Productos y haz clic en Nuevo producto.
- Rellena:
- Nombre, Descripción breve (se muestra en la tarjeta del producto) y Descripción detallada, para cada idioma de tu web (cambia de idioma con los botones de arriba del formulario). El nombre en el idioma principal es obligatorio.
- Precio. 0 o vacío = gratis.
- Precio anterior (opcional): muestra un descuento junto al precio.
- Categoría (opcional): te permite mostrar solo algunos productos en una sección.
- Dirección: la página del producto es
/product/address. Déjala vacía para crearla a partir del nombre.
- Imágenes (la primera es la portada): sube una o varias imágenes; ordénalas para que la mejor quede la primera.
- Archivos de descarga (solo visibles para compradores): haz clic en Subir archivos (ZIP, PDF, LUT, vídeo…). Cada archivo puede pesar hasta 100 MB. Los archivos grandes pueden tardar en subirse; mantén la página abierta.
- O añade un enlace en lugar de un archivo (Google Drive, Dropbox, WeTransfer…): pega una dirección que empiece por
https://, ponle un nombre y haz clic en Añadir enlace. Úsalo para archivos más grandes que el límite. Tras pagar, los compradores lo ven en su página de descarga y Abrir los lleva allí. - Los archivos subidos cuentan en tu almacenamiento, que se muestra bajo el botón (por ejemplo Almacenamiento: 120 MB usados de 300 MB · Archivo máximo: 100 MB). Los enlaces no ocupan espacio.
- O añade un enlace en lugar de un archivo (Google Drive, Dropbox, WeTransfer…): pega una dirección que empiece por
- Activa Visible en la tienda (y Destacado si quieres resaltarlo).
- Haz clic en Guardar producto.
En la lista de productos, arrastra el asa para fijar el orden en que aparecen los productos en tu web. Eliminar borra un producto y sus archivos; quienes lo compraron ya no podrán descargarlo.
Los archivos de descarga son privados. Nadie puede abrirlos sin el código de un pedido pagado.
Paga lo que quieras
Activa Paga lo que quieras en el formulario del producto para que los compradores elijan su propio precio. El Precio pasa a ser el importe sugerido con el que empieza el carrito, y el Precio mínimo es el importe más bajo que puede introducir un comprador (0 o vacío significa que también puede llevárselo gratis). En tu web el precio muestra Paga lo que quieras, y en el carrito el comprador escribe el importe junto al producto.
Oferta adicional: «añadir al pedido» en el carrito
Una oferta adicional es una pequeña oferta extra que se muestra en el carrito, con una casilla, por ejemplo «Sí, añade el pack de bonus por solo 9 €». Un clic añade el producto al pedido y, al desmarcar la casilla, se quita otra vez.
- Abre el producto que debe activar la oferta (por ejemplo tu curso principal).
- En Oferta adicional en el carrito, elige el Producto que se ofrece.
- Si quieres, escribe el Texto de la oferta en cada idioma. Déjalo vacío para mostrar «Sí, añade [producto] a mi pedido».
- Haz clic en Guardar producto.
Siempre que ese producto esté en el carrito, la oferta aparece debajo de los artículos con el nombre y el precio del producto ofrecido. Las buenas ofertas adicionales son baratas, relacionadas y útiles al instante: un pack de plantillas, una checklist, un vídeo extra.
Paso 3: muestra los productos en tu web
- Abre el editor.
- En la pestaña Añadir, en Secciones prediseñadas, haz clic en Tienda (productos).
- Configura el título, el Texto del botón (por defecto Añadir al carrito), el Texto cuando no hay productos y, si quieres, Solo esta categoría (vacío = todos los productos) para mostrar una sola categoría.
- En Apariencia, elige el Número de columnas y la Forma de la imagen.
- Publica.
Puedes añadir varias secciones de tienda, por ejemplo una por categoría en distintas páginas. Enlaza un solo producto desde cualquier botón con /product/address.
Cupones (códigos de descuento)
Tienda → Cupones guarda los códigos de descuento que los compradores escriben en el carrito (Código de descuento → Aplicar).
- Haz clic en Nuevo cupón. Se sugiere un código aleatorio; cámbialo por algo fácil de recordar como
SPRING25. Los códigos no distinguen entre mayúsculas y minúsculas. - Elige el Tipo de descuento: Porcentaje (por ejemplo 20) o Importe fijo (por ejemplo 5.00 en la moneda de tu tienda).
- Límites opcionales:
- Pedido mínimo: el carrito debe valer al menos esta cantidad.
- Usos máximos: cuántos pedidos pagados pueden usar el código. El contador sube cuando se paga un pedido.
- Válido desde / Válido hasta: el código solo funciona entre estos días (ambos incluidos).
- Solo para estos productos: el descuento se calcula solo sobre los productos marcados. Si no marcas ninguno, se aplica a todo el carrito.
- Deja Activo encendido y haz clic en Guardar cupón.
La lista muestra cada código con su descuento, sus usos (por ejemplo 3 / 10 usos) y si está Caducado o Agotado. El interruptor desactiva un código sin borrarlo.
Qué ven los compradores:
- Un código incorrecto, inactivo, caducado, agotado o con un pedido demasiado pequeño muestra un mensaje claro en el carrito, en el idioma del comprador.
- Con un código válido, el carrito muestra el Subtotal, el Descuento y el nuevo Total.
- En la página de pago de Stripe, el descuento aparece en su propia línea con el nombre del código, y el comprador paga exactamente el total del carrito. (Closer crea un cupón de Stripe de un solo uso por ese importe exacto, así que no tienes que configurar nada en Stripe.)
- Un código que deja el total en 0 (por ejemplo, 100 %) entrega el pedido al momento, sin Stripe.
- El descuento aparece en el pedido en Pedidos, en la página de descarga del comprador y en el email de compra.
Si un código deja de funcionar mientras un comprador está pagando (caduca o llega a su máximo), el carrito lo quita y muestra el nuevo total antes de que nadie pague.
Pedidos
Tienda → Pedidos muestra todos los pedidos con el email del comprador, los productos, el total y el estado. Arriba ves Ingresos (live), Pedidos pagados, Pendientes de pago y Compras de prueba.
- Busca por Email, nombre o código… y filtra por estado.
- Estados: Pendiente de pago, Pagado, Reembolsado, Cancelado.
- Abre un pedido para ver el código, cuándo se pagó, el código de descuento usado (si lo hay) y las Descargas (cuántas veces se han descargado los archivos).
- Reenviar código vuelve a enviar el email de compra al comprador, por ejemplo si lo ha perdido.
- Página de canje abre la página de descarga del comprador.
- Las Notas internas son solo para ti.
Reembolsos
Reembolsa el pago desde tu panel de Stripe y luego abre el pedido en Closer y pon el estado en Reembolsado. A partir de ese momento el comprador pierde el acceso a las descargas.
Consejos
- Usa imágenes de portada claras y con la misma forma para todos los productos, para que la tienda se vea ordenada.
- Pon un beneficio corto y concreto en la Descripción breve: es lo que la gente lee en la tarjeta.
- Combina la tienda con una sección Cuenta atrás o Vídeo VSL para tus lanzamientos, y con un cupón por tiempo limitado.
- Envía los pedidos pagados a tus otras herramientas con Integraciones (webhooks).
- Haz una compra de prueba completa en modo Prueba, incluidos el email y la descarga, antes de pasar a Live.
¿No encuentras la respuesta?
Escríbenos y te respondemos en un día hábil.