Probar los plugins de WordPress y WooCommerce en Staging

Aprende a probar los plugins de WordPress y WooCommerce 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 complementos puede costarle su parte del pastel del comercio electrónico. Afortunadamente, puedes evitarlo si pruebas tus plugins de WordPress y WooCommerce en la puesta en escena.

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

• Qué es la puesta en escena
• Por qué deberías probar los plugins de WordPress y WooCommerce en el 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 verificación para probar complementos y actualizaciones de WordPress y WooCommerce
• El papel de los scripts automatizados en las actualizaciones e instalaciones de plugins de WordPress y WooCommerce

¿Qué es la puesta en escena?

In WordPress, staging refers to an offline clone you design of your WordPress site to test. It’s an excellent tool for testing your website and plugins without affecting what your website visitors see.

El clon sin conexión sirve como su sitio de prueba y un sitio de respaldo. El momento de la copia de seguridad y la clonación depende del tamaño de un sitio web, pero Complementos ofrecer una solución sencilla. En solo segundos, puede crear un clon de su sitio web, para que pueda realizar actualizaciones e instalar complementos de WooCommerce sin esfuerzo.

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

El staging es esencial cuando actualizas tu sitio web porque puede evitar que tu sitio web:

• Ruptura
• Dejar de estar disponible
• Trabajar en algunos dispositivos y no en otros (es decir, trabajar en dispositivos Apple pero no Android o trabajar en computadoras portátiles pero no en tabletas).
• Perder la accesibilidad de las páginas esenciales (como la página de pago, las reseñas de productos o los formularios de contacto)
• Perder la accesibilidad del menú móvil
• Losing the site’s footer
• Displaying the horrifying “White Screen of Death” (WSOD)- a phenomenon that involves your website only showing a blank white screen.

There are many ways that launching updates to your website could go wrong, and if you have a high volume of traffic and don’t know the site isn’t functioning correctly, you could lose tons of sales! Launching updates is one task that could te vuelves loco  if you don’t approach it with a plan in mind.

Para evitar todas las molestias, pruebe sus actualizaciones y Complementos  before publishing them. You’ll enjoy many benefits by testing, including:

• Un sitio web que funciona sin problemas
• Un sitio web rápido y seguro
• Your website visitors’ trust.

Cómo probar correctamente los plugins de WordPress y WooCommerce

Website development is a long-term game. Throughout the life of your website, you’ll likely launch several new updates and plugins, which can become monotonous. Some might even say it’s annoying, but you can avoid the annoying monotony by using the right tools and a checklist of all the steps you should take before and after an update.

*Please remember not to update your WordPress site on a Friday. You’ll avoid tons of potential chaos and problems for the weekend.

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

• Herramientas de captura de pantalla de página completa: Utiliza una herramienta de captura de pantalla de página completa antes y después de instalar el plugin o la actualización.

• Sitio de preparación: Este es tu sitio web clonado.

• Pruebas de scripts automatizadas: Las herramientas automatizadas de prueba de scripts prueban automáticamente varios scripts en todo su sitio web después de instalar su actualización o complemento para garantizar que todo funcione como debería.

• Herramientas de comparación de capturas de pantalla: Las herramientas de comparación de capturas de pantalla le permiten comparar las capturas de pantalla de antes y después que toma para que pueda detectar cualquier inconsistencia.

3 herramientas de captura de pantalla para simplificar tu trabajo

Herramienta de captura de pantalla Browserstack

Browserstack’s screenshot toolfacilita la generación de capturas de pantalla con solo hacer clic en un botón. Todo lo que necesita es seleccionar los tipos de dispositivos y navegadores (hasta 25) en los que desea verificar sus URL para usar la herramienta. La herramienta hace el resto.

Herramienta de captura de pantalla TestingBot

TestingBot’s screenshot toolle 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 de desarrollo, y una herramienta de depuración nativa.

Herramienta de captura de pantalla CrossBrowserTesting

CrossBrowserTesting’s screenshot toolle permite tomar capturas de pantalla usando la aplicación web o su API. Al usar la API, puede tomar varias capturas de pantalla a la vez en sus URL.

Lista de verificación para probar complementos y actualizaciones de WordPress y WooCommerce

Antes de la instalación/actualización

1. List any of your premium plugins and themes that aren’t updated automatically.

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

3. List the URLs you’ll test after updating. You’ll want to include your custom post-type templates, WordPress templates, and your website’s primary pages (like your contact page, homepage, product pages, category pages, and checkout page).

4. List scenarios for testing. For instance, a user might log in, go to the products page, then the checkout page. You’ll want to test any scenarios relevant to your website.

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

En tu sitio de staging

1. Duplique todo su sitio web en un entorno de prueba mientras se asegura de que MySQL y PHP sean los mismos en ambos sitios web. Dependiendo de su proveedor de alojamiento, es posible que tenga la creación de staging con un solo clic. Algunos proveedores de alojamiento que ofrecen creación de staging con un solo clic son WPEngine, SiteGround y GetFlyWheel.

2. Asegúrese de que el sitio de prueba coincida con el sitio web original. Puede hacer esto echando un vistazo al sitio.

3. Tome capturas de pantalla de todas sus URL con la herramienta de captura de pantalla de página completa. Asegúrese 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 complementos
    • Archivos principales de WordPress
    • Any items that don’t update automatically.

5. Tome capturas de pantalla del sitio web de prueba 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 pantalla anteriores del paso 3 y las capturas de pantalla posteriores del paso 5.

7. Ejecute los scripts de prueba que enumeró anteriormente. Asegúrese de que sus formularios, pago y otras piezas vitales de su sitio web funcionen sin problemas.

En su sitio en vivo

1. Realice una copia de seguridad del sitio en vivo.

2. Crea capturas de pantalla de todas las URL.

3. Actualice el sitio en vivo.

4. Mira si todo está actualizado en el backend. Haga clic en actualizar para ver si la actualización falló en algún lugar del sitio.

5. Clear your live site’s cache.

6. Crea tus capturas de pantalla.

7. Compara tus capturas de pantalla del paso dos con las del paso seis.

8. Ejecute los scripts de prueba que enumeró anteriormente.

9. Revisa tu sitio web con una rápida comprobación visual.

10. ¡Date una palmadita en la espalda!

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

Los scripts automatizados simplifican la prueba de su sitio web de WordPress, pero hay otras opciones. La primera es verificar manualmente. La otra es contratar a un desarrollador.

Creating a testing script can be time-consuming, but it’s a pretty straightforward process to reuse the script once it’s made. Here are the advantages of testing scripts over manual testing:

• Los scripts de prueba eliminan el error humano.
• Le ahorran tiempo de dos maneras:

1. 1. When running long scripts, you can let the script handle the checking while focusing on what the scripts can’t do.
   2. Puede probar hasta 2 dispositivos y 4 navegadores a la vez.

The key takeaway is that testing your WordPress and WooCommerce plugins in staging can save you from a catastrophe. The process is relatively straightforward, and, armed with this checklist, you’ve got everything you need to have a successful update.

Whether it’s providing you with the necessary steps to Instala tus plugins de forma masiva o realizando Mantenimiento de WordPress o WooCommerce , we’re committed to helping you thrive in eCommerce. If you would like us to manage your WordPress so you can focus on the core aspects of your business, Contáctenos hoy , and we’ll be glad to help!