Articles

Actualización de WooCommerce: Una Guía Segura y Profunda para 2021

Actualizar tu tienda de WooCommerce es algo serio ya que puedes romper alguna funcionalidad que podría afectar negativamente a tus resultados o simplemente a cómo funciona tu sitio.

Hay cuatro escuelas de pensamiento entre los propietarios de tiendas cuando las actualizaciones de WooCommerce llegan:

  • El Vaquero: Estos propietarios de tiendas le dan a «actualizar» sin pensarlo dos veces. Entonces sus tiendas se derrumban a su alrededor.
  • La patata del sofá: Aquellos que simplemente ignoran las actualizaciones por completo, tratándolas como si no existieran.
  • El Gato Asustado: Estos propietarios 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 propietarios de tiendas que ejecutan copias de seguridad regulares, prueban las nuevas versiones de WooCommerce en un sitio de ensayo, y luego actualizan su sitio en vivo sin problemas.

En realidad, todo el mundo debería ser un Maverick. Afortunadamente, ¡no es difícil serlo! Con las herramientas adecuadas, una sólida lista de comprobación y algo de automatización, puedes empezar a mantener tu sitio de 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 utilizar y una gran lista de comprobación de pruebas y actualizaciones.

¿Listo para empezar? Hagámoslo, entonces!

Invierte un poco de tiempo ahora para ahorrar mucho tiempo (y ansiedad) después

Antes de sumergirnos, las mejores prácticas nos dicen que nunca debes actualizar tu sitio, especialmente WooCommerce, sin probar a fondo cualquier nueva versión primero. Esto se aplica a las versiones mayores, menores y de parche, no importa.

Tiene que estar dispuesto a gastar un poco de tiempo ahora para ahorrar mucho tiempo más tarde.

No necesita pulsar ese botón de «actualización» de inmediato. Tómese algo de tiempo y asegúrese de que entiende los cambios que se van a realizar y, lo que es más importante, cómo pueden afectar a todo lo demás en su sitio. Simplemente leyendo sobre las nuevas características disponibles en la versión de WooCommerce a la que quiere actualizar le ayudará a entender lo que necesita para prepararse.

Para poner las cosas en perspectiva, y entender lo fácilmente que las cosas podrían romperse, piense 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 núcleo de WordPress, necesitan ser compatibles con versiones anteriores. Ahora, piense en el número de plugins que usted – o el sitio de su cliente – está utilizando. ¿Qué probabilidad hay de que una actualización de WooCommerce rompa alguna funcionalidad? Bueno, supongo que ya sabes la respuesta: extremadamente probable.

Es por eso que, justo después del anuncio de una actualización de WooCommerce, siempre es bueno revisar los changelogs y los foros de soporte de WordPress.org antes de actualizar WooCommerce. Si alguna vez hubiera un problema con una actualización, el 99% de las veces alguien más se encontraría con el problema primero, ahorrándole una tonelada de tiempo y molestias al tratar con el problema usted mismo.

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

Cuando se trata de actualizar tu sitio de WooCommerce, ¿operas como 🤠 el Cowboy, 🥔 el Couch Potato, 🙀 el Scaredy-Cat, o 😎 el Maverick? Haz clic para ver qué tipo de propietario de tienda eres 👇Click to Tweet

Cómo empezar con tu actualización de WooCommerce

Hay cuatro etapas esenciales cuando se abordan las actualizaciones de WooCommerce, cada una con sus propios pasos establecidos. Prometemos que después de que hayas recorrido todo una vez, ¡se vuelve más rápido y más fácil cada vez! Te guiaremos a través de cada una de las siguientes cuatro etapas de actualización de WooCommerce:

Actualización de WooCommerce: Conseguir las herramientas adecuadas

Admitámoslo: probar manualmente WooCommerce es tedioso y requiere mucho tiempo. Es por estas razones que muchas personas simplemente no lo hacen o, cuando lo hacen, no prueban correctamente y pasan por alto los errores en sus sitios.

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

