# Landing pages para ecommerce: cuándo necesitas una, qué poner en ella y qué probar > Las landing pages no son páginas de producto. Coherencia de mensaje, un solo CTA, objeciones resueltas en la propia página y la disciplina de velocidad que exige el tráfico de pago. Doce tácticas concretas, más el enfoque de pruebas que de verdad merece la pena. Ryan Badger - 9 de noviembre de 2024 - 10 min de lectura ## Las landing pages frente al resto de tu tienda Una landing page no es tu página de inicio. No es tu página de producto. Es una página con un único propósito, creada para convertir un tipo concreto de tráfico procedente de una fuente concreta (normalmente un anuncio de pago) en una acción concreta. Todo en ella existe para impulsar esa única acción; cada píxel que no contribuye es ruido. La mayoría de las tiendas usan sus páginas de producto habituales como landing pages de los anuncios. Es ineficiente. La página de producto está optimizada para alguien que navega con alguna intención; la landing page necesita convertir a alguien que ha hecho clic en un anuncio y todavía no tiene ningún contexto. Trabajos distintos, páginas distintas. Este artículo cubre tácticas concretas de landing pages que mueven la conversión en ecommerce, el enfoque de pruebas que merece la pena y los errores propios de las landing pages que conviene evitar. ## Cuándo necesitas una landing page (y cuándo bastan las páginas de producto) **Usa una landing page específica:** - Para anuncios de pago donde importa la coherencia de mensaje (una promoción, colección o ángulo concretos) - Para lanzamientos de campaña (Black Friday, estreno de una colección) - Para productos de compra muy meditada en los que importa la historia completa (pedido medio de 200 $ o más) - Para contenido orientado a SEO que necesita una estructura centrada en la conversión - Para tráfico de referidos, socios o influencers **Usa tu página de producto actual:** - Para tráfico de marca o genérico en el que se espera que el usuario navegue - Para compras de muy poca reflexión (impulso por debajo de 30 $) - Si tienes menos de 500 pedidos al mes (rendimientos decrecientes de las páginas específicas) No toda campaña necesita una landing page. Pero las campañas que gastan más de unos 500 $ al mes en una sola audiencia o ángulo merecen una. ## 0. La mejor landing page vende en el sitio Antes de las tácticas: la mayor mejora individual de rendimiento de una landing page es eliminar el clic extra entre "lo quiero" y "lo he comprado". La mayoría de las herramientas de landing pages (Unbounce, Leadpages, Klaviyo Pages, ClickFunnels) tratan la landing page como algo separado de tu tienda. El comprador lee tu página, se convence, hace clic en "Comprar ahora" y aterriza en otra URL (la página de producto de tu tienda real). Tiene que reorientarse, volver a leer, hacer clic en Añadir al carrito y luego pasar por el checkout. Cada paso extra pierde clientes. Shoprocket funciona distinto. La landing page ES la superficie de compra. Puedes insertar el carrito, un botón de compra o un bloque de producto completo directamente en cualquier landing page (WordPress, Webflow, Framer, Carrd o una página HTML estática escrita a mano) con una etiqueta script y un div. Cuando el visitante hace clic en comprar, el carrito se abre en el sitio. El checkout se abre en el sitio. La conversión ocurre en la landing page, no en la URL de una tienda aparte. **Aquí tienes uno, funcionando de verdad, dentro de este artículo:** Carrusel en vivo, funcionando dentro de este artículo Es el mismo mecanismo que insertarías en cualquier landing page que construyas. Tres líneas de HTML. Sin redirecciones, sin dominio aparte, sin un checkout que aleje al comprador de la historia que acabas de contarle. **Por qué importa para el tráfico de pago:** cuantos menos saltos entre el clic en el anuncio y la compra, mayor conversión. Una landing page donde la compra ocurre en el sitio convierte bastante mejor que una que rebota a los visitantes a una tienda. Además mantiene limpia la atribución (sin líos de seguimiento entre dominios). La mayoría de las tácticas de abajo siguen aplicándose. Pero la decisión arquitectónica de fondo (landing page = superficie de compra, no superficie de marketing) explica buena parte del aumento de conversión, y casi nadie fuera de Shoprocket lo hace de forma tan limpia. ## 1. Coherencia de mensaje con el anuncio Si tu anuncio dice "50 % de descuento en camisetas de algodón orgánico", el titular de la landing page debería hacerle eco: "50 % de descuento en camisetas de algodón orgánico, hasta el domingo". No "Bienvenido a Acme Clothing". La falta de coherencia de mensaje es el fallo más común en el tráfico de pago. El anuncio promete X, la página entrega Y, el modelo mental del visitante se rompe y se va. Las tasas de rebote en landing pages con mensaje incoherente suelen superar el 80 %. **Regla:** la primera pantalla de la landing page debe sentirse como una continuación del anuncio, no como un giro. ## 2. Una única acción principal Una landing page, una acción. No "compra esto O suscríbete a nuestro newsletter O lee nuestro blog O síguenos en Instagram". Los CTA que compiten diluyen la conversión. La acción principal suele ser: - Añadir al carrito / comprar ahora (para landing pages centradas en el producto) - Completar un formulario (para captación de leads, como la descarga de una "guía de envíos gratis") - Apuntarse a la lista de espera del lanzamiento (para páginas previas al lanzamiento) Las acciones secundarias están bien si son claramente secundarias (más pequeñas, más abajo en la jerarquía, sin competir con el CTA principal). "¿Tienes dudas? Chatea con nosotros" como secundaria es correcto. ## 3. La primera pantalla tiene un solo trabajo: ganarse el scroll El área visible al cargar la página (por encima del pliegue) no tiene que cerrar la venta. Tiene que convencer al visitante de que merece la pena seguir bajando. Qué poner ahí: - **Titular:** una promesa concreta - **Subtitular:** una prueba - **Imagen principal:** el producto en uso o centrada en el resultado, no una foto de stock - **CTA principal:** visible y pulsable sin hacer scroll - **Señal de confianza:** valoración + número de opiniones, mención en prensa o un cliente destacado Qué NO poner ahí: - La historia de tu marca - Navegación a otras categorías (vinieron por esto, no los distraigas) - Todas las funciones del producto - Un carrusel (consulta el artículo de CRO: los carruseles rinden menos que los héroes estáticos) ## 4. Dónde colocar la prueba social La prueba social (opiniones, valoraciones, prensa, testimonios, número de clientes) debe colocarse donde se dispara la ansiedad: - Junto al CTA principal (tranquilidad antes de hacer clic) - Tras una afirmación clave (la prueba que la respalda de inmediato) - En una sección de opiniones específica (prueba más profunda para quienes lo están valorando) Malos patrones: - Testimonios en un bloque al final al que nadie llega haciendo scroll - Insignias genéricas de "★★★★★ somos geniales" sin ninguna fuente - Textos de relleno tipo "testimonio real de alguien" que nunca se reemplazaron (sí, pasa) Buenos patrones: - "Valorado con 4,8/5 por más de 3.400 opiniones" junto al botón de Añadir al carrito - Foto real de un cliente + nombre de pila + una cita concreta sobre el caso de uso exacto - Una tira de logos de prensa con nombres que se reconozcan (Forbes, NYT, etc.), no 15 logos al azar ## 5. Resolver las objeciones en la propia página Todo comprador tiene objeciones concretas: "¿vale lo que cuesta?", "¿hace de verdad lo que dicen?", "¿llegará lo bastante rápido?", "¿puedo devolverlo?". Si no las abordas, las rellenan con un "probablemente no". Una buena landing page responde las 3 objeciones principales en la propia página: - **Objeción de precio:** "79 $ me parece mucho" → un párrafo que explique la durabilidad, la cuenta de coste de propiedad de 8 $ al año y la garantía de 2 años - **Objeción de calidad:** "¿esto es realmente bueno?" → opiniones con fotos, lista de materiales, detalle del "fabricado en" - **Objeción de envío:** "¿llegará a tiempo?" → "los pedidos hechos antes de las 15:00 salen el mismo día, entrega en 2-5 días, devolución gratis si no" - **Objeción de ajuste/talla:** guía de tallas integrada con "cómo medirte" Piensa como un ticket de soporte. Cada pregunta que recibirías en soporte sobre este producto es una objeción que tu landing page no respondió. ## 6. Longitud: lo bastante larga para vender, lo bastante corta para leerse Los debates sobre la longitud de las landing pages no dan en el clavo. La longitud depende del precio y del nivel de reflexión: - **Impulso por debajo de 50 $:** landing page corta. Imagen principal + prueba + opiniones + CTA. Cabe en 2-3 pantallas en móvil - **Meditada, de 50 a 200 $:** longitud media. Añade características, prueba social, comparativa y FAQ. 4-6 pantallas - **De 200 $ en adelante, muy meditada:** más larga. Historia completa, opiniones ampliadas, vídeos, tablas comparativas, detalle de la garantía y FAQ. 8-12 pantallas está bien si cada sección se gana su lugar Una landing page larga que responde todas las objeciones posibles convierte mejor que una corta que las deja en el aire. Pero una landing page larga rellena de paja es peor que una corta y ajustada. ## 7. Vídeo donde encaje Los vídeos de producto en las landing pages suelen aumentar la conversión entre un 10 y un 30 %. Pero: - Los vídeos deben reproducirse automáticamente y en silencio (los que requieren clic para reproducirse rinden menos) - Menos de 60 segundos en la mayoría de casos; menos de 30 si puedes - Muestra el producto en uso, no un anuncio de marca pulido - Alojado en tu sitio, no un YouTube incrustado (los embeds de YouTube cargan lento y muestran vídeos relacionados que distraen) - Subtítulos siempre activados (la mayoría de los usuarios móviles ven los vídeos sin sonido) ## 8. Sección de FAQ (pero solo si responde preguntas reales) Una FAQ en una landing page es útil cuando: - Las objeciones habituales de los compradores son previsibles (y tus respuestas son concretas) - La FAQ es fácil de escanear (estilo acordeón, 6-10 preguntas) - Cada respuesta tiene menos de 3 frases Una FAQ en una landing page es perjudicial cuando: - Rellena la página sin abordar preguntas reales de los compradores - Las respuestas son palabrería genérica de marketing - Tiene 30 preguntas (nadie lee tantas) **Prueba:** abre tu bandeja de soporte. Las 5-8 preguntas más comunes antes de comprar este producto son tu FAQ. Copia la redacción exacta que usan los clientes. ## 9. El CTA: concreto, repetido, visible Un único CTA principal, repetido 2-4 veces a medida que se hace scroll: - Cerca de la imagen principal (principal) - Tras una sección de beneficios clave - Tras la resolución de objeciones / prueba social - Al final El texto del CTA importa. "Comprar ahora" es genérico; "Quiero mi pack de envío gratis", "Empieza tu prueba de 14 días" o "Añadir al carrito - 49 £" son concretos. Específico para móvil: un CTA fijo que flote en la parte inferior de la pantalla cuando la imagen principal sale de la vista. Innegociable para el tráfico móvil. ## 10. Velocidad de la landing page Las landing pages suelen ser más lentas que las páginas de producto porque se sobrediseñan: fuentes personalizadas, vídeos principales, widgets sociales incrustados, scripts de pruebas A/B, de mapas de calor y de analítica. Objetivo: menos de 2,5 segundos de Largest Contentful Paint en móvil con 4G. Consulta el [artículo de optimización móvil](https://v3.shoprocket.io/es/blog/optimizacion-ecommerce-movil-core-web-vitals-checkout-y-arreglos-que-mueven-la-conversion.md) para los detalles de Core Web Vitals. Lista de lo que mata la velocidad: - Imágenes principales a resolución completa (comprímelas a 100-300 KB) - Vídeo con reproducción automática sin imagen de póster (perjudica el LCP) - Varias fuentes (elige una para títulos y una para el cuerpo) - Todos los píxeles de analítica y retargeting cargados de forma síncrona Las landing pages que pagan entre 2 y 10 $ por clic merecen cargar rápido. Un retraso de 1 segundo en una campaña con 5 $ de CPC desperdicia entre el 10 y el 20 % del gasto en rebotes. ## 11. Pruebas: qué merece la pena y qué no La mayoría de los tests A/B de landing pages con poco volumen producen ruido. Consulta el [artículo de CRO](https://v3.shoprocket.io/es/blog/optimizacion-tasa-de-conversion-ecommerce-la-secuencia-honesta-que-mueve-la-cifra.md) para las cuentas del tamaño de muestra. **Merece la pena probar (si tienes volumen):** - Variaciones del titular principal - Texto del CTA principal - Presentación del precio (por mes frente a por año, 99 $ frente a 99,99 $) - Formato de la prueba social (testimonio frente a cita de opinión frente a estadísticas) - Imagen principal (producto frente a resultado frente a estilo de vida) **Pocas veces merece la pena probar:** - El color del botón (mejoras del 0,1-0,5 % como mucho, requiere muchísimo tráfico) - Variaciones mínimas de texto (5 palabras distintas, 2 caracteres distintos) - El contenido del pie de página - Los elementos de navegación La investigación cualitativa (grabaciones de sesiones, mapas de calor) supera a los tests A/B en landing pages con menos de 5.000 visitantes al mes. ## 12. Errores habituales en las landing pages ### Enviar los anuncios a la página de inicio El anuncio apunta a "bolsos de cuero para portátil". El clic lleva a una página de inicio con 200 productos sin relación. El visitante nunca encuentra el bolso. Rebote. Construye la landing page. ### Usar la misma landing page para todas las audiencias de los anuncios El tráfico frío de Meta y el retargeting caliente necesitan mensajes distintos. Frío: demuestra quién eres y qué es el producto. Caliente: aborda el motivo concreto por el que no compraron la última vez. ### Esconder el precio La timidez con el precio en las landing pages sale mal. Muestra el precio con claridad por encima del pliegue. Los clientes a los que asusta el precio se iban a ir igualmente; los que se entusiasman con él convierten más rápido. ### Demasiados campos de formulario Cada campo en el formulario de una landing page cuesta entre un 5 y un 10 % de finalización. Pide lo que necesites; no pidas el teléfono para enviar una guía por correo. ### Marca incoherente con el anuncio El anuncio usa colores vivos y un tono desenfadado. La landing page es corporativa y gris. Parece un cambiazo. El visitante se va. ## En qué te ayuda Shoprocket - **Inserta comercio en cualquier landing page**: catálogo, botón de compra, carrito o tienda completa se integran en cualquier página HTML con una etiqueta script. La landing page ES la superficie de compra, no una página de marketing aparte que rebota a los visitantes a tu tienda - **Constructor de páginas flexible** con más de 40 temas si quieres una landing page de tienda alojada - Compatibilidad con **dominio propio y subdominio** para las URL de campaña - **Blog / CMS** para contenido de landing orientado a SEO con control total de las metaetiquetas - **Optimización automática de imágenes** + entrega en WebP para landing pages rápidas - **Optimizado para Core Web Vitals** en la tienda alojada; los widgets embebidos se cargan de forma diferida para que tu landing page hecha a mano siga siendo rápida - **Feeds de producto** para que puedas dirigir el tráfico de los anuncios a productos concretos de tu catálogo - **Analítica en tiempo real** + seguimiento UTM para medir qué landing pages convierten - **Píxeles de seguimiento** (Meta, Google, TikTok) con un interruptor en el panel para que tus anuncios atribuyan bien Lo que Shoprocket no trae de serie: tests A/B completos de landing pages (usa VWO u Optimizely junto a él) ni mapas de calor (usa Hotjar o Microsoft Clarity; Clarity es gratis). > **Consejo:** si lanzas una campaña de pago, construye UNA landing page. No construyas 10 variantes de entrada. Lanza la campaña a esa página durante 2-4 semanas. Mira las grabaciones de sesiones. Itera la página según lo que veas. Una página bien iterada supera a cinco páginas que nunca optimizas. ## Resumen rápido - **La mejor landing page = la propia superficie de compra.** Shoprocket inserta carrito + checkout directamente en cualquier landing page HTML; la mayoría de las plataformas rebotan a los visitantes a la URL de una tienda aparte - **Las landing pages tienen un único propósito**, no son páginas de producto de uso general - **La coherencia de mensaje con el anuncio** es la mayor palanca de conversión - **Un CTA principal,** repetido 2-4 veces, con texto de acción concreto - **La primera pantalla se gana el scroll,** no la venta - **Prueba social integrada** junto a los CTA y las afirmaciones; no enterrada al final - **Resuelve las objeciones en la propia página** (precio, calidad, envío, ajuste) - **La longitud crece con el nivel de reflexión,** no al azar - **La velocidad importa más en las landing pages** que en las páginas normales (el tráfico de pago es caro de desperdiciar) - **Haz tests A/B del héroe, el CTA y la presentación del precio** si tienes volumen; investigación cualitativa si no - **Errores habituales:** enviar anuncios a la página de inicio, una misma página para todas las audiencias, esconder el precio, exceso de campos de formulario [Empieza una prueba gratuita](https://app-v3.shoprocket.io/signup) y crea landing pages con tienda con temas, feeds y seguimiento con píxeles integrados. 14 días, sin tarjeta. --- - HTML version: https://v3.shoprocket.io/es/blog/landing-pages-ecommerce-cuando-necesitas-una-que-poner-que-probar - Language: Español (es) - Also in: [العربية](https://v3.shoprocket.io/ar/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Deutsch](https://v3.shoprocket.io/de/blog/landingpages-ecommerce-wann-noetig-inhalt-testen.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [English](https://v3.shoprocket.io/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Français](https://v3.shoprocket.io/fr/blog/pages-atterrissage-e-commerce-quoi-mettre-quoi-tester.md), [עברית](https://v3.shoprocket.io/he/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/landing-page-ecommerce-kapan-perlu-isi-dan-cara-uji.md), [Italiano](https://v3.shoprocket.io/it/blog/landing-page-ecommerce-quando-servono-cosa-inserire-cosa-testare.md), [日本語](https://v3.shoprocket.io/ja/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/nusileidimo-puslapiai-el-prekybai-kada-reikalingi-ka-deti-ir-ka-testuoti.md), [Norsk](https://v3.shoprocket.io/nb/blogg/landingssider-for-nettbutikk.md), [Nederlands](https://v3.shoprocket.io/nl/blog/landingspagina-ecommerce-wanneer-wat-testen.md), [Polski](https://v3.shoprocket.io/pl/blog/landing-page-dla-ecommerce-kiedy-potrzebujesz-co-umiescic-co-testowac.md), [Português](https://v3.shoprocket.io/pt/blog/landing-pages-para-ecommerce-quando-usar-o-que-colocar-o-que-testar.md), [Română](https://v3.shoprocket.io/ro/blog/pagini-de-destinatie-ecommerce-ce-pui-pe-ele-ce-testezi.md), [Русский](https://v3.shoprocket.io/ru/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [ไทย](https://v3.shoprocket.io/th/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Türkçe](https://v3.shoprocket.io/tr/blog/e-ticaret-acilis-sayfalari-ne-zaman-ne-konur-ne-test-edilir.md), [中文](https://v3.shoprocket.io/zh/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md)