7 mejores prácticas para actualizar sitios de comercio electrónico

Como diseñador independiente o de agencia, actualizar los sitios de WordPress puede ser muy divertido. Puede hacer una exploración completa de la marca, modernizar un sitio web o explorar una nueva funcionalidad que seguramente "sorprenderá" a su cliente.

Pero como probablemente sepa, cuando las actualizaciones son para un sitio de comercio electrónico, hay una serie de cosas a considerar antes de cambiar nada.

Para ayudarlo a abordar estas actualizaciones del sitio y causar un tiempo de inactividad mínimo o pérdida de ventas, he elaborado esta guía inspirada en los consejos de los ingenieros de felicidad de Flywheel y los miembros de nuestro Programa de socios de agencias.

Esta guía cubrirá:

1. 5 señales de que es hora de un rediseño de comercio electrónico (o al menos actualizaciones significativas)
2. Por qué debe tener cuidado al actualizar los sitios de comercio electrónico
3. Las mejores prácticas a seguir para evitar el tiempo de inactividad o la pérdida de ingresos

5 señales de que es hora de un rediseño de comercio electrónico (o al menos actualizaciones significativas)

Todos sabemos que solo porque un cliente solicita un rediseño completo del sitio, no siempre es la mejor solución para ellos. Especialmente cuando se trata de sitios de comercio electrónico, si no tiene que rediseñarlo, a veces es mejor tratar de salir adelante con actualizaciones más pequeñas (para evitar algunas de las preocupaciones de las que hablaremos en la siguiente sección).

Sin embargo, eso no significa que un rediseño esté fuera de la mesa. De hecho, hay algunos escenarios excelentes en los que probablemente sea la decisión correcta:

1. La tasa de conversión del sitio es baja.
2. La tasa de rebote del sitio es alta.
3. Su cliente está recibiendo quejas de clientes sobre la funcionalidad del sitio.
4. El desarrollador ya no admite el tema o un complemento clave con el que se creó el sitio.
5. Estás leyendo este artículo.

1. La tasa de conversión del sitio es baja

Si su cliente tiene una buena cantidad de tráfico entrante pero una tasa de conversión baja, eso puede ser una señal de que hay algunos problemas de UX en el sitio. Extraiga la URL y comience a hacer clic. Probablemente podrá notar cuál es el problema con bastante rapidez.

Algunas preguntas que puedes hacerte:

• ¿La navegación es fácil de seguir?
• ¿Las páginas de productos son claras y fáciles de comprar?
• ¿El sitio y el flujo de pago funcionan en dispositivos móviles?
• ¿Se muestran correctamente las ventanas emergentes y los widgets?
• ¿Es fácil ver el carrito?
• ¿Se siente seguro ingresar la información de la tarjeta de crédito?

Si bien el rediseño de un sitio no es la única forma de solucionar algunos de estos problemas (y ciertamente no es la única forma de aumentar la tasa de conversión), es una forma de abordar algunos de los problemas subyacentes, especialmente si se encuentra con más de uno.

2. La tasa de rebote del sitio es alta

Al igual que la tasa de conversión, una tasa de rebote alta puede indicar que algo sobre el diseño actual del sitio no está resonando entre los compradores. Uno de los mayores infractores: tiempos de carga lentos.

Según un estudio de Google de 2017 , a medida que el tiempo de carga de una página pasa de 1 segundo a 5 segundos, la probabilidad de rebote aumenta un 90%.

Para los sitios de comercio electrónico, una alta tasa de rebote se traduce directamente en pérdida de ingresos. Si eso es algo que puede arreglar para sus clientes, les proporcionará mucho valor (y mucho más dinero en su cuenta bancaria).

Una vez más, si bien un rediseño no es la única forma de acelerar un sitio de WordPress, podría ser necesario si el culpable parece ser parte de la tecnología con la que está construido el sitio. Si ahora parece el momento adecuado para cambiar a WooCommerce o actualizar a una solución de comercio electrónico todo en uno, podría tener sentido combinar todos estos cambios en una gran actualización en lugar de implementarlos lentamente.

3. Su cliente está recibiendo quejas de clientes sobre la funcionalidad del sitio

Si está literalmente roto... esa es una muy buena razón para un rediseño. La experiencia del usuario es fundamental para los sitios de comercio electrónico, ya que necesita que el cliente final se sienta seguro al hacer cosas como ingresar la información de la tarjeta de crédito, agregar una dirección de envío o proporcionar otros datos personales al sitio de su cliente.

