Cómo crear landing pages para productos en Woocommerce

Publicado en: Tienda online

avión-aterrizando
Las landing pages, o páginas de aterrizaje, son aquellas que se crean con el objetivo de focalizar la atención en un producto o servicio. La idea es incrementar las conversiones facilitando la información y la acción de compra al cliente.

Por lo tanto este tipo de páginas son perfectas para vender productos en nuestra tienda de Woocommerce. Muchos las utilizan como página de destino desde un email o una entrada en una red social. El cliente que accede a la web encuentra solo la información de ese producto y la opción de añadir al carrito. Cuanto mejor sea nuestra presentación mayor éxito tendrá nuestra landing page.

Para crear este tipo de landing pages os propongo usar uno de los dos plugins gratuitos que voy a comentar y una serie de shortcodes que el propio Woocommerce facilita para la utilización de los productos en otras páginas diferentes de la propia del producto.

Algunos shortcodes que facilita el própio Woocommerce

Vamos a ver los shortcodes que podemos utilizar para mostrar nuestros productos en la landing sin saber programación. Debemos introducir los shortcodes en el editor visual del contenido de la página que estemos creando.

Shortcode de Woocommerce para mostrar un producto concreto

["product id="99] o ["product sku="AC001]

Podemos usar el shortcode para introducirlo a través del ID o por el SKU.
El ID podemos obtenerlo desde el listado de productos de nuestra tienda, al poner el ratón sobre un producto aparece una serie de opciones y entre ellas está el ID del producto.

Shortcode para mostrar varios productos

[products ids="1, 2, 3, 4, 5"] o [products skus="AC001, AC003, ABC006" orderby="date" order="desc"]

Shortcode para mostrar los productos de una categoría

[product_category category=”slug-categoria” columns=”3″ per_page=”9″ orderby=”date” order=”asc”]

En este caso la opciones que nos permiten son:
– Category: Podemo poner el nombre de la categoría o el slug. Para asegurarnos que funciona recomendamos poner el slug.
El slug lo podemos averiguar desde la página de categoría. Menú “Productos” > “Categorías”, y en el cuadro donde se ven todas podemos encontrar el slug.
– Columns: número de columnas para listar los productos.
– per_page: número de productos por página.
– orderby: nos da la opción de ordenar por “date”, “title”, “menu_order”, “id”, “rand” (aleatorio).
– order: podemos que se ordenen de manera ascendente o descendente con “asc” o “desc”.

Shortcode para mostrar añadir al carrito de un producto

[add_to_cart id="99"] o [add_to_cart sku="AC0099"]

Estos son tres de los shortcode de woocommerce que están disponibles.
Pero hay muchos más como por ejemplo:
– Productos recientes: [recent_products per_page="12" columns="4"]

– Productos destacados: [featured_products per_page="12" columns="4"]

– La página de producto completa: [product_page id="99"]

– Lista de productos más vendidos: [best_selling_products per_page="12"]

– Productos mejor valorados: [top_rated_products per_page="12"]

– Listado de productos por aatributo: [product_attribute attribute='color' filter='black']

 

 

 

Una vez clara la forma de poder introducir productos en las landing a través de shortcode debemos instalar uno de los plugin que facilitan la creación de estas.

Los plugins son:
– WordPress Landing Pages
– Pararllax Gravity-Landing Page Builder

WordPress Landing Pages.

wordpress landing pages woocommerce

Esta extensión está orientada a realizar páginas para la captación de leads (información del usuario como el correo) y por ello lleva integrado un editor de formularios. Lo mejor de este plugin es que lleva bastantes plantillas para elegir y por lo tanto es fácil crear páginas. Por otro lado, como no está enfocado a la venta de productos es más complicado conseguir la estética que buscas a la hora de integrar los productos en la landing page.

Parrallax Gravity-Landing Page Builder

parallaxgravity landing page builder woocommerce

Este es un plugin mucho más enfocado a la venta de productos por lo que los diseños que puedes conseguir son mucho mejores que en el anterior. En este caso el problema está en que no tiene plantillas y la composición la tienes que realizar tú. Pero con un poco de paciencia se pueden conseguir diseños muy llamativos.

¿Te atreves a promocionar productos a traves de landing pages?

¿Te ha gustado este artículo?
6 Votos, Promedio: 4.2 de 5

Estés donde estés, si necesitas un página web en WordPress, tienda online Woocemmerce, Desarollo de un plugin para WordPress, campañas de Google Ads, Shopping y Remarketing, así como una estrategia SEO no dudes en contactar con nosotros (Equipo de diseño web ubicados en Valencia) a través de nuestro formulario y te informaremos al respecto.

4 Comentarios

  1. diseño web valencia
    | Responder

    Nosotros para las landings usamos cartflow, y encantados!

  2. Hill Planet
    | Responder

    Me ha gustado lo que has expuesto. Suena sencillo. Sin duda las landing pages son muy necesarias. Estamos muy acostumbrados a juzgar un libro por su portada. Una página web puede tener gran información, pero si ésta no presenta una buena imagen, elementos que capten nuestra atención, y que este directamente lo que en realidad buscamos. Por esto, es muy importante tener este tipo de paginas de aterrizaje, donde nos brinden todo aquello que pueda gustarnos a simple vista.

    • Juan José López
      Juanjo López
      | Responder

      Muchas gracias por tu comentario!!

  3. Fernando
    | Responder

    Excelente articulo, corto pero directo al punto. Muchas gracias.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información sobre protección de datos

Responsable: Cowalencia S.C.
Fin del tratamiento: Controlar el spam, gestión de comentarios.
Legitimación: Tu consentimiento.
Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
Derechos: Acceso, rectificación, portabilidad, olvido.
Contacto: info@covalenciawebs.com
Información adicional: Más información en nuestra política de privacidad.