Actualizar tu tienda de WooCommerce es algo muy serio ya que puedes romper alguna funcionalidad que podría afectar negativamente a tus resultados o simplemente a la forma en que funciona tu sitio.

Hay cuatro escuelas de pensamiento entre los dueños de tiendas cuando las actualizaciones de WooCommerce llegan:

  • El Cowboy: Estos propietarios de tiendas pulsaron «actualizar» sin pensarlo dos veces. Luego sus tiendas se derrumban a su alrededor.
  • La patata de sofá: Aquellos que simplemente ignoran las actualizaciones por completo, tratándolas como si no existieran.
  • El Gato Miedoso: Estos dueños de tiendas tienen tantos plugins y temas obsoletos porque están aterrorizados de lo que pasará si intentan una actualización.
  • El Maverick: Por último, estos son los dueños de las tiendas que hacen copias de seguridad regulares, prueban las nuevas versiones de WooCommerce en un sitio de puesta en escena, y luego actualizan su sitio en vivo sin problemas.

Idealmente, todos deberían ser un Maverick. Afortunadamente, no es difícil serlo. Con las herramientas correctas en su lugar, una lista de comprobación sólida y algo de automatización, puedes empezar a mantener tu sitio WooCommerce actualizado y siempre funcionando sin problemas.

En este post, vamos a explicarte cómo realizar una actualización segura de WooCommerce de principio a fin, incluyendo qué herramientas usar y una gran lista de comprobación de pruebas y actualizaciones.

Y recuerda, tu objetivo final es aumentar los ingresos de tu tienda. Así que asegúrate de descargar nuestro ebook gratuito, 10 Formas de Aumentar las Conversiones de tu Página de Producto de WooCommerce.

¿Listo para empezar? ¡Hagámoslo, entonces!

Invierte un poco de tiempo ahora para ahorrar mucho tiempo (y ansiedad) más tarde

Antes de sumergirnos, las mejores prácticas nos dicen que nunca debes actualizar tu sitio, especialmente WooCommerce, sin antes probar a fondo cualquier nuevo lanzamiento. Eso va para las versiones mayores, menores y parches, no importa.

Tienes que estar dispuesto a invertir un poco de tiempo ahora para ahorrar mucho tiempo después.

No necesitas pulsar el botón de «actualizar» de inmediato. Date un tiempo y asegúrate de que entiendes los cambios que se harán y, lo más importante, cómo pueden afectar a todo lo demás en tu sitio. Simplemente leyendo las nuevas características disponibles en la versión de WooCommerce que quieres actualizar te ayudará a pensar en lo que necesitas preparar.

Para poner las cosas en perspectiva, y entender cuán fácilmente las cosas podrían romperse, piénsalo desde el punto de vista de un desarrollador de plugins o temas por un segundo: ya que el núcleo de WooCommerce, así como el de WordPress, necesitan ser compatibles hacia atrás. Ahora, piensa en el número de plugins que tú – o tu sitio, cliente – está usando. ¿Qué tan probable es que una actualización de WooCommerce vaya a romper alguna funcionalidad? Bueno, supongo que ya sabes la respuesta: muy probable.

Por eso, justo después de un anuncio de actualización de WooCommerce, siempre es bueno revisar los registros de cambios y los foros de soporte de WordPress.org antes de actualizar WooCommerce. Si hubiera un problema con una actualización, el 99% de las veces alguien más se encontraría con el problema primero, ahorrándote un montón de tiempo y molestias al tratar el problema tú mismo.

También es común abstenerse de empujar la actualización de WooCommerce inmediatamente a tu sitio y esperar a que los autores de los plugins/temas publiquen sus propias actualizaciones de los productos relacionados con WooCommerce antes de que puedas actualizar tu sitio también. Así que ser paciente y tomarse el tiempo para comprobar la compatibilidad puede realmente valer la pena.

Empezando con tu actualización de WooCommerce

Hay cuatro etapas esenciales al abordar las actualizaciones de WooCommerce, cada una con sus propios pasos establecidos. Prometemos que después de haber revisado todo una vez, cada vez es más rápido y fácil. Te guiaremos a través de cada una de las siguientes cuatro etapas de la actualización de WooCommerce:

Actualizando WooCommerce: Obtener las herramientas adecuadas

Afrontémoslo: probar manualmente WooCommerce es tedioso y lleva mucho tiempo. Es por estas razones que tanta gente simplemente no lo hace o, cuando lo hacen, no hacen las pruebas correctamente y se pierden errores en sus sitios.

Afortunadamente, hay herramientas que pueden ayudar a acelerar el proceso de prueba y hacer que sea menos aburrido. Después de probar innumerables veces las actualizaciones de WooCommerce a lo largo de los años, estas son las herramientas que recomendamos. Echemos un vistazo a cada una de ellas.

Entorno staging

Esto no es negociable. Nunca debes actualizar tu sitio en producción inmediatamente después de una nueva versión de WooCommerce.

Los sitios staging proporcionan un entorno de pruebas seguro donde eres libre de romper cosas (normalmente sin repercusiones). Allí, puedes ejecutar actualizaciones de WooCommerce, probar nuevas versiones y ver cómo podría reaccionar tu sitio antes de actualizar tu sitio en producción.

Si no tienes un sitio staging, Kinsta puede ayudarte — ofrecemos un entorno staging gratuito con cada sitio, así como hasta cinco Entornos Staging Premium adicionales si uno no es suficiente.

Herramientas de comparación visual

¿Cómo sabes si tu sitio ha cambiado después de una actualización de WooCommerce? Si tienes un sitio grande con docenas de páginas, rastrear los pequeños cambios de formato o incluso los widgets que han dejado de mostrarse puede llevar tiempo.

Con una herramienta de comparación visual como WP Boom, que vamos a utilizar para este tutorial, puedes tomar una instantánea de tu sitio, pulsar «actualizar» y luego tomar una segunda instantánea para que puedas ver rápidamente lo que ha cambiado:

wp boom
WP Boom

Es importante señalar que un cambio visual no significa necesariamente que alguna funcionalidad se haya roto en tu sitio, sólo que podría estar rota.

Herramientas de prueba de extremo a extremo

Mientras que las herramientas de comparación visual pueden ayudarte a detectar rápidamente los cambios en el formato y el diseño de tu sitio, las herramientas de prueba de extremo a extremo van más allá. Prueban la funcionalidad real de tu sitio y proporcionan más certeza cuando algo no funciona.

Hacer clic en tu sitio web para completar las pruebas, como añadir un artículo al carrito y pagar, lleva tiempo. Estas tareas se vuelven viejas muy rápidamente cuando has probado las actualizaciones de WooCommerce cientos de veces antes.

Con las herramientas de prueba de extremo a extremo, puedes automatizar este proceso para que se haga automáticamente para tí.

Con el cierre del Robot Ninja, vamos a mostrarte cómo usar dos herramientas diferentes en este tutorial.

El primero es el Ghost Inspector::

ghost inspector
Ghost Inspector

La segunda herramienta de prueba de extremo a extremo que puedes probar es Usetrace:

usetrace website
Usetrace

Esta es otra herramienta de prueba automatizada de extremo a extremo para WooCommerce, que puedes usar tanto en entornos staging como en sitios en vivo. Veremos cómo configurar ambos más adelante en este artículo. WooCommerce también tiene algunas pruebas E2E que puedes realizar si eres más un desarrollador.

Herramientas de respaldo

Deberías hacer copias de seguridad regulares de tu sitio. Si estás interesado en hacer copias de seguridad de la base de datos, te recomendaríamos WP Migrate DB Pro, o simplemente usar WP-CLI para ejecutar exportaciones rápidas.

Si estás con Kinsta, proporcionamos copias de seguridad diarias automáticas, puntos de apoyo manuales y retención de copias de seguridad para todos nuestros planes:

Las copias de seguridad de MyKinsta
Las copias de seguridad de MyKinsta

Una vez que tengas las herramientas adecuadas es hora de hacer algo de preparación.

Actualizando WooCommerce: Preparación (Una lista de 7 pasos)

Si quieres que tu actualización de WooCommerce vaya bien, necesitas hacer algo de preparación. Hay un poco de trabajo involucrado, pero después de que te hayas preparado una vez, es más fácil llenar los espacios en blanco y hacerlo más rápido la próxima vez que actualices. A continuación, los siete pasos de preparación que recomendamos.

