El diseño de tu tienda es importante no solo porque afecta tu experiencia comercial con tu marca, sino también porque influye en tu capacidad para convertir visitantes en clientes.

Aprender a personalizar tu tienda es una habilidad esencial para cualquier propietario de tienda de comercio electrónico; es imperativo aprender a ajustar tu tienda para abordar las preguntas de cada cliente mientras ofreces una experiencia estéticamente agradable.

Apoyando el éxito de tu comercio electrónico - Las nuevas funciones y herramientas de Shopify Online Store 2.0 facilitan el control estético de tu tienda. Al darte acceso a más datos con metafields renovados y proporcionando a tu equipo de desarrollo un conjunto optimizado de herramientas de desarrollador, disfrutas de mayores niveles de flexibilidad y personalización. Obtén más información sobre los temas de Shopify 2.0 y la arquitectura del tema Online Store 2.0 aquí.

Los aspectos más destacados de Online Store 2.0 Shopify:

  • Secciones en todas partes: Las secciones ahora están disponibles no solo en la página de inicio, sino para cada página al migrar a Online Store 2.0 Shopify.
  • Extensiones de aplicaciones de tema: Integra cualquier aplicación de Shopify en tu tienda sin tocar el código del tema mediante bloques de aplicaciones dentro del Editor de temas.
  • Mejora de metafields: Puedes reinventar rápidamente la infraestructura de tu tienda con metafields mejorados para crear, personalizar, escalar y monetizar en Shopify.
  • Herramientas de desarrollo: Dado que el futuro del comercio se basa en la expresión creativa en cada punto de contacto, la introducción de nuevas herramientas de desarrollo como la integración de Shopify Github, Theme Check y una nueva herramienta de línea de comandos de Shopify te ayudará a construir un mejor comercio.
  • Tema Dawn: Es el primer tema de referencia para Online Store 2.0 y es 35 veces más rápido que el tema Debut de Shopify. Puedes obtener más información sobre el tema en nuestra entrada del blog de reseña del tema Dawn de Shopify.

Puedes obtener más información sobre lo que hace especial a Shopify Online Store 2.0 y la diferencia entre Shopify 1.0 y Shopify 2.0 en esta introducción a Shopify Online Store 2.0.

Desbloquea la creatividad con los metafields mejorados de Shopify Online Store 2.0:

Mientras que la plantilla de producto de Shopify te limita a guardar información adicional sobre el producto, los Metafields mejorados de Shopify en Shopify Online Store 2.0 te permiten agregar fácilmente campos personalizados a la página del producto requerida o las variantes correspondientes.

Entonces, para los comerciantes que sortearon las limitaciones de Shopify 1.0 con aplicaciones de metafields que les dieron la capacidad de almacenar campos personalizados, los metafields mejorados te permitirán crear experiencias únicas que darán vida a tu tienda. Es decir, una vez configurado por los desarrolladores de Shopify, ahora podrás definir y editar el contenido del producto en unos pocos clics. Lee más sobre los beneficios de Shopify Online Store 2.0 para comerciantes y desarrolladores.

Eso significa que puedes utilizar metafields para almacenar información adicional sobre un producto. La versión mejorada de Online Store 2.0 Metafields de Shopify aumentará significativamente la flexibilidad para capturar y representar datos específicos de tu marca. Ahora puedes conectar metafields a aplicaciones o tu tema a los que cualquier miembro de tu equipo puede acceder.

Por ejemplo, 

Si deseas mostrar la tabla de tallas para tus productos, puedes crear metafields y generar su valor dinámicamente. A continuación, te mostramos cómo crear metafields y obtener el valor dinámicamente.

Creación de metafields de Shopify Online Store 2.0 desde el Personalizador 

Metafields de Shopify Online Store 2.0

Paso 1: Inicia sesión en la parte trasera de tu tienda utilizando el siguiente enlace.

Paso 2: Selecciona la opción 'Personalizar' junto a la opción de tu tema actual en la Tienda Online.

Metafields de Shopify Online Store 2.0

Paso 3: Selecciona el producto por defecto en el desplegable y haz clic en la opción 'Agregar bloque' en la barra lateral.

Metafields de Shopify Online Store 2.0

Paso 4: Selecciona el estilo de bloque del tema que deseas para mostrar la información. En nuestro caso, seleccionemos la opción 'Pestaña plegable'.

Metafields de Shopify Online Store 2.0

Paso 5: Haz clic en la opción 'Pestaña plegable' para cambiar el encabezado y agregar la información.

Metafields de Shopify Online Store 2.0

Paso 5.1:  En la opción Contenido de la pestaña, introduce la información que deseas mostrar. Ten en cuenta que los valores que ingreses aquí (30 pulgadas) serán los mismos en todas las otras páginas hasta que los obtengas dinámicamente mediante la creación de metafields.

