Shopify Tienda online 2.0: todo lo que necesita saber

En 2020, más de 450 millones de personas consultaron Shopify. La compañía procesó más de $ 120 mil millones en Volumen Bruto de Mercancía. Es un hecho obvio que Shopify es enorme y cada vez más grande.

Shopify el martes (29 de junio de 2021) anunció una serie de nuevas funciones, con el objetivo de hacer que la plataforma sea más personalizable para cualquiera que tenga una tienda en Shopify. En línea Shopify 2.0 ofrece una lista masiva de nuevas funciones y temas para Shopify comerciantes

La palabra de Shopify es que la tienda online 2.0 es el fruto de la reconstrucción más importante del lenguaje que utiliza para la construcción de plantillas: el lenguaje Liquid.

Para empezar, la tienda en línea renovada facilitará a los desarrolladores agregar funciones personalizadas a sus escaparates. Netflix recibió acceso a esta plataforma desde el principio y utilizaron el acceso para crear Netflix.shop, la primera tienda de comercio electrónico para Netflix.

A continuación, presentamos una breve descripción general de lo que significa la Tienda en línea 2.0 para usted.

Visión general

Las nuevas funciones de la Tienda en línea 2.0 comienzan con una nueva experiencia de edición. El nuevo editor hace que sea realmente sencillo para los comerciantes construir escaparates desde cero, agregar varias extensiones de temas y administrar aplicaciones dentro de los temas. La idea con el nuevo editor era centralizar todas las características y funcionalidades disponibles.

El tema de referencia Dawn, el nuevo tema estándar de escaparate en desarrollo, será un 35% más rápido que el tema predeterminado actual (según estimaciones internas). Shopify También mencionó que el nuevo tema estará abierto para presentaciones de desarrolladores a partir del 15 de julio de 2021.

Además, Shopify también reveló que la compañía aumentará significativamente sus inversiones en infraestructura y herramientas para desarrolladores. Como resultado, usted, como comerciante, no necesita pasar por el dolor de cabeza de cambiar de plataforma para construir escaparates comerciales sin cabeza o personalizar sus escaparates.

Con la nueva tienda online 2.0 renovada, Shopify está tratando de hacer que la plataforma sea más visible para los desarrolladores y los gigantes tecnológicos. Un movimiento que indicaba esto fue ofrecer acceso temprano a Store 2.0 a Netflix (mencionado anteriormente).

Online Store 2.0 lo abarca todo. Con la nueva tienda, todos tienen la opción de crear, personalizar, escalar y monetizar en Shopify.

La nueva arquitectura temática

Con la versión anterior de la tienda en línea, los comerciantes estaban limitados en la cantidad de bloques disponibles dentro de la tienda. Anteriormente, las tiendas solían tener diferentes plantillas que se asignaban a diferentes productos. Con la versión 2.0, como comerciante, ahora tiene la opción de agregar secciones a cada nueva página. Anteriormente, solo podía agregar secciones a la página de inicio.

Es posible que active las plantillas para cada página con un archivo de plantilla JSON que especifica la configuración de la página. Con esto, puede enumerar todas las secciones de una página, páginas de colección, páginas personalizadas, publicaciones de blog y más cosas similares.

Dentro de los archivos de plantilla JSON, puede definir las secciones que van a aparecer.

Los archivos de plantilla dictan qué secciones aparecen de forma predeterminada y el orden en que aparecen en un tema que instale. Una vez que se agrega la plantilla, puede agregar secciones dinámicas como ajustes preestablecidos de tema yendo al editor de temas.

Extensiones de aplicaciones temáticas con bloques de aplicaciones

Las extensiones de aplicaciones temáticas para desarrolladores pueden ayudarlo a agregar una serie de funciones y extensiones. Puede ampliar la funcionalidad del sitio del comerciante con la ayuda de este

Antes, no había forma de que las aplicaciones se integraran con los temas. Como resultado, los desarrolladores tuvieron que codificar una lógica de integración para temas existentes. Esto hizo que fuera realmente difícil crear características que funcionaran de manera consistente en múltiples temas. Ese ya no es el caso.

Modularidad de la aplicación

Otro punto a destacar es la modularidad de la aplicación. Esto simplemente significa que, como desarrollador, ahora es posible agregar y eliminar componentes de la interfaz de usuario a través del editor de temas. No es necesario que acceda al código del tema.

Esto le brinda una forma sencilla de administrar los activos de soporte de una aplicación. Con Shopify 2.0 puede administrar los activos de soporte de su aplicación y alojarlos en la plataforma con bastante facilidad.

Cambios en los metacampos

El editor de temas actualizado permite a los comerciantes agregar metacampos y propiedades. La buena noticia es que no necesita API ni ningún tipo de codificación para hacerlo posible.