Si usted o su cliente no prueban regularmente su sitio, los problemas funcionales pueden pasar desapercibidos por un tiempo. Con suerte, su cliente tiene clientes que no tienen miedo de proporcionar comentarios y que enviarán un correo electrónico o enviarán un ticket de soporte si los elementos del sitio están rotos o son confusos.

Si su cliente menciona recibir quejas aquí y allá, probablemente no sea un gran problema (o al menos se puede resolver con correcciones de errores únicas). Si su cliente menciona muchas de estas quejas, o parece haber un patrón, es una buena señal de que puede haber un problema mayor y que sea necesario un rediseño.

4. El desarrollador ya no admite el tema o un complemento clave en el sitio

Esta es probablemente la razón más obvia para un rediseño en esta lista, y en realidad podría ser responsable de bajas conversiones, alta tasa de rebote y funcionalidad rota. Si el sitio de su cliente depende de un software que ya no es compatible, es solo cuestión de tiempo hasta que se necesite un rediseño.

Sin embargo, antes de sacar conclusiones precipitadas sobre la suspensión de un tema o complemento, es una buena idea investigar para ver qué está pasando. Tal vez el complemento o el autor del tema lanzó una actualización crítica que su cliente se perdió, o tal vez fueron adquiridos por una compañía diferente y hay un proceso diferente de soporte.

Al final, aún puede decidir que se necesita un rediseño con un nuevo tema o complemento (s), pero es útil establecer este contexto antes de realizar cambios, para que no haya sorpresas en el camino.

5. Estás leyendo este artículo

Si está aquí, supongo que algo en su instinto le dice que, de hecho, se necesitan actualizaciones significativas para el sitio de comercio electrónico de su cliente para que prospere.

Escucha tus instintos.

Si bien debe identificar el objetivo exacto del rediseño, si usted y su cliente están alineados en la escala de cambios necesarios, esa es una buena razón para priorizarlo en lugar de tratar de salirse con la suya con parches pequeños.

Un rediseño requerirá mucho trabajo, pero recuerde que la cantidad de trabajo (y los posibles problemas) seguirán aumentando cuanto más tarde en resolver los problemas subyacentes.

En resumen: si bien las actualizaciones importantes no son la única forma de solucionar los problemas de los sitios de comercio electrónico, a veces son necesarias, especialmente si la funcionalidad del sitio o la experiencia del usuario se ven comprometidas. Si se encuentra en esta posición con el sitio de un cliente, hay algunas cosas en las que querrá pensar antes de realizar cualquiera de las actualizaciones.

Por qué debe tener cuidado al actualizar los sitios de comercio electrónico

Para ser claros, "cauteloso" en este sentido no significa "no lo hagas". Los diseñadores web actualizan los sitios de comercio electrónico todos los días sin problemas, ¡y usted también puede hacerlo!

Cuando digo "cauteloso", quiero decir que hay algunas cosas adicionales en las que pensar al actualizar los sitios de comercio electrónico, y se ahorrará muchos dolores de cabeza si piensa en ellas antes de enviar algo a producción.

El tiempo de inactividad significa pérdida de ventas y disminución de la credibilidad

El tiempo de inactividad es algo que probablemente intente evitar con todos los sitios de sus clientes, pero para las tiendas de comercio electrónico, el tiempo de actividad es crítico . Si los visitantes del sitio no pueden acceder a la tienda de su cliente, literalmente no hay posibilidad de que se conviertan en clientes y aumenta las posibilidades de que lleven su negocio a otra parte.

Un sitio roto puede incluso alejar permanentemente a algunos visitantes, haciéndoles pensar que la tienda ha sido pirateada o ha cerrado.

No es por presionar, pero lo que está en juego es un poco más alto cuando se trabaja con un sitio de comercio electrónico. Por lo tanto, es mejor estar preparado antes de realizar cualquier actualización.

Sobrescribir la base de datos corre el riesgo de perder pedidos en el sitio en vivo

Supongamos que está realizando cambios en un entorno de prueba mientras el sitio en vivo está funcionando normalmente. Actualiza su código, prueba los cambios y pasa a producción cuatro horas más tarde.

