Cómo Agregar Pestañas Personalizadas en WooCommerce

Categorias: WooCommerce

Cómo Agregar Pestañas Personalizadas en WooCommerce

Presentar los productos que se venden en una tienda onlinemes algo importante, hay mucha competencia ahí afuera y cuidar hasta el mínimo detalle puede significar la diferencia entre una venta conseguida o una perdida.

Además de un buen diseño del sitio web, amigable y coherente, un hosting SSD de garantías que muestre los productos lo más rápido posible y buenos productos a precios competitivos, es necesario presentar el producto al cliente de la mejor manera posible para que se le pueda entregar toda la información posible de la mejor manera posible.

Una descripción muy larga, teniendo que hacer mucho scroll no parece que sea la mejor de las ideas para presentar un producto en una comercio online. Tampoco una información demasiado escueta para evitar la sobreinformación en una misma página parece una buena idea.

Al fin de al cabo, el cliente no tiene el producto delante y necesita toda la información posible para convencerse de que el producto que tiene en pantalla, es el producto que quiere comprar.

WooCommerce es una buena plataforma, en realidad se trata de un plugin de WordPress, pero muestra los productos de la forma habitual en una tienda online, de hecho es algo que depende mucho del theme que estemos usando, pero si queremos un extra a la hora de presentar productos en WooCommerce, podemos hacer uso de las pestañas.

El problema es que WooCommerce no dispone de forma nativa pestañas para presentar los productos, al menos no de la manera que buscamos, pero es posible añadirlas gracias al plugin Custom Product Tabs.


Plugin Custom Product Tabs para WooCommerce

El plugin Custom Product Tabs puede mejorar la forma de presentar un producto de una vez por todas. Es un plugin gratuito (con opción Pro de pago) y sencillo de utilizar. Para instalarlo sólo hay que buscarlo en el repositorio de plugins de nuestro WordPress o descargarlo desde aquí para su instalación manual.

Una vez instalado y activado hay que trabajar en las pestañas, hay que distribuir el contenido entre las pestañas que se vayan a crear y determinar una estructura.

Para hacer todo esto, el plugin Custom Product Tabs proporciona un menú lateral en la administración de WordPress desde donde se pueden gestionar las pestañas que se necesiten.

pestanas personalizadas woocommerce - WordPress

Al entrar en Pestañas de Producto Personalizadas no veremos ninguna ya que no se ha creado ninguna y el plugin no añade pestañas predeterminadas, así que lo primero que hay que hacer Añadir una Pestaña.

anadir pestana woocommerce - WordPress

Añadir una pestaña es tremendamente sencillo ya que usa el mismo editor de texto que encontramos en WordPress, por lo que nos encontraremos con un entorno muy familiar si ya se ha tenido contacto con WordPress, lo cual debería de ser así al estar usando WooCommerce para gestionar la tienda online.

Las opciones que el plugin ofrece para añadir la pestaña son muy pocas.

Por último la opción de guardar la pestaña o eliminarla.


Añadir una Pestaña Creada a un Producto en WooCommerce

Una vez se ha creado una o varias pestañas hay que añadirlas a los productos ya que no se añaden de forma predeterminada a todos los productos.

Esto es así porque no todos lo productos que se vendan en una tienda online, tienen porque tener las mismas características.

Por ejemplo, si se están vendiendo productos descargables y físicos en la misma tienda, no tiene sentido añadir una pestaña con las condiciones de los gastos de envío par descargar un ePub.

Añadir la pestaña creada al producto es muy sencillo y se hace desde la pantalla de edición del propio producto.

Una vez dentro del producto, hay que dirigirse a la zona de Datos del producto. El plugin habrá añadido una pestaña lateral nueva.

datos producto pestanas en WooCommerce

Al entrar en esta nueva pestaña sólo se ofrecen dos posibilidades, Añadir una Pestaña, o Añadir un Pestaña Guardada.

cargar o crear pestana WooCommerce

Si hemos creado ya la pestaña sólo deberemos pulsar en el botón correspondiente. Esto lanzará una ventana emergente en la que se mostrarán las pestañas que se hayan creado anteriormente.

Tan sólo hay que pulsar sobre el símbolo mas (+) para añadirla.

anadir pestana guardada WooCommerce

Esto mostrará un la pestaña añadida y sólo faltará guardarla pulsando en Save Tabs. También nos muestra una opción par determinar el orden de la pestaña añadida en el caso de que queramos añadir más de una. Algo muy útil si lo pensamos.

guardar pestana guardada en WooCommerce

Y por último sólo queda revisar cómo ha quedado la pestaña en el producto donde la hayamos añadido. Debería aparecer a la derecha de la pestaña Descripción, dejando a la derecha pestaña de Valoraciones.

 

Cosas a Tener en Cuenta

El plugin Custom Product Tabs es gratuito y servirá para muchas situaciones pero tienen una versión de pago con más opciones, como añadir pestañas a todos los productos, por categorías, etc…

Si se tiene una tienda con cientos de productos, el tener que añadir una pestaña a cada uno de esos productos puede ser algo muy tedioso y la versión gratuita no permita añadir pestañas por lotes.

En cualquier caso el plugin suple una carencia de WooCommerce de manera práctica y gratuita.

Como hemos comentado antes, es importante contar con un hosting de garantías que proporcione una buena experiencia al cliente, que cargue rápidamente los productos, con o sin pestañas, tenga un panel de control potente y un servicio de soporte especializado en WooCommerce.

En Hostinet hemos preparado unos planes de hosting WooCommerce SSD que cuenta con todas estas cosas:

El resto de características se pueden consultar el el siguiente tabla:

Hosting WooCommerce