Construyendo desde cero con el desarrollo personalizado de comercio electrónico

Esta es la segunda parte de un estudio de caso en nuestro sitio hermano Genius eCommerce ^Ⓡ . Puede leer la primera parte del estudio de caso, centrada en el diseño personalizado, aquí mismo.

Si tuviera que tomar cualquier sedán básico que podría comprar en cualquier lote de automóviles y equiparlo para las carreras, ¿qué haría? Puede sacar todos los asientos al lado del conductor. No necesitas pasajeros, necesitas que el coche sea ligero. Puede sacar el motor de bajo consumo de gasolina y reemplazarlo por uno más grande. No necesita preocuparse por el precio en la bomba, necesita aceleración. Puede cambiar las llantas con banda de rodadura por unas resbaladizas y suaves. No necesita manejar en la nieve, necesita reducir la fricción. Esta es la diferencia entre un automóvil construido para que cualquiera lo use y un automóvil construido para un propósito muy específico, y también es ilustrativo de la diferencia entre un sitio web de plantilla generalizado y el desarrollo de comercio electrónico personalizado. El tipo de sitio que obtiene de fábrica desde cualquier plataforma va a ser una herramienta multiusos para todo tipo de empresas, pero un sitio desarrollado a medida se puede crear específicamente para hacer lo que necesita que haga.

Aquí en 1Digital, experimentamos esto de primera mano cuando desarrollamos en la plataforma de WordPress para Genius eCommerce ^Ⓡ , nuestro sitio hermano. Genius eCommerce ^Ⓡ había existido en una plantilla de WordPress durante algunos años y cuando decidimos actualizarlo, lo hicimos desde cero. Ver el proceso en uno de nuestros propios sitios realmente ayudó a resaltar, para mí, la diferencia entre la implementación rápida y fácil de un sitio de plantilla y la construcción metódica del desarrollo personalizado de comercio electrónico.

“El problema con el tema anterior es que había mucho código que sobrecargaba el sitio, ya sea que lo usáramos o no”, dijo Jon Luhrs, uno de los principales desarrolladores aquí en 1Digital ^Ⓡ . La versión anterior del sitio de comercio electrónico Genius estaba en un tema de WordPress prediseñado. Los temas de WordPress, como muchas plantillas prediseñadas, vienen con un conjunto de complementos dependientes. “Es posible que tengan un complemento que le pidan que descargue para ejecutar su menú u otro que pueda manejar el envío de formularios, cosas así”, me dijo Jon. Desafortunadamente, todos esos artículos pueden sumar una gran cantidad de cosas. Los desarrolladores de temas quieren asegurarse de que su tema sea comprado por la mayor cantidad de personas posible y, por lo tanto, utilizable en la mayoría de las circunstancias. Esto hace que un tema preconstruido sea un experto en todos los oficios y un maestro de nada.

“Lo más importante que queríamos mejorar en la nueva versión era la velocidad”, dijo Jon. Para hacerlo, se deshizo de muchos complementos que normalmente vendrían con un sitio de WordPress y creó códigos abreviados personalizados desde cero para reemplazarlos. Por ejemplo, el antiguo sitio de comercio electrónico Genius tenía instalado un creador de páginas llamado WP Bakery. Un generador de páginas como este facilita arrastrar y soltar contenido y agregar una nueva página a su sitio desde el área de administración sin ingresar al código. "Estos complementos de creación de páginas son una moneda de diez centavos por docena", me dijo Jon. “Todos ofrecen prácticamente la misma funcionalidad, pero también vienen con una gran cantidad de código que quizás no necesites”. La ventaja de tener a alguien como Jon en tu esquina, que está capacitado en desarrollo personalizado, es que no necesitas que la creación de páginas te resulte fácil. En cambio, Jon creó nuestras nuevas páginas desde cero. Esto los hizo lo más ágiles posible porque solo estaba agregando lo que era absolutamente necesario para que la página se ejecutara.

“Fue lo mismo para los controles deslizantes de imágenes y los controles deslizantes de testimonios”, me dijo Jon. Cuando un complemento de WordPress se ejecuta dentro de su página tomando imágenes que ha agregado al área de administración y cargándolas, creamos esas funciones a medida con líneas de código para hacerlas más optimizadas. También optimizamos las propias imágenes para una mayor velocidad. “Mucho de esto es descubrir la configuración correcta para exportar la imagen desde Photoshop, que funcionará para su propósito dentro de la página sin ser demasiado”, dijo Jon. Un equipo de desarrollo personalizado puede ayudarlo a crear los archivos de imagen correctos, según su plan para cada página en particular.

En el momento del lanzamiento, el nuevo sitio web Genius eCommerce ^Ⓡ tiene una puntuación de velocidad promedio de 98,6 en páginas móviles. "Esta es una mejora bastante grande con respecto a la plantilla anterior y hemos comenzado a ver que el sitio genera algunos clientes potenciales", me dijo Jon. Este tipo de puntaje en Page Speed ​​Insights de Google sería casi imposible para su tienda de comercio electrónico promedio, incluso con un desarrollo personalizado, pero eso no significa que deba eliminar la velocidad del sitio de su lista de prioridades. Una colección de estudios realizados por Walmart encontró que cuando su tiempo de carga fluctúa entre 1 y 4 segundos, las conversiones disminuyeron drásticamente. Descubrieron que cada mejora de 1 segundo en el tiempo de carga de la página se traducía en un aumento del 2 % en las conversiones en el sitio.

Un desarrollador personalizado de comercio electrónico también puede ayudar a un sitio a prepararse para el futuro, especialmente uno que dependía de plantillas y complementos prediseñados en el pasado. Recuerde, estos complementos también los crean los desarrolladores. Eso significa que tienen una vida útil. Una aplicación puede funcionar cuando configura su sitio por primera vez, pero después de unos años, ese desarrollador puede pasar a otras cosas y dejar de admitir el complemento del que dependía el tema cuando lo configuró por primera vez. En Genius eCommerce, teníamos un complemento que personalizaba cómo permitíamos que los miembros del equipo iniciaran sesión en el área de administración de nuestro sitio. En el momento en que se creó el sitio Genius eCommerce ^Ⓡ , ese complemento había dejado de ser compatible durante dos o tres años. “Afortunadamente, eso no era necesario para la funcionalidad básica del sitio, así que simplemente lo deshabilité”, dijo Jon. Sin embargo, cuando crea código desde cero, no necesita preocuparse por las actualizaciones o preguntarse si el servicio en el que confiaba ya no será compatible. “Si alguna vez se rompe algo, preferiría encontrar una forma diferente de hacerlo, en lugar de descargar otro complemento”, me dijo Jon. “Lo que le ahorra dinero a corto plazo puede terminar costándole más en el futuro, dependiendo de qué tan bien se admita”.

Genius eCommerce ^Ⓡ me ayudó a aclararme lo que les he estado explicando a nuestros clientes durante años. Al pensar en el desarrollo de comercio electrónico personalizado, a diferencia de las plantillas prediseñadas, todo se reduce a una pregunta sobre la cantidad de control que desea tener. Las plantillas, con complementos dependientes, se pueden implementar de forma rápida y económica. Puede tener un sitio utilizable en muy poco tiempo. Pero, como experimentamos al trabajar con Genius eCommerce, es posible que eventualmente desee obtener más de su sitio web. Cuando lo haga, será más barato y más fácil realizar esas mejoras en su propio código, que creó su equipo de desarrollo, en lugar de discutir lo que pueda con las herramientas de terceros.

En 1Digital nos especializamos en ser su equipo de desarrollo extendido. Ya sea que esté creando un sitio desde cero, como Genius eCommerce ^Ⓡ , o dando pequeños pasos para tener su sitio cada vez más bajo su propio control, una tarea a la vez, nuestros expertos en desarrollo personalizado de comercio electrónico pueden estar a solo unos clics de distancia. . Comuníquese con nosotros hoy para conocer todas las formas en que puede tener un desarrollador de 1Digital ^Ⓡ de su lado.

Descargar PDF