Si sobrescribe la base de datos, los pedidos que se realizaron en el sitio en vivo dentro de ese período de tiempo de cuatro horas podrían borrarse... lo que generaría confusión en los clientes y problemas de inventario para su cliente.

Si su sitio aún no recibe demasiado tráfico, es posible que pueda sobrescribir la base de datos ileso, pero a medida que la tienda de su cliente se vuelve más exitosa (y la frecuencia de los pedidos comienza a aumentar), el riesgo aumenta. Esto significa que su flujo de trabajo para realizar actualizaciones del sitio es fundamental para asegurarse de no sobrescribir nada que no quiera.

Los cambios masivos podrían poner en riesgo la experiencia del usuario

Con los sitios de comercio electrónico, las acciones importantes del usuario ocurren constantemente en tiempo real, como agregar productos a un carrito, ingresar información de facturación, enviar pagos, etc. Imagine que está a punto de comprar algo cuando todo el diseño del sitio está sobre cambios ¿Confiarías en ello?

Probablemente no. Presionarías actualizar, te confundirías y tal vez incluso abrirías el sitio web de un competidor.

En la siguiente sección, examinaré las formas en que puede evitar esta incertidumbre de las actualizaciones (especialmente a la escala de un rediseño). Sin embargo, con cualquier actualización de un sitio de comercio electrónico, es una buena idea pensar en cómo percibirán los cambios los usuarios que actualmente se encuentran en el sitio en el momento de las actualizaciones, para asegurarse de que no está haciendo nada demasiado drástico (especialmente para el flujo de pago).

Ahora que sabe algunas cosas que debe tener en cuenta al actualizar los sitios de comercio electrónico, ¡vamos a lo bueno!

Las mejores prácticas a seguir para evitar el tiempo de inactividad o la pérdida de ingresos

Dependiendo de la escala de sus actualizaciones, puede que sea necesario o no seguir todos estos pasos. ¡Mi objetivo es que pueda mezclar y combinar estas mejores prácticas para descubrir el flujo de trabajo que funciona mejor para usted y su cliente!

1. Asegúrese de que WordPress, el tema y los complementos clave estén actualizados

¿Este paso solo resolverá todos sus problemas de actualización? No.

Pero, se asegurará de que no realice cambios importantes en el sitio solo para enterarse de que algo se va a romper o podría haberse solucionado actualizando primero un complemento.

Además, un rediseño siempre es un buen momento para la limpieza del sitio, así que abrace a su Marie Kondo interior y organícese. Realice actualizaciones de WordPress, temas y complementos, archive pedidos antiguos, limpie la base de datos y tal vez incluso desinstale algunos de esos temas o complementos que el sitio ya no usa.

(Todos sabemos lo rápido que pueden acumularse, ¡especialmente si su cliente administraba su propio sitio antes de acudir a usted!)

Una vez que todo se ejecute en la última versión, sabrá exactamente con qué está trabajando cuando se trata de este rediseño. Y quién sabe, tal vez incluso acortes tu lista de tareas pendientes solucionando un problema de funcionalidad simplemente actualizando algo.

2. Considere notificar a los usuarios sobre el mantenimiento del sitio, para que sepan cuándo no comprar

Es posible que esto no se sienta bien para todos los sitios de comercio electrónico, pero si su cliente tiene una pequeña comunidad de compradores, la transparencia de una notificación sobre las actualizaciones del sitio podría ser muy apreciada. La mejor parte es que no agrega mucho trabajo adicional de su parte; solo necesita comunicar los plazos claramente con su cliente, para que todos sepan exactamente cuándo esperar que sucedan los cambios.

Si su cliente tiene muchos clientes habituales, puede sugerir que envíen un correo electrónico masivo para notificar a los usuarios sobre la ventana de mantenimiento. Si su cliente vende a muchos visitantes nuevos netos, puede valer la pena explorar una ventana emergente o un encabezado fijo con un mensaje sobre cuándo se realizarán las actualizaciones.

Y hablando de "cuándo se realizan las actualizaciones", si usted o su cliente están preocupados por eso, otro paso que podría tomar es realizar los cambios fuera del horario comercial (como a altas horas de la noche si la mayoría de sus ventas se realizan de 9 a.m.). -5).

Si bien estas técnicas no pueden garantizar que las personas no compren durante la ventana de actualización, pueden ayudar a mitigar parte del riesgo de que se produzca actividad en el sitio mientras realiza cambios en la producción.

