Página de Producto
Lección 48 de 100. Módulo de Diseño Web/Copywriting
Haz un cliente, no una venta.
Katherine Barchetti.
ÍNDICE
Contenido
Hemos pasado de unas paginas estáticas como folletos publicitarios a unas webs que son más una oficina virtual o la prolongación en internet de tu negocio físico donde se puede conversar con un chat, se puede enviar un mail o pedir más información y se compra directamente o se reserva un cita o incluso se hace uno mismo su producto a medida.
Una de las mayores carencias que me encuentro en la mayoría de tiendas online es la de tener un buen diseño para mostrar los productos. Seguramente por comodidad o bien por no darle la importancia que requiere, el caso es que nos encontramos cientos de ecommer con el mismo diseño de producto y sin diferenciación.
DEFINICIONES
La página del producto ofrece a los usuarios toda la información importante sobre el producto. Dan a conocer la función del producto, son testigos de diferentes opiniones de diferentes usuarios a través de testimonios, obtienen una visión general del producto en acción y mucho más.
Una página de producto puede considerarse como un micro-sitio: esto se debe a que contiene varias subpáginas que contienen información sobre el producto.
Esta página no solo impulsa la decisión de compra de los clientes, sino que también los ayuda una vez realizada la compra. Contiene información sobre el uso del producto, las mejores prácticas al usarlo e incluso cosas que los usuarios deben evitar mientras usan el producto para mantenerse a salvo de cualquier daño.
PLANTILLAS PARA DISEÑAR TU WEB
Descárgate las plantillas necesarias para elaborar tu página Web y comienza a trabajar en tu proyecto con garantía de éxito.
MONTAJE
La creación de las páginas de producto dependerá mucho de las necesidades que cubra y del cliente objetivo al cual va dirigida. No es lo mismo hacer una página de producto de un boeing 747 que la de un bote de pintura, la información y las características que detallan al producto son muy diferentes.
Vamos a ver los elementos que necesariamente tiene que tener un página de producto para que vendan y sean persuasivas.
Menos es Más.
Huye del caos, de muchas frases o párrafos describiendo las bondades del producto. Un diseño sencillo que haga que se visualize bien el producto sin artificios y sin demasiados colores o distracciones, que sea minimalista es lo ideal y que muestre la información esencial sin demasiada retorica.
Una Imagen vale más que mil palabras
Las imágenes de los productos deben tener buena calidad y siempre deben estar en la mitad superior de la página , porque generalmente son lo que la mayoría de los clientes quieren ver primero para ayudar a tomar una decisión de compra. De hecho, el 93% de los consumidores consideran que las imágenes son esenciales al tomar decisiones de compra.
Si algo está “por encima del pliegue”, significa que no tiene que desplazarse hacia abajo en una página web para verlo; en cambio, es visible al instante en la parte superior de la página. Si algo está “debajo del pliegue”, significa que tienes que desplazarte hacia abajo para encontrarlo.
Muestra el producto desde todos los ángulos, incluso una imagen o video 360 grados es muy recomendable.
Enseña la máxima variedad del producto, por ejemplo si tiene varios colores una foto de cada una de las versiones.
Permite que se pueda hacer zoom y ver los detalles que te interesa que vean.
Si puedes, es una buena idea mostrar sus productos en contexto. Para empezar, siempre debe usar modelos que representen a su público objetivo, pero también puede ayudar a mostrar cómo se ven sus productos cuando se usan con diferentes formas y tamaños.
Llamadas a la acción
Los botones “Agregar al carrito” y “Proceder al pago” tienen que ser claros, consistentes y altamente visibles. Y por favor, estas llamadas a la acción (CTA) deberían ser un botón. Los compradores online han sido condicionados para buscar un botón: los enlaces de texto y otras interfaces de usuario no estándar crearán confusión exactamente en el momento equivocado. A Dan, de la telepatía digital, le gusta Zappos por sus claros llamados a la acción, que se destacan de los otros elementos de la página.
Haz que se destaque utilizando un color brillante o contrastante ; esto ayuda a llamar la atención y dirige la mirada del cliente hacia el botón.
-
- Haz que el botón sea lo suficientemente grande como para hacer clic : ya sea con un mouse en el escritorio o con un dedo en el móvil, el botón CTA debe ser lo suficientemente grande y fácil de hacer clic la primera vez.
-
- Piensa en tu idioma : la mayoría de los CTA de las páginas de productos dicen “Agregar al carrito” o “Comprar ahora”, que son ejemplos de lenguaje directo y dominante. Independientemente de la redacción que elija, asegúrese de decirle claramente al cliente qué acción está tomando haciendo clic en el botón.
No escondas los precios ¿Dónde se ubican los precios en la página de su producto? Encima de la tapa
Los precios siempre deben mostrarse claramente en la mitad superior de la página , ¡no hagas que tus clientes busquen cuánto cuestan sus productos!
Nadie va a comprar un producto sin saber primero cuánto cuesta, por lo que es una buena idea colocarlo en lo alto de la página. Por lo general, debe colocarlo cerca del título del producto o el botón “agregar a la cesta”.
- Usar un tamaño de fuente más grande : el precio debe ser uno de los elementos más grandes de la página
- Usando un color contrastante para hacer que el precio “destaque”
- Destacando cualquier descuento : muestre el precio original al lado del nuevo precio más barato y tenga ahorros claros
- No es tanto describir sino persuadir
- Dónde se encuentran las descripciones de los productos en su página de productos? Por encima y debajo del pliegue
Las descripciones de los productos brindan a los clientes más información sobre el producto que una sola imagen puede proporcionar. Es una buena idea tener una descripción corta y dulce del producto en la mitad superior de la página, que sea fácil de escanear rápidamente, y luego una versión más larga y detallada más abajo en la página para los clientes que desean más información.
La mayoría de los compradores buscan páginas de productos rápidas, fáciles y escaneables, por lo que debe escribir una descripción corta, rápida y dulce para sentarse encima del pliegue junto a las imágenes del producto. Luego, más abajo en la página, puede tener una descripción un poco más larga y más detallada que entra en los entresijos del producto.
No impacientes, rápido y conciso.
Las páginas de productos deben ser ágiles y receptivas. Las páginas con retraso pueden matar la confianza y generar impaciencia, ambos asesinos de conversión. Deshágase de las páginas excesivamente diseñadas por las que se cargan rápido y responden aún más rápido
Genera confianza en el cliente
Reduce la ansiedad y crea confianza al comunicar la calidad del producto, el tamaño, las políticas de devolución y los compromisos de servicio al cliente que harán que su visitante se sienta cómodo comprándole. Utiliza los iconos de pago seguro y haz una página con las políticas de devoluciones, por ley se pueden devolver los productos en 15 días como máximo pero tienes que detallar la forma en que se tiene que producir dicha devolución ¿quien pagará los gastos de envío? ¿cual tiene que ser el estado de los productos devueltos? Etc.
Prueba social:
Una de las formas más utiles para generar confianza es proporcionar reseñas de productos y testimonios de otros clientes que hayan comprado el producto y muestre reseñas útiles en la parte superior. Agregar más señales sociales a la experiencia del usuario les permite a los visitantes saber que no están solos en su compra. Un ejemplo de esto son las famosas reseñas de productos de amazon.
Las evaluaciones de productos en forma de estrellas o en número es una forma muy visual y rápida para que el cliente conozca la calidad del producto. No Falsees las calificaciones o al menos no pongas la máxima nota en todos los productos.
Utiliza la venta cruzada
Utiliza el cross selling que es ofrecer un producto complementario al que estamos comprando para que se lleve el cliente 2 o 3 productos en la misma compra
Algunos ejemplos:
-
- Si estoy vendiendo una cámara de fotos, me interesará mostrar también una funda para la cámara o un trípode, incrementando así el valor final del carrito de la compra.
-
- Si estoy vendiendo un camisa, seguro que hay alguna chaqueta o pantalón que combine bien con la camisa y que completen el look para el usuario.
También te puede interesar mostrar otros productos similares dentro de la misma categoría, aportando al usuario una mayor oferta de productos.
Sesgo de Escasez y de disponibilidad
Tanto si estas vendiendo un producto como un servicio hay algo que ayuda mucho a la venta y es el efecto de que lo que estamos comprando es escaso. Cuando estamos comprando unas zapatillas muy originales que nos han gustado y quizás el precio es más elevado de lo que pensabamos gastar, si en ese momento aparece un mensaje de “ultimas unidades” o “la oferta caduca en x minutos” esa sensación de urgencia de que se va a agotar nuestro producto nos crea una ansiedad que lleva a comprar en muchas ocasiones.
Un ejemplo de este sesgo es el que utilizan en Booking cuando aparece el mensaje famoso de “queda solamente 1 habitación disponible”
Lo mismo ocurre con el efecto de disponibilidad, si detectamos que nuestro producto va a tardar mucho en llegar perdemos el interés en el mismo, por eso Amazon o el Corte Inglés hacen mucho incapié y se gastan millones de euros para que las compras lleguen el mismo día o en 24 horas al domicilio del cliente.
En todo caso sea cual sea el plazo de entrega es necesario que el cliente pueda comprobar a través del rastreador logístico los días que faltan para recibirlo. Los emails son fundamentales para este efecto, al menos tiene que recibir el cliente un mail de confirmación de compra y otro unos días antes de que llegue el producto.
Sesgo de autoridad
Siempre que se pueda incluye algún testimonio o video de una persona que sea reconocida en el sector, bien sea famoso o un entendido en dicho producto para dar la sensación de que un profesional recomienda la compra del producto. Es el caso de la campaña de publicidad de “el 90% de los dentistas recomiendan el dentrifico x”
Otro ejemplo es el caso de booking cuando estamos mirando un hotel y te indica “x personas están mirando el mismo hotel” lo cual te hace confiar en lo que estas reservando porque si más usuario lo quieren contratar es porque debe ser bueno.
Efecto anclajes
Se trata de un sesgo cognitivo provocado por la tendencia humana a darle un mayor peso a la primera noticia, argumento o evidencia que se tiene sobre algo a la hora de tomar una decisión. En el caso de una tienda online es muy útil para mostrar el precio de los productos, un ejemplo muy evidente es el de Amazon que tacha el primer precio para que valoremos la diferencia que tenemos si compramos ahora.
Este efecto lo utilizan la mayoría de los provedores de hostings que te presentan 3 opciones de precios con la definición de cada servicio, el primero es el barato que practimante no tiene casi funcionalidades, el segundo es el que quieres que compres y tiene muchas caracteristicas y lo utilizan como ancla ya que el tercero es mucho más caro y apenas tiene funciones mejoradas.
Asi pues el cliente elije entre un producto barato y malo, uno muy bueno que es relativamente barato y de calidad porque lo comparamos con el tercero que es mucho más caro y no añade muchas funciones respecto al segundo.
Mantén el mismo diseño en la tienda.
No utilices más de 2 colores y 3 tipografías diferentes, no es preciso que toda la página sea igual en cuanto a espacios y colocación de los productos. De hecho tienes que resaltar los productos más interesantes o que desees vender, eso no significa que tengas que hacer un diseño caótico porque el usuario no se encontrará cómodo navegando.
HERRAMIENTAS
Con woocomerce y un maquetador visual como Divi o elementor te permite hacer páginas y tiendas de productos o servicios con el diseño que tu decidas. Te detallo el diseño de las páginas de producto más usuales para que puedas utilizar la que más se adapte a tu negocio.
Ejemplos de páginas de Producto
Hacer una ficha de producto con divi
Video de webpositer para hacer una ficha de producto perfecta
Para moviles
CAJA DE HERRAMIENTAS DE IKREA.DIGITAL
Accede a Recursos y Herramientas muy útiles para elaborar tu negocio. Te puedes descargar plantillas, planes de negocio, hojas de excell, informes y mucho más elaborado por los profesores del curso de Ikrea.Digital
¿Quieres que te acompañemos en el montaje de tu negocio? Cuéntanos un poco y te ayudamos con Mentorías personalizadas.
MÁS INFORMACIÓN:
Blog de ecommerce efectivo
https://www.ecommerceefectivo.com/la-importancia-de-la-ficha-de-producto-en-ecommerce/
Blog de Ecommerce Efectivo
Ejemplos de paginas de producto
Anterior Instrucción
Siguiente Instrucción
¿Quieres ver todas las instrucciones para montar tu Negocio Digital?
¿Quieres compartir experiencias, dudas e información útil?
Entra en Nuestro grupo de Telegram para estar al día con las últimas Novedades y conocer Mercaderes digitales como tu con tus mismos intereses y sueños.
Me gustaría seguirte en mis Redes Sociales, son estas:
Mercaderes Digitales – Reservados todos los derechos