En 2020, más de 450 millones de personas realizaron compras en las tiendas de comercio electrónico de Shopify. La empresa procesó el GMV (Volumen Bruto de Mercancía) de más de $120 mil millones . Muestra claramente que las tiendas de comercio electrónico creadas en Shopify tienen una gran demanda, que se mantendrá durante un período prolongado.
Más de seis meses desde que Shopify anunció muchas características nuevas para hacer que la plataforma sea más personalizable. Hay muchas funciones y temas nuevos que obtendrá con Online Shopify 2.0. Shopify ha dicho que la tienda en línea 2.0 es el fruto de la mayor parte de la reconstrucción del lenguaje que utiliza como plantilla para construir el lenguaje Liquid.
Internet es la ciudad más grande del mundo y Shopify está construyendo su infraestructura comercial. Especialmente durante el año pasado, vimos que los negocios independientes tuvieron éxito al mostrarse de manera creativa y única en esta ciudad. El futuro del comercio en Internet depende de la expresión creativa en cada punto de contacto. Junto con los desarrolladores, estamos construyendo la infraestructura para que esto sea posible.
Tobi Lütke, CEO de Shopify
Para empezar, el nuevo conjunto de funciones facilitará a los desarrolladores agregar funciones personalizadas a la tienda. La primera tienda de comercio electrónico de Netflix: Netflix.shop se creó en Shopify OS 2.0 .
Este artículo ofrece una breve descripción general de lo que Shopify OS 2.0 significa para nosotros.
Tabla de contenido
¿Qué es la tienda en línea Shopify 2.0?
Lo primero que encontrarás es Shopify OS 2.0 es la nueva experiencia de edición. Los comerciantes en línea pueden construir escaparates rápidamente desde cero usando este nuevo editor. Pueden agregar varias extensiones de temas y también administrar aplicaciones dentro de los temas. Actualmente, el nuevo editor ha centralizado todas las características y funcionalidades. En comparación con el antiguo tema predeterminado, Debut , Dawn , el nuevo tema de escaparate es un 35 % más rápido.
Shopify ha registrado sus inversiones en infraestructura y herramientas para desarrolladores. Los propietarios de tiendas en línea de Shopify no tienen que enfrentar el obstáculo de cambiar la plataforma para crear escaparates de comercio sin cabeza o personalizar los escaparates.
Este nuevo Shopify OS revolucionado está muy enfocado en hacer que la plataforma sea más visible para los desarrolladores y los gigantes tecnológicos. Adoptamos Shopify OS 2.0, ya que brinda la libertad de crear, personalizar, escalar y monetizar en Shopify.
Shopify Nuevo tema «Amanecer» Arquitectura
En la versión anterior de Shopify, los comerciantes tenían una disponibilidad limitada de bloques dentro de la tienda. Había diferentes plantillas en la tienda antes. Estas plantillas se asignaron a diferentes productos y las nuevas secciones solo se pueden agregar en la página de inicio. Sin embargo, en el nuevo Shopify OS 2.0, los minoristas de Shopify pueden crear nuevas secciones en cada página y no están limitados a la página de inicio como antes.
Las plantillas se pueden activar para cada página mediante archivos de plantilla JSON que especifican la configuración de la página. Aquí puede enumerar todas las secciones y colecciones de la página, páginas personalizadas, publicaciones de blog y muchas otras cosas. Le permite definir aquellas secciones que se mostrarán utilizando los archivos de la plantilla JSON.
La nueva arquitectura del tema Dawn también funciona más rápido que el antiguo tema Debut. Por lo tanto, si cambia a Shopify OS 2.0, disfrutará de un sitio con un rendimiento más rápido. Sin embargo, el nuevo tema no se limita a mejorar la velocidad del sitio.
Esto es lo que obtendrá o lo que está a punto de usar:
| Rasgo | Temas antiguos | tema del amanecer |
|---|---|---|
| Diseñado para escritorio y móvil | sí | sí |
| Personalizable usando el editor de temas | sí | sí |
| Admite múltiples idiomas y monedas | sí | sí |
| Secciones personalizables | Solo página de inicio | sí |
| Filtrado de páginas de colección | Solo por etiqueta de producto | sí |
| Esquema de color simplificado | sí | |
| Optimizado para la velocidad | sí | |
| Secciones definidas para el contenido de la aplicación | sí | |
| Admite de forma nativa fuentes dinámicas para metacampos | sí |
El nuevo tema le brinda un alto nivel de poder de edición. Puede organizar cada elemento de la tienda de forma jerárquica.No hay necesidad de lidiar con el lenguaje de codificación incomprensible o buscar desarrolladores de Shopify para arreglar elementos en su tienda.
Extensiones de aplicaciones temáticas con bloques de aplicaciones en la tienda en línea Shopify 2.0
Los desarrolladores pueden agregar varias funciones usando las extensiones para el tema. Por lo tanto, la funcionalidad del sitio se puede ampliar con las extensiones de aplicaciones de temas.
Anteriormente, no era posible integrar aplicaciones con temas. Debido a esto, los desarrolladores tienen que codificar la lógica de integración para los temas existentes. Por lo tanto, fue difícil desarrollar funciones que pudieran funcionar sin problemas en diferentes temas. Ahora ya no es el caso.
Modularidad de la aplicación en la tienda en línea Shopify 2.0
La modularidad de la aplicación es otro gran punto a destacar. Los desarrolladores agregarán o eliminarán cualquier componente de la interfaz de usuario mediante el editor de temas. No necesitan acceder al código del tema.
Se vuelve más simple administrar los activos de soporte de una aplicación. Puede administrar fácilmente las aplicaciones que admiten compras con Shopify 2.0 y alojarlas fácilmente en la plataforma.
Cambios en metacampos en la tienda en línea Shopify 2.0
En el editor de temas más reciente, los comerciantes pueden agregar metacampos y propiedades sin usar ninguna API ni ninguna forma de codificación.
Como propietario de una tienda Shopify, puede agregar fácilmente contenido a la página del producto, introducir espacios para agregar más información para atraer compradores, como cualquier tabla de tallas, lista de ingredientes, etc. Todo lo que aparentemente no aparece en el editor de la tienda se puede actualizar a través de la campo meta. Estas son las diferentes formas de modificar el campo meta:
Algunas de las mejores formas de realizar cambios en los metacampos son:
- Flexibilidad: Existe una gran flexibilidad en los Metacampos para importar de forma segura los datos de comercio.
- Metacampos estándar: para que sea más sencillo que los temas personalizados comiencen a funcionar, los metacampos estándar se utilizan en todas las verticales del mercado.
- Sugerencias de presentación: las sugerencias de presentación se agregan a los metacampos para representar los datos de la tienda.
Selector de archivos en la tienda en línea Shopify 2.0
Hay muchos tipos diferentes de archivos multimedia que ahora son compatibles con Metafields, como imágenes, archivos PDF, etc. No necesita codificar ningún archivo en un tema. Puede cargar el archivo multimedia seleccionado en las páginas del producto utilizando el selector de archivos de metacampo. Se puede acceder a las imágenes a través de la ruta de configuración/archivos.
Si desea mostrar una garantía o una tabla de tallas en la página de descripción del producto, el selector de archivos le permite elegir ese archivo con una experiencia de usuario simple. Esa es la razón por la que el campo meta se coloca dentro del tema en sí.
API de archivos en la tienda en línea Shopify 2.0
La versión de API 2021-07 le permite usar File API para crear, actualizar y eliminar archivos genéricos. Por lo tanto, los comerciantes de Shopify pueden reutilizar diferentes archivos para otras aplicaciones. Estos se agregarán a la página de archivos dentro del panel de control de Shopify.
Los desarrolladores de Shopify accederán a la configuración/archivos a través de la nueva API de archivos. En esta versión, también encontrará la API de GraphQL para cargar fácilmente archivos multimedia a través de configuraciones/archivos. Las aplicaciones pueden acceder a esta área en particular en el backend mientras completan los metacampos a través del contenido.
Esto brinda múltiples oportunidades para que las aplicaciones utilicen el espacio para archivos e imágenes que no están vinculados con el producto, incluidas las imágenes utilizadas en los temas.
Configuración de entrada líquida en la tienda en línea Shopify 2.0
La configuración de entrada líquida es otra actualización en Shopify OS 2.0, que permite agregar código Liquid personalizado a las páginas desde el editor. Es como la configuración de HTML, pero la diferencia es que obtienes acceso a las variables de Liquid. Los comerciantes pueden acceder tanto a los objetos Liquid globales como a los específicos de la plantilla.
La configuración de entrada de Liquid exonera a los comerciantes de cambiar el código del tema para agregar código para aplicaciones que usan Liquid. Pueden usar la documentación del desarrollador o ver el nuevo tema desde la sección de líquido personalizado de Dawn.
Puede tomar decisiones independientes sobre la tienda como desarrollador, lo que le permite concentrarse en las decisiones comerciales y creativas.
Integración de Shopify con GitHub
La integración con GitHub facilita la integración y el desarrollo del tema para que pueda realizar un seguimiento de los cambios y administrarlos. En primer lugar, la tienda en línea se conectará a la cuenta de GitHub. Cuando el desarrollador realiza un cambio, primero se enviará a GitHub y, luego, se transferirá a un repositorio que estará sincronizado con el estado actual del tema seleccionado.
Esta integración con GitHub garantiza la conexión del administrador de Shopify con la cuenta de usuario y conecta las sucursales de GIT con los temas de la tienda. La función de control de versiones del soporte de GitHub permite realizar, rastrear y administrar cambios en el código del tema.
El equipo de desarrollo puede colaborar fácilmente y de forma segura editando temas mediante el control de versiones. Pueden implementar flujos de trabajo mientras trabajan en la tienda comercial. Los cambios primero se ven y se fusionan en GitHub en el control de versiones y luego se envían al tema en vivo.
CLI de Shopify
La herramienta Shopify CLI también se actualizó en Shopify OS 2.0. Anteriormente, los desarrolladores utilizaron la herramienta CLI para generar aplicaciones Node.js y Ruby on Rails. Sin embargo, ahora es posible con CLI desarrollar temas personalizados.
Aquí hay algunas características que los desarrolladores de aplicaciones obtendrán con la nueva CLI de Shopify:
- Cree, obtenga una vista previa y pruebe los cambios en los temas
- El servidor de desarrollo le permite recargar los cambios de sección de CSS y Liquid
- Desarrollar un nuevo proyecto de tema usando el tema de Dawn
- Use la línea de comando para publicar y enviar temas
En el área de administración de Shopify OS 2.0, los temas de desarrollo están ocultos, por lo que no debe preocuparse de que cualquier visitante del sitio de la tienda vea su sitio en el tema oculto. Es posible ver los cambios en el tema por los temas de desarrollo desarrollados localmente en tiempo real, interactuar con el tema y personalizar el tema con el editor de temas. Con la nueva herramienta CLI, obtiene un gran control de cómo se mostrará el tema final.
Tema Check In Shopify Tienda en línea 2.0
La comprobación de temas analiza el tema desarrollado en busca de errores. Es un componente muy importante para Liquid y JSON. Después de completar el escaneo, la herramienta le mostrará las mejores prácticas para la plataforma Shopify y el lenguaje Liquid. Identifica los problemas en el código. Para comprender fácilmente los problemas que persisten, aparecen mensajes de error con un enlace a una verificación fallida.
Terminando
En este artículo, hemos repasado todas las diferentes funciones de Shopify OS 2.0. Este nuevo sistema operativo no solo mejorará el rendimiento de tu tienda Shopify, sino que también te permitirá personalizar el tema y agregar nuevas funciones. Contrate a la mejor empresa de desarrollo de Shopify , que tenga experiencia en el desarrollo de tiendas Shopify desde cero utilizando el último sistema operativo de Shopify.