Como comerciante, puede agregar el contenido que le gusta a la página del producto, introduciendo un espacio para agregar información adicional que pueda ayudar a los compradores potenciales, por ejemplo, una tabla de tallas o una lista de ingredientes. Todo lo que no sea probable que aparezca en el editor de la tienda se puede actualizar a través de los metacampos.

Estas son las diferentes formas en que modificaron los metacampos.

  • Flexibilidad: Los metacampos son más flexibles. Esto le ayuda a importar datos comerciales de forma segura.
  • Campos meta estándar: Los metacampos estándar facilitan que los temas personalizados comiencen a funcionar desde el primer momento en las tiendas de los mercados verticales.
  • Sugerencias de presentación: Puede agregar sugerencias de presentación a los metacampos para representar los datos de la tienda

Selector de archivos

Metafields ahora admite una gran cantidad de medios como imágenes o archivos PDF. En lugar de codificar un tipo de archivo en particular para un tema, lo que hace un selector de archivos de metacampo es permitirle cargar los medios seleccionados a las páginas del producto.

Se puede acceder a las imágenes a través de la sección de configuración / archivos y son para uso inmediato.

Si le gusta la garantía del producto o la tabla de tamaños, el selector de archivos le facilita la elección de ese archivo en particular con una experiencia de usuario simple. Con esto, el metacampo se coloca dentro del propio tema.

API de archivos

Con la versión de API 2021-07, puede utilizar File API para crear, actualizar y eliminar archivos genéricos. Esto permite a los comerciantes reutilizar diferentes archivos para diferentes aplicaciones. Estos se agregan a la página de archivos dentro Shopify administración.

Los desarrolladores podrán acceder a la configuración / archivos a través de la nueva API de archivos. La API GraphQL introducida con esta versión le facilita la carga o la elección de archivos multimedia existentes a través de configuraciones / archivos. Las aplicaciones pueden beneficiarse del acceso a esta área en particular en el administrador mientras completan metacampos a través del contenido.

Esto abre oportunidades para que las aplicaciones utilicen este espacio para archivos e imágenes que no están directamente asociados con un producto, incluidas las imágenes utilizadas en temas.

Ajuste de entrada de líquido

Otra actualización del editor de temas es la configuración de entrada Liquid desde la que puede agregar código Liquid personalizado a las páginas desde el propio editor.

La configuración de Liquid es similar a la configuración de HTML. La única diferencia es que obtienes acceso a las variables Liquid. Los comerciantes pueden acceder a los objetos Liquid globales y específicos de la plantilla.

La configuración reduce la necesidad de que los comerciantes cambien manualmente el código de cualquier tema al agregar código para aplicaciones que usan Liquid.

Utilice la documentación del desarrollador o vea el nuevo tema de la sección de líquido personalizado de Dawn.

Con esto, es fácil para usted tomar decisiones independientes sobre la tienda como desarrollador, liberando su tiempo para concentrarse en integraciones y soluciones creativas.

Nuevas herramientas para desarrolladores

La tienda en línea 2.0 abre una amplia gama de oportunidades para que los desarrolladores creen nuevas aplicaciones y temas para usted. Las nuevas herramientas para desarrolladores se integran y ayudan con las pruebas, el desarrollo y la implementación de nuevos temas.

El Shopify La integración de GitHub le facilita el uso de Shopify Herramienta CLI junto con verificación de tema. Ambas herramientas le permiten probar temas en sandbox y, como resultado, agiliza el desarrollo.

Shopify Integración Github

La nueva integración con GitHub hace que el desarrollo y el mantenimiento de nuevos temas sean mucho más fáciles de rastrear y administrar. Conecte la cuenta de usuario de GitHub a la tienda en línea. Los cambios se envían a GitHub y se transfieren a un repositorio que está sincronizado con el estado actual de los temas seleccionados.

El Shopify La integración de GitHub garantiza que pueda conectar su cuenta de usuario con el Shopify admin y conecte las ramas de Git a los temas de la tienda. El soporte nativo para el control de versiones también le permite realizar, rastrear y administrar cambios en el código del tema:

La integración de GitHub con temas permite a los desarrolladores colaborar de forma segura editando temas con la introducción de soporte nativo para el control de versiones. La integración permite a los desarrolladores colaborar de forma segura al editar temas con soporte para control de versiones. Cuando se trabaja en una tienda comercial, los desarrolladores pueden implementar flujos de trabajo en los que los cambios en los temas se revisan y combinan en GitHub antes de completarlos en un tema en vivo.

Shopify CLI

Hay nuevos cambios en el Shopify Herramienta CLI también. Los desarrolladores de aplicaciones utilizaban hasta ahora la herramienta CLI para generar aplicaciones Node.js y Ruby on Rails, pero con los cambios actuales, los desarrolladores pueden crear temas personalizados con CLI.