3. Ponga una página de mantenimiento mientras envía las actualizaciones en vivo

Si actualizar el sitio de comercio electrónico mientras los visitantes están activos no es un riesgo que desea correr, una forma completa de detener las compras es poner el sitio en modo de mantenimiento.

Una página de mantenimiento o una página de "Próximamente" esencialmente oculta todo el contenido de su sitio, generalmente con un mensaje como "Llegan actualizaciones; ¡Vuelve a consultar pronto!"

El beneficio de esta técnica es que se ve mucho más profesional que un sitio roto. En lugar de ver su rediseño en progreso (y posiblemente en un estado defectuoso), los visitantes verán una página de destino simple con contexto sobre lo que está sucediendo.

La desventaja es que los visitantes no podrán comprar mientras tenga el sitio en modo de mantenimiento, por lo que es mejor activarlo justo cuando esté listo para realizar actualizaciones y luego desactivarlo tan pronto como haya terminado. para que su cliente pueda volver a ganar ventas.

Estos complementos pueden ayudarlo a poner el sitio en modo de mantenimiento:

• Modo de mantenimiento de WP
• Fancy Próximamente y modo de mantenimiento
• Modo de mantenimiento inteligente

Y nuevamente, realizar actualizaciones fuera del horario laboral puede ayudar a mitigar la pérdida de ingresos por el rediseño.

4. Realice cambios en un sitio local o provisional primero, luego actualice el sitio en vivo

Probablemente haya escuchado que nunca debe realizar cambios en un sitio en vivo y, en su lugar, debe usar un entorno de prueba o un entorno local para probar sus actualizaciones antes de pasar a producción.

Todavía es una buena idea probar primero sus actualizaciones en un entorno de desarrollo, pero debe tener cuidado al enviar cambios automáticamente a producción, en caso de que ese proceso sobrescriba la base de datos del sitio en vivo. (Como mencioné anteriormente, esto puede hacer que los pedidos se pierdan, y ese no es un dolor de cabeza con el que quiera lidiar).

Lo que hacen muchos diseñadores web es hacer las actualizaciones en el sitio en vivo manualmente, después de haber probado el código en un entorno de desarrollo coincidente. No es el flujo de trabajo más sencillo, pero garantiza que su base de datos permanezca sin cambios y aún le brinda la oportunidad de probar cosas antes de editar la tienda.

Si no ha utilizado un sitio de prueba antes, vea si eso es algo que proporciona su host de WordPress. (¡Flywheel y WP Engine incluyen un sitio de prueba con cada plan!) Si aún no está incluido en su paquete de alojamiento, es posible que deba considerar actualizar su plan para desbloquear esa funcionalidad.

En cuanto a un entorno local, Local es una plataforma de desarrollo local gratuita con la que puede comenzar en menos de cinco minutos. También puede conectar los sitios Flywheel o WP Engine, lo que hace que sea muy fácil obtener una copia de un sitio de comercio electrónico, para que sepa que los entornos y la base de datos coinciden.

5. Control de calidad antes y después de enviar cambios en vivo

La prueba es fundamental cuando se rediseña un sitio de comercio electrónico, y recomiendo hacerlo antes y después de implementar los cambios.

Los sitios de ensayo de Flywheel y WP Engine, junto con Local, le permiten trabajar en una copia del sitio en vivo (por lo que puede estar razonablemente seguro de que si las cosas funcionan allí, funcionarán en producción), pero aún así es inteligente confirmar todo funciona según lo previsto una vez que se activan los cambios.

Después de todo, nunca querrá arriesgarse a impulsar cambios en la producción, alejarse y luego recibir una llamada telefónica enojada de su cliente porque algo se rompió y usted no se dio cuenta.

Querrá probar todo lo que esté actualizando, por supuesto, y revisar las páginas con cambios de diseño significativos, pero el otro elemento de los sitios de comercio electrónico que querrá verificar es la capacidad de realizar compras.

Estos recursos pueden ayudarlo mientras prueba el flujo de pago:

• Prueba de pagos de WooCommerce: un documento de ayuda de WooCommerce
• Lista de verificación de pruebas básicas de WooCommerce: una lista de verificación de WooCommerce en GitHub
• Ghost Inspector: una aplicación para probar las actualizaciones del sitio web
• Usetrace: un sistema de prueba que no requiere código
• Cypress: un marco de prueba de extremo a extremo de JavaScript
• Titiritero: una biblioteca de nodos para controlar Chrome sobre el protocolo DevTools

