Soluciones a problemas reales que te ahorrarán horas de frustración, desde menús y roles de usuario hasta conflictos de código.
Has instalado WordPress, has configurado WooCommerce y has subido tus primeros productos. Todo parece ir bien hasta que te topas con el primer obstáculo: «¿Por qué no puedo añadir una categoría de producto a mi menú?», «¿Cómo le doy acceso a un empleado sin hacerlo administrador?», o el temido «¿Por qué se rompe el diseño de mi página al pasar el ratón por un producto?».
En este artículo, compartiré 5 trucos de nivel intermedio/avanzado que aprendí en el campo de batalla, configurando mis propias tiendas online. Estas son las soluciones a los problemas reales que te encuentras cuando empiezas a usar WordPress y WooCommerce de forma profesional.
Truco 1: Añadir Categorías de Producto a tu Menú Principal
- El Problema: Quieres un enlace directo a tu categoría «Pijamas» en el menú principal, pero cuando vas a
Apariencia -> Menús
, la caja de «Categorías de producto» no aparece por ningún lado. Solo ves las categorías del blog. - La Solución Rápida: Activar su visibilidad en las «Opciones de Pantalla».
Paso a Paso:
- En tu panel de WordPress, ve a Apariencia -> Menús.
- En la esquina superior derecha de la pantalla, busca y haz clic en la pestaña que dice «Opciones de Pantalla».
- Se desplegará un panel. Busca la casilla que dice «Categorías de producto» y márcala.
- Cierra las «Opciones de Pantalla». Mágicamente, la caja «Categorías de producto» ahora será visible en la columna de la izquierda, lista para que añadas tus categorías al menú.
Truco 2: Crear un Usuario «Gestor de Tienda» (Sin Darle las Llaves del Reino)
- El Problema: Necesitas que un tercero (un empleado, un socio) gestione los productos y los pedidos, pero no quieres darle permisos de Administrador, con los que podría cambiar temas, instalar plugins o romper el sitio.
- La Solución Integrada: Usar el rol que WooCommerce crea específicamente para esto.
Paso a Paso:
- En tu panel de WordPress, ve a Usuarios -> Añadir nuevo.
- Rellena los datos del nuevo usuario (nombre, email, etc.).
- En el menú desplegable que dice «Perfil» (Role), selecciona la opción «Gestor de la tienda» (Shop Manager).
- Este rol le dará acceso para gestionar productos, pedidos e informes de WooCommerce, pero le bloqueará el acceso a las partes críticas de tu web.
- Pro-Tip: Si necesitas que este rol tenga algún permiso extra (como editar páginas), puedes usar el plugin gratuito «User Role Editor» para añadir «capacidades» específicas a ese rol sin tener que hacerlo Administrador.
Truco 3: Solucionar Conflictos de Estilo (El Caso del Hover Misterioso)
- El Problema: Añades un carrusel de productos y, de repente, al pasar el ratón por un producto, ¡todos se resaltan a la vez! Has probado a cambiar los ajustes del plugin, pero nada funciona.
- La Herramienta del Detective: El Inspector de tu navegador (Chrome, Firefox, etc.).
Paso a Paso:
- Ve a la página con el problema. Haz clic derecho sobre el elemento que se comporta mal y selecciona «Inspeccionar».
- Se abrirá el panel de desarrollador. A la derecha, en la pestaña «Styles», podrás ver todas las reglas de CSS que afectan a ese elemento.
- Usa el botón
:hov
para forzar el estado «hover» y ver qué regla de CSS se activa. Así descubrimos que una regla general de nuestro tema estaba causando el conflicto. - La Solución: Una vez identificada la regla culpable, ve a Apariencia -> Personalizar -> CSS adicional y escribe una regla de CSS más específica para anular la del tema, usando
!important
si es necesario.
Truco 4: Desactivar Funciones de un Plugin de Forma Segura
- El Problema: Un plugin (como Jetpack) añade una función que no te gusta o que entra en conflicto con otra (como un captcha matemático), pero no hay un botón en sus ajustes para desactivarla.
- La Solución Profesional: En lugar de editar los archivos del plugin (¡nunca hagas eso!), puedes usar un filtro de PHP para desactivar la función.
Paso a Paso:
- Instala el plugin gratuito «Code Snippets». Es mucho más seguro que editar el archivo
functions.php
de tu tema. - Ve a Fragmentos de código -> Añadir nuevo.
- Pega el código PHP necesario. Por ejemplo, para desactivar el captcha de Jetpack, usamos este simple filtro:
add_filter( 'jetpack_protect_math_captcha_form', '__return_false' );
. - Activa el fragmento. La función no deseada desaparecerá sin haber editado ningún archivo original, lo que significa que tu cambio sobrevivirá a las actualizaciones.
Truco 5: Arreglar Errores de «Contenido Mixto» (HTTP/HTTPS)
- El Problema: Has instalado tu certificado SSL, pero tu navegador sigue mostrando una advertencia de «No es seguro» y la consola está llena de errores de «Mixed Content».
- La Causa: Aunque tu sitio carga en
https://
, los enlaces a tus imágenes en la base de datos todavía están guardados con la dirección antiguahttp://
. - La Herramienta Segura: Usa un plugin que pueda buscar y reemplazar en la base de datos sin corromper los datos.
Paso a Paso:
- Instala el plugin gratuito «Better Search Replace».
- Ve a Herramientas -> Better Search Replace.
- En el campo «Buscar por», pon tu URL antigua (
http://tusitio.com
). - En «Sustituir con», pon tu URL nueva (
https://tusitio.com
). - Selecciona todas las tablas de la base de datos.
- Paso Crucial: Ejecuta primero un «Simulacro» (Dry Run) para ver cuántos cambios se van a hacer. Si todo parece correcto, desmarca la casilla del simulacro y ejecuta el reemplazo real.
Conclusión
Dominar WordPress y WooCommerce va más allá de la instalación. Se trata de saber qué herramientas y técnicas usar para solucionar los problemas inevitables que surgen. Espero que estos 5 trucos, aprendidos en el campo de batalla, te ahorren tiempo y te den la confianza para llevar tu tienda al siguiente nivel.