Aquí está la gama completa de funciones que obtiene:

  • Puede desarrollar, obtener una vista previa y probar cambios en temas dentro de temas de desarrollo.
  • Puede recargar en caliente los cambios de sección de CSS y Liquid que desarrolle gracias al servidor de desarrollo.
  • Inicialice un nuevo proyecto temático utilizando el nuevo tema Dawn.
  • Empuje y publique temas desde la línea de comando
  • Ejecute la verificación del tema en el tema.
  • Complete los datos de prueba para el tema para los clientes de productos y los pedidos preliminares.

Los temas de desarrollo son temas ocultos temporalmente conectados a la Shopify Almacenar para el desarrollo. Los temas de desarrollo no están visibles en el área de administración, por lo que no debe preocuparse de que los visitantes de la tienda vean su sitio en ella.

Los temas de desarrollo no se suman al límite del tema. Por ese motivo, estos se eliminan por sí solos después de siete días de inactividad. También se eliminan cuando ejecuta el Shopify-secuencia de cierre de sesión. Si necesita un enlace de vista previa que no se destruya cuando cierre la sesión, lo que puede hacer es enviar el tema a la tienda.

Los temas de desarrollo se pueden usar para ver los cambios en un tema que se está desarrollando localmente en tiempo real, interactuar con el tema y personalizar el tema con el editor de temas. Por lo tanto, la nueva herramienta CLI le brinda un gran control sobre cómo aparece el tema final.

Las herramientas pueden facilitar el proceso de desarrollo y ayudarlo a comenzar con la Tienda en línea 2.0 rápidamente

Comprobación de tema

Theme Check es otro componente integral para Liquid y JSON que escanea los temas en busca de errores. Una vez que se completa el escaneo, la herramienta destaca las mejores prácticas tanto para Shopify plataforma y el lenguaje Liquid.

Esto se integra con editores como Visual Studio e identifica problemas con el código.

Para que pueda comprender los problemas que persisten, aparecen mensajes de error con un enlace a la verificación fallida. Theme Check se incluye junto con el Shopify Herramienta CLI para que no necesite instalar la misma por separado.

Otras características dignas de mención

API de mutación masiva

El punto final Bulk OperationRunMutation es una solución en Shopify para exportar datos a granel a una tienda.

En lugar de la simulación GraphML, puede ejecutar una operación de mutación masiva. Esta es una forma sencilla de importar todos los datos, sin enfrentarse a cuellos de botella debido a una gran cantidad de archivos.

Estas son las opciones disponibles:

  • productCreate
  • collectionCreate
  • Actualización del producto
  • productUpdateMedia
  • productPageUpdate
  • productVariantUpdate
  • metafieldUpsert
  • priceListFixedPricesAdd
  • priceListFixedPricesDelete

API de recursos de pago para descuentos

El recurso de pago devuelve la propiedad application_type para los descuentos agregados al pago. El campo muestra cómo se aplicó el descuento.

Los valores válidos incluyen automático, discount_code, manual y script.

Temas de configuración de entrada de líquido

La nueva configuración de entrada de Liquid es para que los comerciantes agreguen código Liquid personalizado directamente desde el propio editor. Es bastante similar a la configuración de HTML.

Los comerciantes pueden acceder a los objetos Liquid globales y específicos de la plantilla con cero ediciones en el código del tema. El nuevo tema de referencia se llama Dawn. Es un tema de referencia de código abierto elaborado con opciones de flexibilidad y facilidad de uso. Utiliza varias funciones de la Tienda Online 2.0 como plantillas JSON y bloques de aplicaciones.

Para resumir:

Shopify tiene tres partes para la tienda:

  • Los temas y el editor en línea
  • Guardar contenido
  • Herramientas de desarrollo

Si no es un desarrollador y simplemente el propietario de una tienda, es probable que el nuevo editor en línea y el sistema de administración de contenido tengan el mayor impacto en usted como propietario de la tienda.

ShopifyEl lenguaje de plantilla actualizado ahora tiene un editor interno similar como Gutenberg de WordPress que se lanzó en 2018. Eso lo acerca a los editores de página en plataformas como Squarespace y Wix.

El editor puede reemplazar fácilmente varios Shopify aplicaciones, incluido el popular creador de páginas Shogun.

El nuevo editor permitirá a las pequeñas y medianas empresas crear nuevas plantillas de página y completar los datos dentro de ellas sin escribir una sola línea de código usando el Shopify secciones de página y bloques.

Finalmente, el sistema de administración de contenido es otra área súper importante que tiene un lavado de cara y características adicionales. Con la nueva actualización, obtendrá la escritura de contenido personalizado completamente nuevo. Crea contenido una vez y publícalo en todos tus canales, incluida la tienda online.

¿Qué piensas de la Shopify Tienda online 2.0? Háganos saber en los comentarios a continuación.

Bogdan Rancea

Bogdan es miembro fundador de Inspired Mag, habiendo acumulado casi 6 años de experiencia durante este período. En su tiempo libre le gusta estudiar música clásica y explorar artes visuales. También está bastante obsesionado con los fixies. Ya es dueño de 5.