Paso 1: Vuelve a familiarizarte con el sitio que estás actualizando

Si no estás seguro de cómo se espera que funcione tu sitio (es decir, si es un sitio de un nuevo cliente), toma algunas notas. Esto ayudará a aliviar parte de la ansiedad que puedes sentir si te confundes sobre el funcionamiento del sitio después de una actualización (esto sucede más a menudo de lo que podrías esperar).

También recomiendo hacer una lista de las URL críticas y la funcionalidad de tu sitio (y clientes). Esto debería incluir las páginas importantes de tu sitio, como tu casa, categoría y producto, «mi cuenta», carrito y páginas de pago.

Paso 2: Verifica que tus copias de seguridad estén actualizadas

Si tus copias de seguridad no están actualizadas, ahora es el momento de hacer otra copia de seguridad. Vuelve a familiarizarte con tu herramienta de copia de seguridad. Lo más importante es que compruebes si funciona correctamente y que sepas cómo volver a una instantánea anterior de tu sitio.

Paso 3: Establecer WP Boom

Sólo toma un minuto configurar esta herramienta. Si tu memoria y toma de notas no son buenas (todos podemos cometer errores), WP Boom puede ayudar a llenar los huecos con capturas de pantalla de tu sitio. Piensa en ellas como las fotos del «antes» en las promociones de pérdida de peso.

Querrás empezar tomando tu primera foto del sitio, para tener un registro visual de base de la preactualización del sitio de la puesta en escena.

Normalmente no podrás hacer capturas de pantalla de la caja (necesitas algunos productos en tu carrito) y de las páginas protegidas, pero es ahí donde una de las siguientes herramientas puede ayudar.

Nota: Más adelante en este post te explicaremos cómo configurar y usar WP Boom.

Paso 4: Configura tu herramienta de pruebas automatizadas

Si estuvieras probando WooCommerce manualmente, esta es la parte en la que harías una lista de escenarios de prueba: por ejemplo, abrir tu sitio, añadir un producto al carrito, ir a la caja, introducir la información de pago, etc.

Afortunadamente, tanto el Ghost Inspector como Usetrace pueden hacer todo esto por ti. Explicaremos cómo configurar ambas herramientas en un momento.

Paso 5: Identifica cualquier otra parte de tu sitio que quieras probar

El siguiente paso es identificar cualquier otra parte de tu sitio que quieras probar, basándose en la lista de URLs y funcionalidades críticas que creó anteriormente. Esto podría ser funcionalidad como formularios de contacto y pop-ups, o elementos como presentaciones de diapositivas y galerías.

Puedes probar estas cosas manualmente, o si tienes una mentalidad más técnica, puedes intentar automatizar este paso también.

Paso 6: Revisa lo nuevo en la versión de WooCommerce a la que estás actualizando

También es una buena idea ver qué nuevas actualizaciones y características están disponibles en la versión de WooCommerce a la que estás actualizando. Más específicamente, comprueba si tus plugins y tu tema son compatibles con él.

De nuevo, es mejor pasar un tiempo ahora para ahorrarse algo de tiempo y ansiedad más tarde. Recomendamos revisar los anuncios de lanzamiento en WooCommerce.com, los registros de cambios, los temas de GitHub y los foros de soporte de WordPress.

Paso 7: Clonar tu sitio en vivo a tu entorno staging

Si usas algún plugin que tenga un modo de montaje, como las suscripciones a WooCommerce, actívalo o simplemente desactívalo. Del mismo modo, querrás deshabilitar los correos electrónicos.

Entonces, comprueba que el entorno staging se asemeja lo más posible al lugar donde vives. También sugerimos habilitar el modo de depuración de WordPress en este punto, para ayudar a resolver problemas en el futuro.

Importante: Después de empujar tu sitio a la puesta en escena, no quieres perder ninguna orden que pueda llegar. Para evitar esto, nuestra recomendación sería poner tu tienda WooCommerce en modo de mantenimiento. Esto asegurará que no se hagan pedidos mientras estás realizando actualizaciones y pruebas.