Metafields de Shopify Online Store 2.0

Paso 6: Para obtenerlo dinámicamente, lo que significa diferentes valores para cada producto pero los mismos campos, debes seleccionar el icono 'Fuente dinámica' en la parte superior derecha de la opción 'Contenido de la pestaña'.

Metafields de Shopify Online Store 2.0

Paso 7: Selecciona los metafields y haz clic en la opción 'Insertar''. Luego, haz clic en la opción 'Guardar' para guardar los cambios.

Metafields de Shopify Online Store 2.0

(1) 

Metafields de Shopify Online Store 2.0

(2)

Si no tienes los metafields creados: 

Acción 1: Selecciona la opción 'Agregar metafield' del Paso 6 

Metafields de Shopify Online Store 2.0

Acción 2: Sigue la pantalla y haz clic en la opción 'Productos' para agregar la definición del metafield del producto según sea requerido para tu tienda. Luego, haz clic en la opción 'Guardar'.

Metafields de Shopify Online Store 2.0

(1)

Metafields de Shopify Online Store 2.0

(2)

Si necesitas ayuda para configurar los metafields, también puedes conectarte con los expertos de Shopify Online Store 2.0 de HulkApps aquí.

Acción 3: Dirígete a tu página de producto y encontrarás los metafields definidos en el 'Metafield de producto.' Puedes ingresar los valores que necesites.

Metafields de Shopify Online Store 2.0

Acción 4: Repite la Acción 3 para todas las páginas de productos donde desees mostrar la información especial.

Acción 5: Vuelve al Paso 6 y completa los pasos.

Metafields de Shopify Online Store 2.0

Si deseas hacer compatible tu tema con Shopify Online Store 2.0, lee nuestra guía de migración a Shopify Online Store 2.0

Personaliza tu tienda con los metafields mejorados de Shopify Online Store 2.0: recursos dinámicos.

 

Acelera el desarrollo de temas de Shopify con herramientas de desarrollador intuitivas

Shopify Online Store 2.0 presenta una nueva forma para que los desarrolladores y comerciantes realicen personalizaciones avanzadas de manera más eficiente que nunca, introduciendo la integración de Shopify GitHub, una herramienta CLI de Shopify actualizada y Theme Check.

Integración de Shopify GitHub

Integración de Shopify GitHub

Dile adiós a la duplicación de tema o a la forma compleja de implementar los cambios, ya que Shopify integra GitHub. La integración te permite a ti y a tu equipo colaborar, implementar y fusionar los cambios de manera segura antes de aplicarlos, además tienes control de versiones. La Integración Shopify GitHub ahorrará tiempo y mejorará la eficiencia de tu proceso de desarrollo.

Shopify CLI

Editor CLI de Shopify

Alternativa al Shopify Theme Kit, el Shopify CLI se ha mejorado para admitir la flexibilidad de Shopify Online store 2.0 para comenzar. Anteriormente, es posible que tus desarrolladores hayan trabajado en Shopify CLI para generar rápidamente aplicaciones Node.js y Ruby on Rails y extensiones de aplicaciones, pero ahora puedes ampliarlo para agregar nuevas funciones para tu tienda.

Dado que Shopify CLI te permite inicializar un nuevo proyecto de tema utilizando el nuevo tema de Shopify, Dawn, como punto de partida, publicar temas desde la línea de comandos y ejecutar Theme Check, Shopify CLI acelera el desarrollo de tu tema. 

La herramienta CLI de la aplicación Shopify puede acelerar tu próximo proyecto al automatizar muchos de los pasos que anteriormente realizabas manualmente. Crear una aplicación privada o personalizada utilizando la herramienta CLI permite generar rápidamente un proyecto al automatizar muchas tareas comunes de desarrollo, como crear el proyecto, copiar las credenciales y configurar un túnel HTTP para conectarte a tu aplicación durante el desarrollo.

La herramienta de CLI de la aplicación Shopify está diseñada para ayudar a los desarrolladores a construir aplicaciones para todas las necesidades de los comerciantes de Shopify. Ya sea que quieras una aplicación privada o personalizada de Shopify para tu tienda o realizar algunos cambios de desarrollo, puedes echar un vistazo al Paquete de servicios de Desarrollo Premium de Shopify.

Conclusión:

Crear una tienda con las funciones de Online Store 2.0 te brinda más flexibilidad creativa en el diseño de tu tienda en línea incluso sin conocimientos de codificación y la ayuda de los desarrolladores. ¿No es genial?

Si estás interesado en explorar Shopify Online Store 2.0 y cómo podría ayudar a tu tienda de Shopify, nuestro equipo estará encantado de implementar o migrar tu tienda a la nueva Shopify Online Store 2.0.