3 formas de agregar Breadcrumb a las páginas de productos de WooCommerce - Aprendermarketing.es/ - Aprender Marketing
WordPress

3 formas de agregar Breadcrumb a las páginas de productos de WooCommerce – Aprendermarketing.es/

Navegar con Breadcrumb ayuda a los usuarios a saber exactamente dónde se encuentran en su sitio web. Esto es útil, especialmente cuando se agrupan artículos en diferentes categorías. Del mismo modo, cuando tiene muchas categorías de productos con el complemento WooCommerce, mostrar la ruta de navegación ayudará mucho a los usuarios. Sin embargo, el complemento WooCommerce no ofrece una configuración predeterminada para activar la ruta de navegación en los sitios de WordPress. Si está buscando una solución, así es como puede agregar migas de pan a sus páginas de productos de WooCommerce.

Crumbs en la página del producto WooCommerce

Antes de continuar, mire la foto a continuación para ver cómo se verá la navegación en la página del producto. Como se mencionó, esto ayudará a los consumidores a comprender en qué sección de la tienda está disponible el producto. Los usuarios pueden hacer clic en las categorías de productos en la galería para ver otros productos disponibles en la misma categoría. Por lo tanto, la ruta de navegación puede aumentar potencialmente sus ventas al permitir que los visitantes naveguen rápidamente por la tienda.

Breadcrumb en la página del producto WooCommerce

Además de ayudar a los usuarios, Google, Bing y otros motores de búsqueda también muestran rutas en los resultados de búsqueda. Cuando esté disponible, reemplazará la URL en los resultados de búsqueda, como se muestra a continuación. Esto puede ayudar a mejorar la tasa de clics de las páginas de sus productos en comparación con la URL visible.

Camino al producto en los resultados de búsqueda de Google
Camino al producto en los resultados de búsqueda de Google

Agregue Breadcrumb a las páginas de productos de WooCommerce

Aunque el complemento WooCommerce no ofrece configuraciones predeterminadas, tiene muchas opciones para insertar una galería en las páginas de productos.

  • Temas compatibles con WooCommerce Path
  • Inserte migas de pan manualmente y personalice el aspecto con un complemento
  • Use complementos de SEO como Yoast SEO

Explicaremos todas estas opciones en detalle en los siguientes apartados.

1. Consulte temas con configuraciones personalizadas de WooCommerce

WooCommerce es el complemento de comercio electrónico más popular para WordPress con más de 5 millones de instalaciones activas. Debido a esta popularidad, muchos temas gratuitos y comerciales ofrecen configuraciones personalizadas para las tiendas WooCommerce. Por lo tanto, antes de usar el complemento para insertar una ruta en las páginas de productos, asegúrese de verificar que su tema proporcione una función de navegación integrada. Por ejemplo, todos los temas predeterminados de WooThemes y WordPress (como veintidós) admiten automáticamente la ruta de navegación de WooCommerce sin configuraciones adicionales.

El tema predeterminado admitido es Breadcrumb
El tema predeterminado admitido es Breadcrumb

Del mismo modo, el popular tema Astra también es compatible con las migas de pan de WooCommerce de forma predeterminada, pero tiene la opción en la sección de personalización para desactivarlo si desea utilizar otras opciones.

Miga de pan de WooCommerce del tema Astra
Miga de pan de WooCommerce del tema Astra
Desactivar Breadcrumb en Astra WooCommerce
Desactivar Breadcrumb en Astra WooCommerce

2. Inserte manualmente las migas de pan de WooCommerce

El complemento WooCommerce ofrece una woocommerce_breadcrumb() función para mostrar la ruta de navegación donde quieras en el sitio. Puede insertar manualmente esta función en la plantilla para que un producto muestre la ruta de navegación sin un complemento adicional. Recuerde que los cambios realizados en el archivo del complemento de WooCommerce se eliminarán cada vez que actualice el complemento. Debido a que WooCommerce también se actualiza con frecuencia, debe monitorear este cambio y actualizar el archivo para que continúe apareciendo en las páginas de sus productos. Por lo tanto, siga este método solo si sabe lo que está haciendo.

  • Cuando estés en el panel de administración de WordPress, ve a la sección «Complementos> Editor de archivos de complementos». Ten en cuenta que si estás usando temas como veintidós, puedes encontrar el editor de archivos de complementos en la sección «Herramientas». .
  • Haga clic en el menú desplegable junto a «Elegir un complemento de edición» y seleccione el complemento «WooCommerce» de la lista.
  • Haga clic en el botón «Seleccionar» para revelar los archivos de plantilla, parte del complemento WooCommerce.
  • Verá una lista de archivos y carpetas y haga clic en la carpeta «plantillas» y luego seleccione el archivo «single-product.php».
  • Pegue el siguiente código en la línea 33 inmediatamente después del gancho de contenido principal de WooCommerce.
<?php woocommerce_breadcrumb(); ?>
  • Haga clic en el botón «Actualizar archivo» para guardar los cambios.
  • Debería verse a continuación en el editor de archivos del complemento.
Insertar función de migas de pan de WooCommerce
Insertar función de migas de pan de WooCommerce

Ahora abra la página de su producto y verá que aparece una galería en la parte superior de la sección del producto.

Pan insertado manualmente en la página del producto WooCommerce
Pan insertado a mano en la página del producto WooCommerce

Después de poner el pan rallado a mano, puedes usar Complemento de migas de pan de WooCommerce para personalizar el aspecto. Tenga en cuenta que este complemento no inserta rutas de pan, pero le permite cambiar el delimitador, agregar una clase CSS a un contenedor, cambiar el texto fuente, iniciar la URL, etc.

Instalar el complemento de migas de pan de WooCommerce
Instalar el complemento de migas de pan de WooCommerce

El complemento WooCommerce Breadcrumbs utiliza parámetros adicionales de woocommerce_breadcrumb() función como se explica en esta documentación de WooCommerce y permite embellecer la mirada. También puede usar este complemento para deshabilitar el tablero predeterminado de WooCommerce, lo cual es útil cuando desea usar otras opciones.

Página de configuración del complemento WooCommerce Breadcrumbs
Página de configuración del complemento WooCommerce Breadcrumbs

3. Usa complementos de SEO como Yoast

Debido a que la ruta de navegación es parte de la optimización, todos los complementos SEO de WordPress ofrecen una forma directa o indirecta de agregar ruta de navegación a su sitio. Esta es una buena opción si ya usa el complemento de SEO, aunque necesita editar el archivo del tema.

  • Asegúrese de tener un complemento Yoast SEO activo en su sitio.
  • Desde la barra lateral, ve al menú «SEO> Apariencia de búsqueda» y luego ve a la pestaña «Breadcrumbs».
  • Aquí puede personalizar las migas de pan, el texto de apertura, el prefijo, etc.
  • Asegúrese de seleccionar la opción «Categoría» para «Productos» en la sección «Taxonomía para mostrar en galerías de tipo de contenido».
Seleccionar taxonomía para mostrar en Breadcrumb
Seleccionar taxonomía para mostrar en Breadcrumb
  • Desplácese hacia abajo y haga clic en la opción «Habilitado» para habilitar Yoast breadcrub para su tema.
  • Desafortunadamente, esto no termina aquí. Copie el siguiente código y péguelo en el archivo single-product.php, como se explica en el método de inserción manual anterior.
<?php
if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
?>

Alternativamente, en lugar del código anterior, puede insertar el siguiente código corto en el archivo single-product.php.

<?php echo do_shortcode("[wpseo_breadcrumb]"); ?>

Puede personalizar el aspecto agregando estilos personalizados al identificador CSS «migas de pan». La miga de pan Yoast en la página de su producto se verá como la imagen a continuación.

Yoast Breadcrumb sin categoría principal
Yoast Breadcrumb sin categoría principal

Tenga en cuenta que Yoast también ofrece un bloque de navegación para el editor de Gutenberg, que puede insertar manualmente en las páginas de sus productos desde el editor. Sin embargo, los productos de WooCommerce son tipos de publicaciones personalizados y solo funcionan con la interfaz del editor clásico. Por lo tanto puedes usar [wpseo_breadcrumb] código corto para insertar navegación en las páginas del producto. Esto es útil cuando solo tiene unas pocas páginas de productos en su sitio y no desea editar archivos de complementos. Sin embargo, es posible que deba ajustar la apariencia según su tema.

Inserte una galería de productos con un código corto
Inserte una galería de productos con un código corto

Como puede ver, la ruta de navegación de Yoast muestra rutas diferentes a las del WooCommerce predeterminado. Falta la categoría «Ropa», que es la categoría principal de «Accesorios» para el producto «Cinturón». En algunos temas, es posible que deba editar los productos y actualizar la categoría principal para mostrar las rutas de navegación de Yoast correctamente. Sin embargo, simplemente no muestra la categoría principal en muchos temas.

Ultimas palabras

Como puede ver, el popular complemento WooCommerce tiene una configuración difícil sin la opción de insertar migas de pan en las páginas de productos. A menos que su tema sea compatible con las migas de pan de WooCommerce, esta es una tarea bastante difícil de insertar en las páginas de sus productos. Aunque puede editar un archivo de complemento e insertar el código de migas de pan Yoast o Rank Math, no mostrará una categoría principal con la mayoría de los temas o no se alineará correctamente. La inserción manual es la mejor opción disponible junto con el complemento WooCommerce Breadcrumbs para personalizar el aspecto. En cualquier caso, debe cambiar la plantilla de PHP y asegurarse de que los cambios no se eliminen cada vez que actualice el complemento de WooCommerce.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Botón volver arriba

https://jujitsu.pl/wp-includes/slot-gacor/

Slot Gacor

Slot Gacor

Sbobet

Slot Gacor

https://crackthespine.com/wp-includes/slot-gacor/

https://bateriasycargadores.es/wp-includes/slot-rtp/

Sbobet

https://medialeaflets.com/wp-includes/slot-gacor/

https://www.timothyegan.com/

https://kisay.eu/slot-gacor/

https://mi-portal-infonavit.com.mx/core/js/-/slot-gacor.html

Slot RTP

https://cnyakundi.com/wp-includes/slot-gacor/

https://gralnia.org/wp-includes/slot-gacor/

https://www.nationalparkguru.com/wp-includes/slot-gacor/

https://denanimals.com/wp-includes/slot-gacor/

https://www.adn-mundo.com/wp-includes/slot-gacor/

https://caodangyhanoi.edu.vn/wp-includes/slot-gacor/

https://nhadatvip.org/wp-includes/slot-gacor/

https://loladictos.com/wp-includes/slot-gacor/

Situs Judi Slot Terbaik Dan Terpercaya No 1

https://papeldigital.info/wp-includes/slot-gacor/

https://pier-beach.com/wp-includes/slot-gacor/

https://brandeffect.ru/wp-includes/slot-gacor/

https://rolnikszuka.com/wp-includes/slot-gacor/

https://apartamentyjagiellonskie.pl/wp-includes/slot-gacor/

https://www.footballdelhi.com/wp-includes/sbobet/

http://www.shadetxcraft.com/wp-includes/slot-gacor/

https://somatometria.info/wp-includes/slot-gacor/

https://swiatsypialni.com.pl/wp-includes/slot-gacor/

https://clavierarab.net/i/-/slot-gacor.html

https://conversordeletras.pro/img/-/slot-gacor.html

Slot

Slot Gacor