Actualizando WooCommerce: Actualizando y probando tu sitio (Una lista de 7 pasos)

Ahora que estás preparado y listo para irte, aquí viene la parte divertida: actualizar tu sitio staging. Lo increíble de los sitios de escenificación es que no importa si tu sitio se rompe, porque es sólo una copia. Echemos un vistazo a los pasos involucrados en esta parte del proceso.

Paso 1: Toma una foto de tu sitio con WP Boom

Lo primero que querrás hacer es tomar una foto de tu sitio con WP Boom. Esto te dará un registro visual de base de tu sitio de montaje, antes de la actualización.

Paso 2: Ejecuta tu herramienta de prueba y asegúrate de que tus pruebas están pasando

Como mencionamos anteriormente, puedes utilizar una herramienta de pruebas de extremo a extremo como Ghost Inspector o Usetrace para automatizar tus pruebas. Más adelante en este artículo, te explicaremos cómo puedes realizar una prueba utilizando ambas herramientas, y comprobar que las pruebas se aprueban.

Paso 3: Actualizar tus plugins y el tema

En la etapa de preparación, mencionamos la necesidad de comprobar si tus plugins y el tema son compatibles con la última versión de WooCommerce a la que estás actualizando. Si has notado que tus plugins o tema están desactualizados y ya no son compatibles con la última versión de WooCommerce, ahora es el momento de actualizarlos a una versión que sea compatible.

Paso 4: Actualizar WooCommerce en tu entorno staging

Una vez que hayas actualizado tus plugins y temas, asegurándote de que no haya ningún problema de compatibilidad, estarás listo para actualizar tu entorno staging a la última versión de WooCommerce. La actualización de tu entorno staging te permite identificar cualquier posible error a resolver antes de enviar la actualización de WooCommerce a tu sitio en vivo.

Paso 5: Revisa tus registros en busca de errores

Después de actualizar los plugins, el tema y WooCommerce, es inteligente revisar los registros para buscar cualquier error resultante de estas actualizaciones. Realiza una exploración rápida para asegurarte de que aún puedes acceder a tu página de inicio y a tu área de administración.

Si obtienes una pantalla blanca de la muerte o estásatrapado en alguna otra situación irrecuperable, ahora es un buen momento para volver a una instantánea anterior de tu sitio. Puedes resolver algunos problemas por ti mismo o buscar ayuda.

Paso 6: Tomar una segunda instantánea para comparar los cambios

Si todo va bien hasta ahora, ejecuta WP Boom de nuevo y consigue una segunda instantánea. Compara tus instantáneas de antes y después para ver qué ha cambiado.

Lo bueno de WP Boom es que te dirá cuánto ha cambiado tu sitio desde tu última foto.

Por ejemplo, podría haber un cambio visual del 7% entre sus dos series de fotos. Aunque esto no significa necesariamente que tu sitio esté roto, podría significar que necesitas ajustar algunos estilos.

Paso 7: Ejecutar Ghost Inspector o usar el rastreo de nuevo para asegurarte de que todo funciona correctamente

A continuación, realiza otra prueba utilizando el Ghost Inspector o Usetrace (o cualquier herramienta de prueba de extremo a extremo que haya elegido) para asegurarte de que el flujo de salida está en buenas condiciones de funcionamiento. También puede realizar comprobaciones manuales o automatizadas de cualquier otra funcionalidad de tu sitio, como los formularios de contacto.

Si algo no funciona como esperabas, ahora es el momento de informar y/o arreglarlo.

Si tienes código personalizado ejecutándose en tu sitio (es decir, código que no es mantenido por un desarrollador de plugins/extensiones de terceros), tendrás que arreglarlo y asegurarte de que las correcciones se apliquen a tu sitio en vivo antes o después de ejecutar la actualización (dependiendo del problema).

El control de versiones, como tener tu sitio en Git, puede ayudarte a manejar mejor los cambios. El lugar en el que se informa de los errores dependerá de los plugins que estés usando y de los acuerdos de soporte. A partir de aquí, tendrás que esperar a las nuevas versiones de tus plugins/temas y luego intentar el proceso de nuevo, o trabajar en las correcciones tú mismo y actualizar tu código.

