BrightPlugins_Logo_Horizontal
Pruebas de los plugins de WordPress y WooCommerce en el escenario
,

Probar plugins de WordPress y WooCommerce en Staging

Contenido

Aprenda a Probar WordPress y WooCommerce Plugins en Staging. El sitio web de comercio electrónico promedio gana alrededor de $330,000 por mes al final de su primer año, pero un error durante una actualización o instalación de un plugin puede costarte tu parte del pastel del comercio electrónico. Afortunadamente, usted puede evitar esto si prueba sus plugins de WordPress y WooCommerce en la puesta en escena.

Este artículo explica el proceso de creación de un sitio web de ensayo para probar su WordPress y WooCommerce plugins para que pueda evitar errores costosos. Cubrirá:

  • Qué es la puesta en escena
  • Por qué deberías probar los plugins de WordPress y WooCommerce en staging
  • Cómo probar correctamente los plugins de WordPress y WooCommerce
  • Las herramientas que necesitas para probar tus plugins de WordPress y WooCommerce
  • Lista de comprobación para probar plugins y actualizaciones de WordPress y WooCommerce
  • El papel de los scripts automatizados en las actualizaciones e instalaciones de plugins de WordPress y WooCommerce

Probar plugins de WordPress y WooCommerce en Staging

¿Qué es la puesta en escena?

En WordPress, staging se refiere a un clon offline que diseñas de tu sitio WordPress para probarlo. Es una herramienta excelente para probar tu sitio web y tus plugins sin afectar a lo que ven los visitantes de tu sitio web.

El clon offline sirve como sitio de pruebas y de copia de seguridad. El momento de realizar la copia de seguridad y la clonación depende del tamaño de un sitio web, pero los plugins ofrecen una solución sencilla. En sólo unos segundos, puedes crear un clon de tu sitio web, para que puedas realizar actualizaciones e instalar plugins de WooCommerce sin esfuerzo.

Pruebas del sitio web a través de la puesta en escena

¿Por qué debería probar los plugins de WordPress y WooCommerce en staging?

La puesta en escena es esencial cuando actualiza su sitio web porque puede evitar que su sitio web:

  • Breaking
  • No disponible
  • Funcionar en algunos dispositivos y no en otros (por ejemplo, funcionar en dispositivos Apple pero no Android o funcionar en portátiles pero no en tabletas).
  • Pérdida de accesibilidad de páginas esenciales (como la página de pago, las reseñas de productos o los formularios de contacto).
  • Pérdida de accesibilidad del menú móvil
  • Perder el pie de página del sitio
  • Mostrando la horrible "Pantalla Blanca de la Muerte" (WSOD)- un fenómeno que implica que su sitio web sólo muestra una pantalla blanca en blanco.

Hay muchas formas de que el lanzamiento de actualizaciones de su sitio web salga mal, y si tiene un gran volumen de tráfico y no sabe que el sitio no funciona correctamente, ¡podría perder toneladas de ventas! El lanzamiento de actualizaciones es una tarea que podría volverle loco si no la aborda con un plan en mente.

Para evitar todos estos problemas, pruebe sus actualizaciones y plugins antes de publicarlos. Disfrutarás de muchas ventajas al realizar las pruebas, entre ellas:

  • Un sitio web que funciona sin problemas
  • Un sitio web rápido y seguro
  • La confianza de los visitantes de su sitio web.

Puesta en escena-cómo

Cómo probar correctamente los plugins de WordPress y WooCommerce

El desarrollo de sitios web es un juego a largo plazo. A lo largo de la vida de tu sitio web, es probable que lances varias actualizaciones y plugins nuevos, lo que puede volverse monótono. Algunos incluso dirían que es molesto, pero puedes evitar la molesta monotonía utilizando las herramientas adecuadas y una lista de comprobación de todos los pasos que debes dar antes y después de una actualización.

*Por favor, recuerda no actualizar tu sitio WordPress un viernes. Evitarás toneladas de caos y problemas potenciales para el fin de semana.

Las herramientas que necesitas para probar tus plugins de WordPress y WooCommerce:

  • Herramientas de captura de pantalla completa: Utilice una herramienta de captura de pantalla a página completa antes y después de instalar el plugin o la actualización.
  • Sitio de ensayo: Este es su sitio web clonado.
  • Pruebas automatizadas de secuencias de comandos: Las herramientas automatizadas de prueba de scripts prueban automáticamente múltiples scripts en todo su sitio web después de instalar su actualización o plugin para asegurarse de que todo funciona como debería.
  • Herramientas de comparación de capturas de pantalla: Las herramientas de comparación de capturas de pantalla te permiten comparar el antes y el después de las capturas que realices para que puedas detectar cualquier incoherencia.

3 herramientas de captura de pantalla para simplificar su trabajo

Broswerstack-logo-image

 Herramienta de captura de pantalla Browserstack

La herramienta de capturas de pantalla de Browserstack facilita la generación de capturas de pantalla con sólo pulsar un botón. Todo lo que necesitas es seleccionar los tipos de dispositivos y navegadores (hasta 25) en los que quieres comprobar tus URLs para utilizar la herramienta. La herramienta hace el resto.

Testingbot-screenshot-logo-image

Herramienta de captura de pantalla TestingBot