Sitio de pruebas

Esto no es negociable. Nunca debes actualizar tu sitio en vivo inmediatamente después de una nueva versión de WooCommerce. Los sitios de ensayo proporcionan un entorno de prueba donde usted es libre de romper cosas (por lo general sin repercusiones).

Ahí, usted puede ejecutar las actualizaciones de WooCommerce, probar nuevas versiones, y ver cómo su sitio podría reaccionar antes de actualizar su sitio en vivo. Si no tienes un sitio de ensayo, Kinsta puede ayudarte (ofrecemos entornos de ensayo de un solo clic):

MyKinsta's one-click staging environment

Entorno de ensayo de un solo clic de MyKinsta

Herramientas de comparación visual

¿Cómo sabes si tu sitio ha cambiado tras una actualización de WooCommerce? Si manejas un sitio grande con docenas de páginas, rastrear pequeños cambios en el formato o incluso 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 pieza de 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 ayudarle a detectar rápidamente cambios en el formato y el diseño de su sitio, las herramientas de prueba de extremo a extremo van más allá. Prueban la funcionalidad real de su sitio y proporcionan más certeza cuando algo no está funcionando.

Hacer clic en su sitio para completar las pruebas, como añadir un artículo al carrito y pasar por caja, 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 por ti.

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

La primera es Ghost Inspector:

ghost inspector

Ghost Inspector

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

usetrace website

Usetrace

Esta es otra herramienta automatizada de pruebas de extremo a extremo para WooCommerce, que puedes usar tanto en sitios de ensayo como en sitios reales. Más adelante en este artículo veremos cómo configurar ambas. WooCommerce también tiene algunas pruebas E2E que puede ejecutar a través de si usted es más de un desarrollador.

Herramientas de copia de seguridad

Usted debe estar ejecutando copias de seguridad regulares de su sitio. Si usted está interesado en las copias de seguridad de la base de datos, 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 copia de seguridad manuales y retención de copias de seguridad para todos nuestros planes:

MyKinsta backups

Mis copias de seguridad de Kinsta

Una vez que tengas las herramientas adecuadas, es el momento de hacer algunos preparativos.

Actualización de WooCommerce: Prepping (A 7-Step Checklist)

Si quieres que tu actualización de WooCommerce vaya bien, necesitas hacer algunos preparativos. Hay un poco de trabajo involucrado, pero después de que 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 se presentan los siete pasos de preparación que recomendamos.

Paso 1: Vuelva a familiarizarse con el sitio que está actualizando

Si no está seguro de cómo se espera que funcione su sitio (es decir, si es el sitio de un nuevo cliente), tome algunas notas. Esto le ayudará a aliviar parte de la ansiedad que podría sentir si se confunde acerca de cómo funciona el sitio después de una actualización (esto sucede más a menudo de lo que podría esperar).

También recomiendo hacer una lista de URLs críticas y la funcionalidad de su sitio (y clientes). Esto debería incluir las páginas importantes de su sitio, como su página de inicio, categoría y producto, ‘mi cuenta’, carrito y páginas de pago.

Paso 2: Verifique que sus copias de seguridad están actualizadas

Si sus copias de seguridad no están actualizadas, ahora es el momento de ejecutar otra copia de seguridad. Vuelva a familiarizarse con su herramienta de copia de seguridad. Lo más importante, compruebe si está funcionando correctamente, y asegúrese de que usted sabe cómo volver a una instantánea anterior de su sitio.

Paso 3: Configurar WP Boom

Sólo toma un minuto para configurar esta herramienta. Si su memoria y la toma de notas no son grandes (todos podemos cometer errores), WP Boom puede ayudar a llenar los vacíos con capturas de pantalla de su sitio. Piense en ellos como las fotos de «antes» en las promociones de pérdida de peso.

Usted querrá empezar por tomar su primera instantánea del sitio, por lo que tiene un registro de línea de base visual de su sitio de puesta en escena antes de la actualización.

Típicamente no será capaz de tomar capturas de pantalla de la caja (necesita algunos productos en su carrito) y las páginas protegidas, pero ahí es donde una de las siguientes herramientas puede ayudar.

Nota: Te guiaremos a través de cómo configurar y utilizar WP Boom más adelante en este post.

Paso 4: Configurar tu herramienta de prueba automatizada

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

Por suerte, tanto Ghost Inspector como Usetrace pueden hacer todo esto automáticamente por ti. Explicaremos cómo configurar ambas herramientas en un momento.

Paso 5: Identifique cualquier otra parte de su sitio que desee probar

El siguiente paso es identificar cualquier otra parte de su sitio que desee probar, basándose en la lista de URLs y funcionalidades críticas que creó anteriormente. Podrían ser funcionalidades como formularios de contacto y ventanas emergentes, o elementos como presentaciones de diapositivas y galerías.

Puedes probar estas cosas manualmente, o si eres más técnico, puedes intentar automatizar este paso también.

Paso 6: Comprueba las novedades de 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 concretamente, comprueba si tus plugins y tu tema son compatibles con ella.

De nuevo, es mejor dedicar algo de tiempo ahora para ahorrarte algo de tiempo y ansiedad después. Recomendamos consultar los anuncios de la versión en WooCommerce.com, los registros de cambios, los problemas de GitHub y los foros de soporte de WordPress.

Paso 7: Clonar su sitio en vivo a su entorno de puesta en escena

Si está utilizando algún plugin que cuenta con un modo de puesta en escena, como WooCommerce Subscriptions, actívelo o simplemente desactívelo. Del mismo modo, querrá desactivar los correos electrónicos.

A continuación, vuelva a comprobar que su entorno de puesta en escena imita su sitio en vivo lo más posible. También sugerimos habilitar el modo de depuración de WordPress en este punto, para ayudar con la resolución de problemas en el camino.

Importante: Después de empujar su sitio a la puesta en escena, usted no quiere perder cualquier orden que podría venir a través. Para evitar esto, nuestra recomendación sería poner su tienda WooCommerce en modo de mantenimiento. Esto asegurará que no se realicen pedidos mientras realizas actualizaciones y pruebas.

Actualización de WooCommerce: Actualizando y probando su sitio de ensayo (Una lista de verificación de 7 pasos)

Ahora que está preparado y listo para ir, aquí viene la parte divertida: la actualización de su sitio de ensayo. Lo impresionante de los sitios de ensayo es que no importa si su sitio se rompe, porque es sólo una copia. Echemos un vistazo a los pasos involucrados en esta parte del proceso.

Paso 1: Tome una instantánea de su sitio con WP Boom

Lo primero que querrá hacer es tomar una instantánea de su sitio con WP Boom. Esto le dará un registro de línea de base visual de su sitio de puesta en escena, antes de la actualización.

Paso 2: Ejecute su herramienta de prueba y asegúrese de que sus pruebas están pasando

Como hemos mencionado anteriormente, puede utilizar una herramienta de prueba de extremo a extremo como Ghost Inspector o Usetrace para automatizar sus pruebas. Más adelante en este artículo, te guiaremos sobre cómo puedes ejecutar una prueba usando ambas herramientas, y comprobar que las pruebas están pasando.

Paso 3: Actualiza tus plugins y tu tema

En la etapa de preparación, mencionamos comprobar si tus plugins y tu tema son compatibles con la última versión de WooCommerce a la que estás actualizando. Si te has dado cuenta de que tus plugins o tu tema están obsoletos 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 sitio de ensayo

Una vez que hayas actualizado tus plugins y temas, asegurándote de que no habrá ningún problema de compatibilidad, estás listo para actualizar tu sitio de ensayo a la última versión de WooCommerce. La actualización de su sitio de ensayo le permite identificar cualquier error potencial para resolver antes de empujar la actualización de WooCommerce a su sitio en vivo.