La buena noticia es que tu sitio en vivo no está roto, tus clientes podrán seguir comprando. Además, puedes tomarte el tiempo de repetir el proceso tanto como sea necesario hasta que te sientas cómodo, todo va a funcionar como se espera.

Actualizando WooCommerce: Actualizando y probando tu sitio en vivo (Una lista de 8 pasos)

Una vez que hayas actualizado tu entorno staging y lo tengas funcionando sin problemas, con cualquier funcionalidad rota arreglada y todos los errores resueltos, estarás listo para actualizar tu sitio en vivo.

Echemos un vistazo a los pasos involucrados en la actualización de su sitio WooCommerce en vivo, muchos de los cuales serán similares a los que realizaste durante las pruebas en el entorno staging.

Paso 1: Haz una copia de seguridad de tu sitio web

El primer paso es hacer una copia de seguridad de tu sitio en vivo. Es importante asegurarte de que no te pierda este paso. Si eres usuario de Kinsta, tienes una variedad de opciones de copia de seguridad para elegir. Sin embargo, también puedes utilizar un complemento de copia de seguridad.

Paso 2: Toma otra foto de tu sitio

A continuación, querrás tomar otra instantánea de tu sitio con WP Boom. Esto te proporciona un registro visual de base de tu sitio en vivo, antes de la actualización.

Paso 3: Ejecutar  Ghost Inspector o Usetrace y asegurarse de que tus pruebas están pasando

Una vez más, puedes usar el Ghost Inspector o Usetrace para esto, dependiendo de si deseas usar una extensión de Chrome o una herramienta en línea para registrar tus pruebas. Esto proporciona otra línea de base para la preactualización de tu sitio.

Paso 4: Sincroniza y promueve tus cambios en vivo

A continuación, dependiendo de cómo funcionen tus entornos staging  y en vivo, puede que simplemente necesites sincronizar los cambios entre los sitios de puesta en escena y en vivo. Alternativamente, puede que tengas que volver a actualizar tus plugins y el código.

Si estás con Kinsta, puedes pulsar los cambios en directo con un solo clic:

El MyKinsta elige la opción de la puesta en escena en vivo
El MyKinsta elige la opción de la puesta en escena en vivo

Recuerda sacar tu tienda WooCommerce del modo de mantenimiento primero.

Paso 5: Revisa tus registros en busca de errores

Una vez que hayas terminado de sincronizar la actualización, vuelve a revisar tus registros de errores para ver si hay algún problema que pueda haber ocurrido como resultado. Verifica que aún puedes acceder a la página de inicio y al área de administración.

Al igual que con el entorno staging, si se obtiene una pantalla blanca de la muerte o se encuentra con otra situación irrecuperable, es mejor volver a una instantánea anterior de tu sitio y hacer un poco de resolución de problemas o buscar ayuda.

Paso 6: Tomar otra foto con WP Boom

A continuación, ejecuta WP Boom de nuevo para tener una segunda serie de instantáneas. Compara tus instantáneas de antes y después para ver si algo ha cambiado.

Paso 7: Ejecutar el Ghost Inspector o usar el rastreo de nuevo para confirmar que el sitio funciona correctamente

Una vez más, puedes utilizar tu herramienta automatizada para realizar otra prueba y asegurarte de que todo funciona como debe. En este punto, también puede realizar cualquier otra comprobación manual (o automatizada) de otras funcionalidades de tu sitio, como los formularios de contacto.

Si has resuelto y solucionado algún problema antes al actualizar el entorno staging, como por ejemplo un código de plugin conflictivo y su propio código personalizado, no debería haber demasiados problemas (si es que los hay) que arreglar en esta etapa.

Paso 8: Hacer un control visual final

Ya casi has terminado. Lo único que queda por hacer es revisar tu lista de URLs y funcionalidades críticas para asegurarte de que todo funciona.

Si todo parece bien, ¡eso es todo! Tu WooCommerce actualizado está ahora en vivo.

Empezando con WP Boom

WP Boom es una herramienta visual de prueba y comparación construida para WordPress. Una vez configurada, puedes comparar las capturas de pantalla antes y después de actualizar tu sitio, y recibir alertas cuando las actualizaciones automáticas causen cambios visuales en tus sitios:

