Producto

Presentamos VTEX IO Store Framework en open-beta

Lucas Bacic
Lucas Bacic March 19, 2020
Presentamos VTEX IO Store Framework en open-beta

En VTEX creemos que los minoristas deberían tener el poder de vender cualquier cosa, desde cualquier lugar, a cualquier lugar y por medio de cualquier canal. Para hacerlo, hemos desarrollado nuestra plataforma para ayudar a las marcas a lidiar con escenarios cada vez más complejos (p. ej.: cross-border, marketplace, omnichannel) de una manera más simple y estratégica.

Tenemos un enfoque para eso, es lo que llamamos time-to-revenue: aplicamos nuestra experticia comercial para construir la tecnología que le ayudará a adaptar y transformar su operación rápido (time-to-market) y encontrar los resultados aún más rápido (los ingresos parte de eso). En otras palabras, creemos que la única manera en que las empresas se transformarán es facilitando la adopción de nuevas tecnologías, de modo que pueda probar los resultados, adaptarse y seguir evolucionando.

Dicho esto, estoy aquí para anunciar un paso importante en esta dirección: estamos lanzando el nuevo VTEX IO Store Framework en open beta.

 

La comoditización del front-end


En los últimos diez años, probablemente uno de los trabajos más molestos con los que tienen que lidiar los minoristas en línea tiene un nombre y, sinceramente, un gran presupuesto para ello: se llama storefront. Las operaciones deben ocuparse de implementar, administrar y desarrollar un buen front-end de la tienda para que se vea bien y tenga buenas tasas de conversión.

Pero en los últimos años, el front-end ha estado cambiando. La programación evolucionó drásticamente con nuevos frameworks y herramientas. Desde complejos sistemas de diseño a empresas que realizan pruebas A/B de cada parte de su experiencia – la implementación y gestión del front-end se está volviendo rápidamente más escalable y simple. Se está convirtiendo en un commodity. Y creemos que el storefront también debería hacerlo.

Permítame darle un ejemplo: en 2013 lanzamos un producto importante: nuestro SmartCheckout. Fue uno de los primeros checkouts sin contraseña en el mercado y ayudó a nuestros clientes a aumentar las ventas y las tasas de conversión. Tuvimos mucho éxito porque analizamos y estudiamos la mejor experiencia de usuario posible. Hemos diseñado y probado mucho. Y luego escalado a todos nuestros clientes. Por lo tanto, si usted es un cliente VTEX, hoy no necesita preocuparse por crear un buen checkout — solo confía en que el nuestro hace el trabajo, ¿verdad? Bueno, creemos que es hora de que hagamos lo mismo con todo el storefront.

Piense en el front-end de la tienda: ¿cuáles son los elementos cruciales que tiene todo comercio electrónico? Un menú, un pie de página, un estante de productos, una página de productos, una búsqueda, un carrito, un checkout, etc. ¿verdad? Esa es la idea.  Independientemente de sus layouts o marcas, todos nuestros clientes necesitan la misma información estructurada – en diferentes gustos y combinaciones – pero la misma información. 

Lo que sucede hoy es que, como el proceso de checkout fue hace 8 años, cada nueva tienda tiene que invertir tiempo y recursos para implementar, resolver bugs y mejorar a través de innumerables pruebas y errores. Es una curva de aprendizaje realmente lenta y costosa, exactamente lo opuesto de lo que queremos como producto y como empresa. Y esta es exactamente la razón por la que hemos creado VTEX IO Store Framework: para hacer que la implementación sea más rápida y la evolución aún más rápida, con la mejor experiencia de usuario, tasas de conversión y velocidad.

 

 

store-framework-reference-store

Cuando el código abierto alcanza verdadera escalabilidad.


Entonces, ¿qué es este nuevo producto? En resumen, VTEX IO Store Framework es un framework de implementación low-code para construir tiendas en VTEX. Diseñado sobre VTEX IO, nuestra plataforma de desarrollo, el sistema utiliza React y Node para acceder a todos los datos VTEX y transformarlos en componentes preconstruidos altamente personalizables, creados, gestionados y desarrollados por VTEX y nuestro ecosistema.

¿Qué significa esto? Estamos facilitando la implementación con componentes listos para usar, a la vez que aprovechamos nuestra comunidad de desarrolladores y todos los conocimientos de los clientes para hacer evolucionar esos mismos componentes. Con VTEX IO Store Framework, cada parte de su layout, y por lo tanto su propia tienda, seguirá mejorando cada día. 

Podrá crear el front-end de su tienda en sus propios términos, marca y estilo – gestionarlo con facilidad – mientras nos aseguramos de que esté libre de bugs y actualizado con las mejores prácticas y tecnología. Cuando implementa usando VTEX IO Store Framework, está eligiendo ayudar a todo el ecosistema a tener una mejor experiencia y a la vez aprovecha nuestra experiencia comercial para hacer que la suya también sea mejor. Aquí es cuando el código abierto alcanza la verdadera escalabilidad, y esto es lo que creemos que será el futuro del storefront.

Suena bien, ¿verdad? Déjeme explicarle cómo lo hacemos:

 

Low-code y altamente personalizable


El principio es simple: usando una arquitectura de diseño modular y atómica hemos creado desde pequeños elementos de interfaz de usuario hasta complejos
componentes preconstruidos – como estantes de productos, sliders, menús y más – que acceden a todos los datos VTEX para mostrarlos sin problemas en el front-end. Con esos componentes, puede construir rápidamente páginas y plantillas sin tener que empezar de cero. 