Paso 5: Compruebe sus registros en busca de errores

Después de actualizar sus plugins, tema, y WooCommerce, es inteligente para comprobar sus registros para buscar cualquier error resultante de estas actualizaciones. Haz un análisis rápido para asegurarte de que todavía puedes acceder a tu página de inicio y al área de administración.

Si te aparece una pantalla blanca de la muerte o estás atascado en alguna otra situación irrecuperable, ahora es un buen momento para volver a una instantánea anterior de tu sitio. Puede resolver el problema usted mismo o buscar ayuda.

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

Si todo va bien hasta ahora, ejecute WP Boom de nuevo y obtenga una segunda instantánea. Compare su antes y después de las instantáneas para ver lo que ha cambiado.

Lo bueno de WP Boom es que le dirá cuánto ha cambiado su sitio desde su última instantánea.

Por ejemplo, podría haber un cambio visual del 7% entre sus dos conjuntos de instantáneas. Aunque esto no significa necesariamente que su sitio esté roto, puede significar que necesita ajustar algunos estilos.

Inscríbase en el boletín

Hemos aumentado nuestro tráfico un 1.187% con WordPress. Te mostraremos cómo.

¡Únete a más de 20.000 personas que reciben nuestro boletín semanal con consejos sobre WordPress!

Suscríbase ahora

Paso 7: Ejecute Ghost Inspector o Usetrace de nuevo para asegurarse de que todo funciona correctamente

A continuación, ejecute otra prueba utilizando Ghost Inspector o Usetrace (o cualquier herramienta de prueba de extremo a extremo que haya elegido) para asegurarse de que su flujo de pago está en condiciones de funcionamiento adecuadas. También puede realizar comprobaciones manuales o automatizadas de cualquier otra funcionalidad de su sitio, como los formularios de contacto.

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

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

El control de la versión, como tener su sitio en Git, puede ayudarle a gestionar mejor los cambios. El lugar en el que reportes los errores dependerá de los plugins que estés usando y de tus acuerdos de soporte. A partir de aquí, tendrás que esperar a nuevas versiones de tus plugins/tema y volver a intentar el proceso, 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 haciendo compras. Además, puede tomarse el tiempo para repetir el proceso tanto como sea necesario hasta que esté seguro de que todo va a funcionar como se espera.

Actualización de WooCommerce: Actualizando y probando su sitio en vivo (Una lista de verificación de 8 pasos)

Una vez que haya actualizado su sitio de puesta en escena y lo tenga funcionando sin problemas, con cualquier funcionalidad rota arreglada y todos los bichos planchados, está listo para actualizar su sitio en vivo.

Vamos a echar 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 realizó durante las pruebas de su sitio de ensayo.

Paso 1: Copia de seguridad de su sitio en vivo

El primer paso es hacer una copia de seguridad de su sitio en vivo. Es importante asegurarse de que no se pierda este paso. Si usted es un usuario de Kinsta, tiene una variedad de opciones de copia de seguridad para elegir. Sin embargo, también puede utilizar un plugin de copia de seguridad.

Paso 2: Tome otra instantánea de su sitio

A continuación, querrá tomar otra instantánea de su sitio con WP Boom. Esto le proporciona un registro visual de referencia de su sitio en vivo, antes de la actualización.

Paso 3: Ejecute Ghost Inspector o Usetrace y asegúrese de que sus pruebas están pasando

De nuevo, puede utilizar Ghost Inspector o Usetrace para esto, dependiendo de si desea utilizar una extensión de Chrome o una herramienta en línea para registrar sus pruebas. Esto proporciona otra línea de base para su sitio pre-actualización.

Paso 4: Sincronizar y empujar sus cambios en vivo

A continuación, dependiendo de cómo su puesta en escena y entornos en vivo, es posible que simplemente tenga que sincronizar los cambios entre los sitios de ensayo y en vivo. Alternativamente, usted podría tener que ejecutar a través de la actualización de sus plugins y el código de nuevo.