wp boom 1
WP Boom

Para empezar con WP Boom, regístrate para obtener una cuenta gratuita. Después de introducir tu correo electrónico y contraseña, un modal aparecerá pidiéndote que te conectes a un nuevo sitio:

El formulario de inscripción del WP Boom
El formulario de inscripción del WP Boom

Una vez que ingreses los detalles y hagas clic en Crear Sitio, WP Boom se pondrá a trabajar tomando la primera instantánea de tu sitio. Esto tomará uno o dos minutos, dependiendo de cuántas páginas contenga tu sitio:

Una instantánea de WP Boom
Una instantánea de WP Boom

Cuando este proceso esté hecho, la página se refrescará. Cuando hagas clic en el nombre de tu sitio, verás una vista general de tu instantánea, incluyendo el tiempo en que fue tomada y cuántas páginas había en tu sitio:

La última instantánea de WP Boom
La última instantánea de WP Boom

Cuando estés listo para tomar una segunda instantánea, simplemente regresa al tablero de WP Boom, selecciona el sitio que quieres fotografiar y haz clic en Snapshot Selected Sites.

Otras características interesantes que incluye WP Boom son la posibilidad de programar instantáneas semanales e informes por correo electrónico que detallan cualquier cambio visual en tu sitio. Esto es útil si administras una tonelada de sitios y tienes actualizaciones automáticas en tu lugar.

Herramientas de prueba automatizadas: Ghost Inspector y Usetrace

Es importante probar y asegurarse de que la funcionalidad de todo tu sitio WooCommerce funciona correctamente después de hacer las actualizaciones, no sólo en el proceso de compra.

Después de todo, si un cliente rellena un formulario de contacto o intenta usar el chat en vivo y esas piezas de funcionalidad están rotas, ¿cómo sabrá si no las ha probado?

Es fácil hacer pruebas manuales: simplemente haz clic en tu sitio, rellena los formularios y usa tu ventana de chat en vivo.

Para ayudar a automatizar este proceso, primero se puede elaborar una lista de las funcionalidades críticas, así como instrucciones para realizar pruebas manualmente (por ejemplo, «Abrir el sitio, navegar a la página de contacto, rellenar el formulario, etc.»). Esto asegurará que no se pierda nada cuando haga una prueba manual.

Si prefieres automatizar este proceso, te gustaría tener más control sobre tus pruebas automatizadas, o tener un sitio o funcionalidad altamente personalizada, le recomendamos que consulta Ghost Inspector y/o UseTrace.

Ambas son grandes opciones si no estás familiarizado con PHP y no quieres jugar con los scripts y el código. Estas opciones ofrecen características similares para automatizar su prueba de pago.

En última instancia, la opción que elija dependerá de si desea utilizar una extensión de Chrome o una herramienta en línea para registrar sus pruebas. Alternativamente, si eres un desarrollador y te gusta ensuciarte las manos, Codeception es una gran opción para los desarrolladores.

Empezando con Ghost Inspector

Ghost Inspector es una herramienta que puedes utilizar para automatizar las pruebas de tu sitio WooCommerce y asegurarte de que funciona correctamente. La mejor parte es que no necesitas ninguna experiencia en programación o pruebas para usarla.

Ghost Inspector funciona añadiendo una extensión de Chrome o Firefox a tu navegador. A continuación, la extensión registra tu sitio y ejecuta automáticamente las pruebas.

Para empezar, visita el sitio web de Ghost Inspector y haz clic en Inicie su prueba gratuita. Ingresa tu información en el formulario, y luego seleccionea Crear una cuenta:

La página de registro del Ghost Inspector
La página de registro del Ghost Inspector

Esto te redirigirá a una página de bienvenida. En la parte inferior, haz clic en el botón Instalar Grabador de Pruebas:

Instalar la grabadora de prueba del Ghost Inspector
Instalar la grabadora de prueba del Ghost Inspector

Esto abrirá la Chrome Web Store en una nueva pestaña del navegador. Selecciona Añadir a Chrome:

Añadiendo la extensión del Ghost Inspector Chrome
Añadiendo la extensión del Ghost Inspector Chrome