6. Adopte pruebas iterativas (cuando pueda)

Si se siente abrumado por la cantidad de cambios que debe realizar en un sitio de comercio electrónico, en algún momento podría valer la pena preguntarse: ¿Deben realizarse todos a la vez o pueden dividirse en varias actualizaciones más pequeñas?

Si está trabajando en un rediseño completo de la marca y una revisión de la funcionalidad, podría ser mejor activar el modo de mantenimiento e intentar eliminarlo todo de una vez. Sin embargo, si está realizando cambios más pequeños o puede pensar en fases naturales para implementar las actualizaciones, una buena práctica es adoptar cambios iterativos a lo largo del tiempo.

Esto tiene algunos beneficios:

1. Si algo se rompe, será más fácil rastrear lo que salió mal (porque tendrá menos líneas de código para ordenar).
2. Es menos probable que se interrumpa la experiencia del usuario, ya que actualizará una sola parte del sitio a la vez (en lugar de todo).
3. Si está midiendo el impacto de las actualizaciones de su sitio (en la velocidad del sitio o las tasas de conversión, por ejemplo), podrá identificar exactamente qué cambios causaron los resultados.

Si esto lo inspira a realizar muchos pequeños cambios en lugar de un rediseño completo, puede valer la pena usar un sistema de control de versiones como GitHub. Esto lo ayudará a realizar un seguimiento de cuándo y cómo se cambió el código, y también lo ayudará a revertir fácilmente una actualización si algo se envía antes de que esté listo.

7. Tenga un plan de apoyo, en caso de que algo salga mal.

Con suerte, como mínimo, primero ha probado los cambios en un sitio de prueba o ha creado una copia de seguridad del sitio en vivo antes de enviar nuevas líneas de código. Pasos como este asegurarán que pueda regresar a donde comenzó, en caso de que algo realmente se rompa.

Sin embargo, en el peor de los casos, puede llegar un punto en el que necesite llamar a un amigo para pedir ayuda, y es mejor tener ese plan en marcha antes de mirar una página web rota.

Piensa en tus recursos. Si tiene un amigo en el negocio al que suele consultar con preguntas, avísele cuando esté a punto de hacer un gran rediseño y vea si está disponible durante el mismo período de tiempo, en caso de que surja una pregunta.

Si está activo en las comunidades de Facebook o Slack para diseñadores web, considere hacer lo mismo o incluso pedir consejo antes de comenzar la actualización.

Finalmente, asegúrese de saber cómo comunicarse con el equipo de soporte de su host de WordPress y cualquier tema o complemento clave que esté potenciando el sitio, especialmente si está activando uno nuevo por primera vez. Los clientes de Flywheel y WP Engine tienen acceso las 24 horas, los 7 días de la semana, a expertos de WordPress que siempre están en espera en caso de que surja un problema con el servidor.

Haga clic aquí para obtener más información sobre la compatibilidad con Flywheel, la compatibilidad con WP Engine o haga clic aquí para acceder a la asistencia a través del panel de control de Flywheel.

Actualizar sitios de comercio electrónico puede ser más difícil que su sitio web tradicional, pero con estos consejos, ¡espero que se sienta capacitado para realizar cambios en su sitio con un riesgo mínimo de tiempo de inactividad o pérdida de ingresos! Al seguir algunas de las mejores prácticas simples, puede disminuir drásticamente la posibilidad de que algo se rompa, al mismo tiempo que aumenta drásticamente el valor que sus servicios brindan a sus clientes.

Si bien esta es una lista larga, de ninguna manera es exhaustiva. ¿Qué más hace para actualizar de forma segura los sitios de comercio electrónico? ¡Déjame saber abajo en los comentarios!

Actualice los sitios de comercio electrónico de WordPress más fácilmente con Flywheel

Flywheel facilita la administración de los sitios de sus clientes, gracias a características como sitios de prueba gratuitos, copias de seguridad automatizadas gratuitas, herramientas de colaboración gratuitas y soporte 24/7 de expertos de WordPress. Todo eso se suma a nuestra impresionante infraestructura de alojamiento en la nube, que brinda a sus sitios velocidades ultrarrápidas y seguridad bloqueada.

¡Descubra la diferencia de un socio de alojamiento (en lugar de un proveedor) hoy!