Si usted está con Kinsta, puede empujar los cambios en vivo en un solo clic:

The MyKinsta push staging to live option

El MyKinsta empujar staging a vivir opción

Recuerde tomar su tienda WooCommerce fuera del modo de mantenimiento primero.

Paso 5: Comprueba tus registros en busca de errores

Una vez que hayas terminado de sincronizar la actualización, comprueba de nuevo tus registros de errores en busca de cualquier problema que pueda haber ocurrido como resultado. Verifique que todavía puede acceder a la página de inicio y al área de administración.

Al igual que con el sitio de ensayo, si obtiene una pantalla blanca de la muerte o se encuentra con otra situación irrecuperable, lo mejor es volver a una instantánea anterior de su sitio y hacer un poco de solución de problemas o pedir ayuda.

Paso 6: Tome otra instantánea con WP Boom

A continuación, ejecute WP Boom de nuevo para que tenga un segundo conjunto de instantáneas. Compare sus instantáneas de antes y después para ver si algo ha cambiado.

Paso 7: Ejecute Ghost Inspector o Usetrace de nuevo para confirmar que el sitio funciona correctamente

Una vez más, puede utilizar su herramienta automatizada para ejecutar otra prueba y asegurarse de que todo está funcionando como debería. En este punto, también puede realizar cualquier otra comprobación manual (o automatizada) de otras funcionalidades de su sitio, como los formularios de contacto.

Si se ocupó y solucionó cualquier problema anteriormente mientras actualizaba su sitio de ensayo, como el código de los plugins conflictivos y su propio código personalizado, no debería haber demasiados problemas (si es que hay alguno) que arreglar en esta etapa.

Paso 8: Hacer una comprobación visual final

Ya casi ha terminado. Lo único que queda por hacer es volver a comprobar su lista de URLs críticas y la funcionalidad para asegurarse de que todo está funcionando.

¿Necesita un alojamiento rapidísimo, fiable y totalmente seguro para su sitio web de comercio electrónico? Kinsta proporciona todo esto y un soporte de clase mundial 24/7 de expertos en WooCommerce. Consulta nuestros planes

Si todo te parece bien, ¡ya está! Su WooCommerce actualizado está ahora en vivo.

Cómo empezar con WP Boom

WP Boom es una herramienta de prueba y comparación visual construida para WordPress. Una vez configurada, puedes comparar capturas de pantalla antes y después de actualizar tu sitio, y recibir alertas cada vez que las auto-actualizaciones 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 su correo electrónico y contraseña, un modal aparecerá pidiéndole que conecte un nuevo sitio:

wpboom new site

El formulario de registro de WP Boom

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

wpboom first snapshot

Una instantánea de WP Boom

Cuando este proceso haya terminado, la página se actualizará. Cuando haga clic en el nombre de su sitio, verá un resumen de su instantánea, incluyendo la hora en que fue tomada y cuántas páginas había en su sitio:

wpboom latest snapshot

Una última instantánea de WP Boom

Cuando esté listo para tomar una segunda instantánea, simplemente regrese al panel de control de WP Boom, seleccione el sitio que desea instantanear y haga clic en Snapshot Selected Sites.

Algunas otras características agradables que WP Boom incluye son la capacidad de programar instantáneas semanales e informes de correo electrónico que detallan cualquier cambio visual en su sitio. Esto es útil si usted maneja una tonelada de sitios y tiene auto-actualizaciones en su lugar.

Herramientas de prueba automatizadas: Ghost Inspector y Usetrace

Es importante probar y asegurarse de que la funcionalidad en todo su sitio WooCommerce está funcionando correctamente después de hacer las actualizaciones, no sólo su proceso de compra.

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

Es fácil realizar pruebas manuales: simplemente haga clic a través de su sitio, rellenando formularios y utilizando su ventana de chat en vivo.

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