¿Pero cómo podemos construir un framework tan dogmático y a la vez satisfacer las necesidades de las empresas? Tiene que ser altamente personalizable. Esto se aplica a todos los niveles de detalle: cada elemento de su layout – desde el tipo y el color hasta los rellenos (paddings) y las esquinas (corners) – está en el mismo sistema de diseño, por lo que puede gestionar y actualizar los estilos con facilidad. Si desea cambiar el tamaño de su H1, solo tiene que hacerlo una vez y cada página hará lo mismo y se actualizará.

Además de los “átomos” del layout, todos los componentes preconstruidos se construyeron con CSS Handles claros que identifican cada elemento, lo que permite cambiar y personalizar partes específicas del layout con su propia identidad. 

El siguiente nivel de personalización está en el layout, y esto no es negociable para las empresas. Para ayudarlo a construir el suyo, hemos creado lo que llamamos layout components. Se trata de bloques que pueden reunir componentes y organizarlos de múltiples maneras, tanto en líneas como en columnas. Todo esto para que pueda construir tiendas más rápido y de forma más inteligente.

 


vtex-site-editor

Autonomía para gestionar, probar y evolucionar


Cuando pensamos en storefront, tenemos que considerar quién lo gestionará después de la implementación: el equipo de marketing. Para usted también tenemos algunas buenas noticias: 

Con el nuevo Store Framework llega nuestro nuevo CMS. Con él, tendrá un Editor de Sitio Web WYSIWYG (lo que ve es lo que obtiene) para gestionar y editar el contenido con facilidad. Además, podrá editar plantillas y páginas con autonomía. ¿Recuerda el ejemplo del H1? Ahora podrá ajustar los estilos de las plantillas por sí mismo, sin necesidad de que un desarrollador haga el trabajo. 

También tenemos algunos componentes nativos como la integración de blog de WordPress, herramienta nativa de Reseñas y Calificaciones, e integraciones de etiquetas para rastrear y gestionar todas sus estrategias de marketing en sintonía con las principales herramientas del mercado.

Pero esto es solo el comienzo. En el camino de hacer que el storefront sea lo mejor posible, ahora tenemos una herramienta nativa de pruebas A/B actualmente en beta. Usando VTEX IO su equipo puede ejecutar múltiples pruebas para mejorar la experiencia al máximo. La nueva prueba A/B utiliza nuestra nueva arquitectura de múltiples workspaces. Con ella, puede tener infinitos ambientes de ensayo que funcionan como imitadores de su propia tienda – así que puedes diseñar y probar nuevas versiones con seguridad y rapidez.

 

progressive-web-application

Experiencias de clientes de última generación


Todo esto es para asegurar lo mismo que hemos logrado con SmartCheckout: la mejor experiencia y tasas de conversión posibles.

A partir de ahora, todas las tiendas que utilicen VTEX IO Store Framework están listas para PWA. Esto significa que las tiendas podrán manejar la navegación y la compra offline, ejecutándose como una aplicación móvil nativa. En otras palabras, su tienda online podrá funcionar como un aplicativo en el teléfono de su cliente.

Para ofrecer la mejor experiencia, hemos abordado todo el proceso de compra en línea. Desde el inicio, hasta la búsqueda y la navegación. Desde el carrito hasta el checkout y la cancelación del pedido. Con este nuevo framework, usted sigue aprovechando nuestro exclusivo sistema de checkout sin contraseña, con patente en trámite, para aumentar las tasas de conversión y, al mismo tiempo, potenciar a sus clientes mediante un área de autoservicio con historial de pedidos, seguimiento de fulfillment, cancelación y más.

Por último, pero no menos importante, uno de nuestros principales enfoques es la velocidad. Para que una tienda moderna funcione, tiene que ser rápida. Para esto, hemos desarrollado una arquitectura SPA para ofrecer una experiencia de navegación fluida. ¿Sabe cuándo está navegando a través de un aplicativo móvil y simplemente el contenido cambia? Esa es la experiencia que buscamos. 

 

 

Qué esperar del open-beta


Después de todo esto, espero que se haya emocionado como nosotros. Por eso, lo invitamos a unirse a nuestro beta público. El producto está listo para salir a la calle y queremos que los nuevos desarrolladores, especialistas en marketing y minoristas lo mejoren con nosotros.

  • Entrenamiento de Desarrollo: Un nuevo curso gratuito y de autoservicio sobre cómo implementar tiendas usando VTEX IO Store Framework.
  • Documentación: Empiece a desarrollar de inmediato con nuestra documentación en línea, tutoriales y especificaciones de componentes.
  • Release Notes: Todas las actualizaciones, nuevos componentes, releases y correcciones de bugs para que pueda estar siempre al día y utilizar al máximo nuestro producto.
  • Acceso a Git Hub: Push requests, open issues y convertirse en un miembro activo de nuestra comunidad GitHub.
  • Office Hours: Tenga acceso a nuestra reunión de office hour y ayúdenos a formar el futuro.


Póngase en contacto con su account manager e inscríbase hoy mismo en lo open beta de VTEX IO Store Framework.

 

 

 

Keep Reading: Related Stories
Producto

Store Framework: cómo VTEX ha optimizado el rendimiento de las tiendas con React

El desafío de mejorar el rendimiento de un comercio electrónico no es algo trivial. Perder ventas por tener…

Rodrigo Affonso
Rodrigo Affonso
Producto

Mercado Libre: Presentamos Buy Box y anuncios Clásico y Premium simultáneos.

Todos los días vemos el potencial de múltiples canales de ventas en las operaciones de nuestros clientes. Cuando…

Cassi Vilvert
Cassi Vilvert
Leer Más