La extensión Ghost Inspector se añadirá automáticamente a tu navegador, apareciendo en la esquina superior derecha. La primera vez que hagas clic en ella, te pedirá que inicies sesión con tus credenciales:

Accediendo a la extensión del Ghost Inspector Chrome
Accediendo a la extensión del Ghost Inspector Chrome

Actualiza tu navegador. Cuando estés listo para hacer una prueba, visita tu sitio de WooCommerce (asegurándote de que has cerrado la sesión), y luego haz clic en la extensión del navegador.

En el menú desplegable, selecciona la opción «Crear una nueva prueba», seguida del botón Iniciar grabación:

El botón de "empezar a grabar" del Ghost Inspector
El botón de «empezar a grabar» del Ghost Inspector

Mientras recorres y pruebas tu sitio, Ghost Inspector registrará todas tus acciones. Cuando termines, haz clic en la extensión de nuevo, seguido de «He terminado de grabar«:

El botón de "terminado de grabar" del Ghost Inspector
El botón de «terminado de grabar» del Ghost Inspector

Entonces puedes nombrar y guardar tu prueba. Si selecciona Ver mi prueba, le llevará al tablero del Ghost Inspector :

El tablero del Ghost Inspector
El tablero del Ghost Inspector

Aquí puedes ver todos los detalles de la prueba. Verás una lista de los pasos a seguir y tendrás la opción de editarlos. Te dirá si la prueba fue aprobada, y si no, qué pasos requieren tu atención. Para obtener información más detallada, consulta la documentación del Ghost Inspector.

Empezando con Usetrace

Si quieres usar una herramienta de prueba automatizada que no es específica de ningún navegador, tal vez quieras usar Usetrace. Con esta herramienta, creas «trazas» registrando tus flujos de trabajo a través del editor en línea de Usetrace. Luego puedes usarlos para probar automáticamente tu sitio.

Para empezar, visita el sitio web de Usetrace y haz clic en Regístrate y empieza a hacer pruebas ahora. Después de crear una cuenta, serás redirigido al panel de control de Usetrace. Selecciona Empezar creando un nuevo rastro:

El panel de Usetrace
El panel de Usetrace

En la ventana de la izquierda están los pasos y ajustes del rastreo. A la derecha está el sitio que estás probando. Para empezar, haz clic en Registrar pasos:

Grabación de los pasos de rastreo
Grabación de los pasos de rastreo

El programa comenzará a registrar las interacciones de tu sitio. Cada vez que realices una acción, como añadir un artículo a tu carrito o rellenar un formulario de contacto, añadirá un punto de control a los pasos de rastreo de la izquierda.

Cuando termines, haz clic en el botón «Guardar pasos«:

Una prueba de Usetrace
Una prueba de Usetrace

Para recorrer todo el rastro para confirmar que todo funciona, seleccione Ejecutar Rastreo en la esquina inferior izquierda:

El botón Run Trace en Usetrace
El botón Run Trace en Usetrace

Después de que esté completo, deberías ver un mensaje de éxito:

Un mensaje de éxito de Usetrace
Un mensaje de éxito de Usetrace

Puedes hacer clic en Detalles para saber más sobre cada paso o seleccionar OK si has terminado. Para una orientación e instrucciones más detalladas, no dudes en consultar la documentación de Usetrace.

Resumen

Con las herramientas adecuadas, algo de tiempo de preparación y una sólida lista de control, no deberías tener problemas para probar e implementar las actualizaciones de WooCommerce. Para eliminar la ansiedad sobre la actualización de WooCommerce, es importante desmitificar el proceso, lo cual hemos hecho aquí. Esperamos que esta guía te haya proporcionado una base sólida para mantener tu sitio WooCommerce actualizado.

También debemos destacar que es importante probar los correos electrónicos transaccionales de tu tienda también, pero ese es un viaje totalmente diferente

Ahora, volvamos a ti: ¿Utilizas herramientas de visualización o de captura de pantalla cuando actualizas WooCommerce y WordPress? ¿Qué otras herramientas y flujos de trabajo utilizas para las actualizaciones? Compártelas con nosotros en los comentarios de abajo!