La herramienta de capturas de pantalla de TestingBot le permite elegir entre más de 3.200 combinaciones de navegadores y dispositivos para probar. La herramienta ofrece comparación de capturas de pantalla, compilaciones beta y dev, y una herramienta de depuración nativa.

crossbroswertesting-logo-image

Herramienta de captura de pantalla CrossBrowserTesting

La herramienta de captura de pantalla de CrossBrowserTesting le permite tomar capturas de pantalla utilizando la aplicación web o su API. Cuando se utiliza la API, puede tomar varias capturas de pantalla a la vez a través de sus URLs.

Lista de comprobación para probar plugins y actualizaciones de WordPress y WooCommerce

Antes de la instalación/actualización

1. Enumera los plugins y temas premium que no se actualizan automáticamente.

2. Visite el sitio donde compró sus plugins y temas y busque la versión más actual del artículo.

3. Enumere las URL que probará tras la actualización. Querrás incluir tus plantillas de post personalizadas, las plantillas de WordPress y las páginas principales de tu sitio web (como la página de contacto, la página de inicio, las páginas de productos, las páginas de categorías y la página de pago).

4. Enumere los escenarios para las pruebas. Por ejemplo, un usuario puede iniciar sesión, ir a la página de productos y, a continuación, a la página de pago. Usted querrá probar cualquier escenario relevante para su sitio web.

5. Cree una lista de guiones de prueba para probar los escenarios.

En su sitio de ensayo

1. Duplique todo su sitio web en un entorno de ensayo, asegurándose de que MySQL y PHP son los mismos en ambos sitios web. Dependiendo de su proveedor de alojamiento, usted puede tener un clic en la creación de puesta en escena. Algunos proveedores de alojamiento que ofrecen la creación en un solo clic son WPEngine, SiteGround y GetFlyWheel.

2. Asegúrese de que el sitio de ensayo coincide con el sitio web original. Para ello, basta con echar un vistazo al sitio.

3. Haz capturas de pantalla de todas tus URL utilizando la herramienta de captura de pantalla de página completa. Asegúrate de obtener capturas de pantalla de todos los sistemas, como Chrome, Firefox, Safari, Edge, Android y iPhone. Existen algunas herramientas para simplificar este proceso.

4. Actualice lo siguiente:

      • Archivos de temas y plugins
      • Archivos principales de WordPress
      • Cualquier elemento que no se actualice automáticamente.

5. Realice capturas de pantalla del sitio web actualizado. Una vez más, tome capturas de pantalla de todas las URL y sistemas.

6. Utilice su herramienta de comparación de capturas de pantalla para comparar las capturas de antes del paso 3 y las capturas de después del paso 5.

7. Ejecute los scripts de prueba que ha enumerado antes. Asegúrese de que los formularios, el proceso de pago y otras piezas vitales de su sitio web funcionan correctamente.

En su sitio activo

1. Realice una copia de seguridad del sitio activo.

2. Crea capturas de pantalla de todas las URL.

3. Actualice el sitio activo.

4. Mira a ver si todo está actualizado en el backend. Haga clic en actualizar para ver si la actualización falló para cualquier cosa en el sitio.

5. Borre la caché de su sitio web.

6. Crea tus capturas de pantalla.

7. Compara las capturas de pantalla del segundo paso con las del sexto.

8. Ejecute los scripts de prueba que ha enumerado anteriormente.

9. Compruebe su sitio web con un rápido chequeo visual.

10. Date una palmadita en la espalda.

Automatizado-Scripts-staging

El papel de los scripts automatizados en las actualizaciones e instalaciones de plugins de WordPress y WooCommerce

Los scripts automatizados simplifican la comprobación de su sitio web WordPress, pero existen otras opciones. La primera es comprobarlo manualmente. La otra es contratar a un desarrollador.

Crear un guión de pruebas puede llevar mucho tiempo, pero es un proceso bastante sencillo reutilizar el guión una vez hecho. Estas son las ventajas de los guiones de pruebas frente a las pruebas manuales:

  • Los guiones de prueba eliminan el error humano.
  • Le ahorran tiempo de dos maneras:
    1. Cuando ejecute scripts largos, puede dejar que el script se encargue de la comprobación mientras se centra en lo que el script no puede hacer.
    2. Puedes probar hasta 2 dispositivos y 4 navegadores a la vez.

La clave es que probar tus plugins de WordPress y WooCommerce en la puesta en escena puede salvarte de una catástrofe. El proceso es relativamente sencillo y, con esta lista de comprobación, tendrás todo lo que necesitas para realizar una actualización satisfactoria.

Ya sea proporcionándote los pasos necesarios para la instalación masiva de tus plugins o realizando el mantenimiento de WordPress o WooCommerce, estamos comprometidos a ayudarte a prosperar en el comercio electrónico. Si quieres que gestionemos tu WordPress para que puedas centrarte en los aspectos principales de tu negocio, ponte en contacto con nosotros hoy mismo, ¡estaremos encantados de ayudarte!

¿Le gusta este artículo?
Compártelo en las redes sociales

¡Echa un vistazo a otra entrada del blog!

BrightPlugins_Logo_Horizontal
Suscríbase a nuestro boletín

Suscríbase a

Este campo tiene fines de validación y no debe modificarse.
Copyright © 2024 Todos los derechos reservados a Bright Plugins
flecha-izquierda linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram