Códigos cortos de WordPress WooCommerce: todo lo que necesitas saber y lista útil

Los shortcodes de WooCommerce son una de las funciones más versátiles de la plataforma. Nos permiten crear una experiencia más dinámica para los usuarios finales. Pueden ayudarte a añadir accesos directos a tu tienda para que tus visitantes tengan la experiencia más fluida posible. Y ese es siempre el objetivo final: facilitarles las cosas a tus visitantes.

Un temor común entre los propietarios de sitios web es que su oferta parezca obsoleta desde el punto de vista del diseño. Al gestionar una tienda online, esto es aún más preocupante, ya que puede conducir directamente a menores ventas. Sin embargo, además de un buen diseño, añadir accesos directos es otra forma de darle un toque especial a una tienda WooCommerce.

¿Qué son los códigos cortos de WooCommerce?

Son pequeños fragmentos de código que puedes colocar en cualquier parte de una página y que ofrecen accesos directos visualmente atractivos. Pueden ayudar a tus usuarios a acceder más fácilmente a:

• Llamadas a la acción
• Páginas dentro de la tienda (como el carrito de compras o la sección de seguimiento de pedidos)
• Productos específicos que desea comercializar

Agregar códigos cortos de WooCommerce

Aunque el término suene técnico, lo mejor de los shortcodes de WooCommerce es que son muy fáciles de añadir. Ni siquiera necesitas saber programar. Gracias a Gutenberg, el proceso consiste simplemente en insertar (copiar y pegar) el shortcode en un bloque de shortcodes o en un constructor de páginas.

Puedes insertar diferentes códigos cortos en una sola página y tener varios cerca uno del otro.

Los complementos esenciales

Aunque WooCommerce viene con su propio conjunto, hay algunos plugins que te ayudarán a acceder a aún más shortcodes. Dirígete al panel de administración de WooCommerce y encontrarás... Plugin > Agregar nuevo En el lado derecho. Puedes agregar los complementos que aparecen a continuación.

• Vista rápida de WooCommerce Pro. Instala esto en tu sitio de WordPress y verás automáticamente nuevos botones de vista rápida en tu interfaz. Estos permitirán a los visitantes acceder a detalles como atributos y variaciones, además de añadir productos al carrito sin salir de la página actual.
• Tabla de productos de WooCommerce Este plugin te permite usar el shortcode [product_table], que te permite usar diseños distintos a la cuadrícula predeterminada de WooCommerce. Es una excelente opción si quieres mostrar más productos por página.
• Códigos cortos de WooCommerce de WooThemes Tras instalarlo y activarlo, este plugin añade un botón desplegable de TinyMCE a tu editor de texto con fácil acceso a todos los shortcodes integrados. Ahorra mucho tiempo, ya que no tendrás que copiar y pegar shortcodes cada vez que los uses.

A continuación, encontrará algunos de los códigos cortos más útiles, divididos en tres categorías principales: páginas, visualización del producto y acciones.

1. Códigos cortos para páginas

Facilite las cosas a sus clientes brindándoles acceso a páginas esenciales sin tener que abandonar la página en la que están navegando actualmente.

• Mi cuenta . Agregue Mi cuenta de WooCommerce en cualquier lugar del sitio a través del código corto.
• Carro Muestra el carrito de compras personalizado de tus clientes en páginas, publicaciones, widgets y barras laterales de WordPress con el código corto.
• Verificar Inserta la página de pago en cualquier lugar que desees (por ejemplo, debajo de una tabla de productos) usando el código corto.
• Seguimiento de pedidos La función de seguimiento de pedidos no está incluida en WooCommerce, pero puedes añadirla tú mismo creando una página nueva y añadiendo el acceso directo en el editor de texto. También puedes añadirla en cualquier otro lugar.

Aquí están los códigos cortos de ejemplo:

2. Exhibición del producto

Muestra productos según diferentes criterios con los siguientes códigos cortos de WooCommerce:

Categorías Enumere las categorías de productos (no los artículos) en cualquier lugar de su sitio.

3. Acciones

Facilite a los clientes la realización de acciones sin abandonar sus páginas actuales:

• Añadir a la cesta Inserta un botón para un artículo específico donde quieras. Recuerda agregar el código correcto del producto, como
• Búsqueda de productos Agrega una búsqueda en vivo con funciones de filtrado en vivo donde quieras en tu sitio, ya sean páginas o publicaciones con el código corto.

Solución de problemas

En ocasiones, te darás cuenta de que has pegado correctamente los shortcodes de WooCommerce en el editor de texto, pero no se ven bien en la interfaz. Si esto ocurre, ve al editor de texto HTML y asegúrate de no haberlos incrustado accidentalmente con etiquetas <pre>.

En conclusión

En Bright Vessel, nos especializamos en diseño de WordPress, con especialización en WooCommerce desde hace casi 20 años. Somos la mejor opción para crear una solución de comercio electrónico excepcional para tu marca. Contáctanos para discutir cómo podemos ayudarlo a crear la tienda WooCommerce perfecta adaptada a las necesidades específicas de su negocio.