Si prefiere automatizar este proceso, le gustaría tener más control sobre sus pruebas automatizadas, o tiene un sitio o funcionalidad muy personalizada, le recomendamos que eche un vistazo a Ghost Inspector y/o UseTrace.

Ambos son grandes opciones si no está familiarizado con PHP y no quiere enredar con scripts y código. Estas opciones ofrecen características similares para automatizar sus pruebas de verificación.

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 desarrolladores.

Cómo empezar con Ghost Inspector

Ghost Inspector es una herramienta que puedes utilizar para automatizar las pruebas de tu sitio WooCommerce y asegurarte de que está funcionando 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 a tu navegador Chrome o Firefox. A continuación, la extensión registra su sitio y ejecuta automáticamente las pruebas.

Para empezar, visite el sitio web de Ghost Inspector y haga clic en Start Your Free Trial. Introduzca sus datos en el formulario y, a continuación, seleccione Crear cuenta:

ghost inspector account

La página de registro de Ghost Inspector

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

install test recorder

Instalar el grabador de pruebas de Ghost Inspector

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

ghost inspector extension

Añadir la extensión de Chrome de Ghost Inspector

La extensión de 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:

ghost inspector login

Iniciar sesión en la extensión Ghost Inspector Chrome

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

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

ghostinspector start recording

El botón de «iniciar grabación» de Ghost Inspector

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

ghostinspector finished recording

El botón ‘terminar de grabar’ de Ghost Inspector

A continuación, puede nombrar y guardar su prueba. Si selecciona Ver mi prueba, accederá al panel del Inspector Fantasma:

ghost inspector dashboard

El panel del Inspector Fantasma

Aquí podrá ver todos los detalles de la prueba. Verás una lista de los pasos involucrados y tendrás la opción de editarlos. Le indicará si la prueba ha sido superada y, en caso contrario, qué pasos requieren su atención. Para obtener información más detallada, consulte la documentación de Ghost Inspector.

Cómo empezar con Usetrace

Si desea utilizar una herramienta de pruebas automatizadas que no sea específica para ningún navegador, puede optar por Usetrace. Con esta herramienta, usted crea ‘trazas’ grabando sus flujos de trabajo a través del editor online de Usetrace. Para empezar, visite el sitio web de Usetrace y haga clic en «Sign Up and Start Testing Now». Después de crear una cuenta, será redirigido al panel de control de Usetrace. Seleccione Empezar creando una nueva traza:

usetrace create new

El tablero de Usetrace

En la ventana de la izquierda están los pasos y la configuración de su traza. A la derecha está el sitio que estás probando. Para empezar, haga clic en Grabar pasos:

usetrace record steps

Grabación de pasos de rastreo

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

Cuando haya terminado, haga clic en el botón Guardar pasos:

usetrace save steps

Una prueba de Usetrace

Para ejecutar todo el rastreo y confirmar que todo funciona, seleccione Ejecutar rastreo en la esquina inferior izquierda:

usetrace run trace

El botón Run Trace en Usetrace

Una vez completado, debería ver un mensaje de éxito:

usetrace success message

Un mensaje de éxito de Usetrace

Puede hacer clic en Detalles para saber más sobre cada paso o seleccionar OK si ha terminado. Para una guía e instrucciones más detalladas, no dude en consultar la documentación de Usetrace.

¿Las palabras ‘actualización del sitio WooCommerce’ le ponen nervioso? 😅 ¡Aprende a completar el proceso de forma segura y sencilla con esta guía!

Resumen

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

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

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

Si te ha gustado este artículo, entonces te encantará la plataforma de alojamiento de WordPress de Kinsta. Acelera tu sitio web y obtén soporte 24/7 de nuestro veterano equipo de WordPress. Nuestra infraestructura potenciada por Google Cloud se centra en el autoescalado, el rendimiento y la seguridad. ¡Permítanos mostrarle la diferencia de Kinsta! Vea nuestros planes