Configuración de tiendas en Shopify: cómo funciona la plataforma de comercio electrónico

1. Introducción: Hola y bienvenidos al aula. Soy Christopher Dodd Soy una de las mejores maestras aquí en SkillShare.com y Shopify Expert, trabajando con la plataforma Lo que estás a punto de ver es un curso rápido sobre Shopify. Estamos juntos, repasaremos las distintas partes de una tienda Shopify y aprenderemos cómo cada parte trabaja en conjunto para ofrecer un sitio web de comercio electrónico hermoso y robusto Si bien la plataforma Shopify ha sufrido muchas mejoras desde 2019 y continúa haciéndolo, la estructura central de la plataforma Shopify sigue siendo un sistema robusto que equilibra elegantemente la flexibilidad y la facilidad Una plataforma que permite a los comerciantes comenzar a vender instantáneamente con un pago simple pero potente para aceptar pagos por cualquier producto que se te ocurra. Con Shoaf, puedes crear una página de producto y comenzar a vender en menos de una hora En la clase, repasaremos los elementos esenciales básicos que necesita para comprender sobre la plataforma Sho Fi Comenzaremos con una visión general de la estructura de comercio de empujones y luego echaremos un vistazo a las diversas piezas que componen una tienda de empujones como productos y variantes, páginas personalizadas y temas de navegación y Además de crear tus propios datos para que puedas extender fácilmente la plataforma según tus necesidades. Un desarrollador que trabaja en la plataforma, desde 2019, he visto decenas de tiendas usando Shopify para impulsar una simple tienda en línea Todo el camino hasta negocios de comercio electrónico multimillonarios negocios de comercio electrónico multimillonarios utilizando diversas opciones de personalización. Mientras que Shopify hace que el comercio electrónico sea lo más simple posible. Hay algunas cosas que debes saber sobre la plataforma. Si estás interesado en vender productos, un chobe fi o como yo, ayudando a las empresas que usan Shopify con los requisitos de su sitio web Entonces, si te interesa conocer cómo funciona la plataforma Shopify, sigue viendo y te veré por dentro 2. Proyecto de clase: Para tu proyecto de clase, quiero que idees un plan para una tienda Shopify Te recomiendo abrir un documento ahora. Y mientras pasas por cada lección, crea tu propio ejemplo de cómo encajarías un aspecto de tu tienda en cada categoría. Si estás en el proceso de crear una tienda real, entonces aún mejor, puedes aplicar lo que has aprendido en las siguientes lecciones a las necesidades reales de tu tienda. Pero si no, podrías mirar otras tiendas en la web, ya sea que estén en archivo shopper o no. Y averigua, por ejemplo, qué productos agregarás a tu tienda, qué combinación de esos productos formará parte de una colección y qué campos adicionales podrías necesitar exhibir. Imágenes, por ejemplo, debajo del pliegue. O para exhibir algo como especificaciones o lista de ingredientes que podemos usar datos personalizados, IE. Metafieldsp. Si prefieres hacer esto al final de la clase, depende de ti. Pero tal vez necesites regresar y revisar algunas de las lecciones para confirmar tu comprensión. Una vez que hayas terminado con tu plan, asegúrate de compartirlo con el resto de la clase publicándolo en la sección de proyectos de clase de esta clase de skillshare Puedes hacer esto en cualquier formato que quieras e incluso de forma anónima si es necesario Es solo una buena idea tener algunos deberes para solidificar los conocimientos que obtendrás a lo largo de esta Por supuesto, si tienes alguna duda, no dudes en comentar alguna de las lecciones o dentro de tu proyecto de clase. De lo contrario, comencemos. 3. Crea una tienda de desarrollo gratuita: Bien, así que para seguir en esta clase, vas a necesitar una tienda Shopify Y como hablo en mis otros videos, la forma más fácil de comenzar con Shopify si aún no tienes una tienda Shopify, es crear una tienda de desarrollo gratuita a través de tu cuenta de Shop Fi Partners Y si no tienes una cuenta de Shop Fi Partners, puedes unirte fácilmente de forma gratuita. No hay proceso de solicitud. No es necesario tener ninguna credencial para tener una cuenta de socios de Shop Fi. Todo es gratis para gente como nosotros tratando de aprender la plataforma, ¿verdad? Entonces ya he hablado de esto en numerosos videos antes y he creado tiendas de desarrollo en el pasado, pero voy a crear una nueva en este video. Si ya tienes una tienda de desarrollo o tienes algún tipo de tienda para seguir, entonces puedes sentirte libre de saltarte este video. Pero si necesitas crear una tienda una tienda fi store, no tienes ya una, definitivamente sigue este video. Ahora lo primero que vas a necesitar hacer es registrarte para obtener la cuenta de un socio. Si no lo haces ya, no voy a pasar por ese proceso. Debería ser bastante simple. Bastante sencillo. Lo hice hace años y no recuerdo que fuera un problema. Ya tengo una cuenta. Entonces lo que voy a hacer es simplemente presionar iniciar sesión y me va a llevar a la cuenta de mi socio. Entonces voy a ir a tiendas. Solo tengan en cuenta, chicos, que la interfaz de usuario podría cambiar en cualquier momento. Así que solo busca el elemento del menú llamado tiendas. Aunque podría no estar en esta posición exacta esta posición exacta para cuando estés viendo esto. Bien, así que todo lo que tenemos que hacer es pasar a este botón de aquí mismo para agregar tienda. Y puedes solicitar acceso a la tienda de un cliente si estás trabajando en la tienda de otra persona. Pero para nuestros propósitos, solo vamos a hacer clic aquí para crear una tienda de desarrollo. Y va a preguntarse si esto es algo que vamos a transferir la propiedad a un cliente más adelante. O estamos creando una tienda para probar y construir, o en este caso, aprender. Entonces vamos a hacer clic en la segunda opción, y voy a llamar a esta clase de Shopify Store No, eso no está disponible. Le voy a dar algo un poco más único. instaló la tienda Chris Development. Bien, genial. Ese es un nombre un poco *****, pero al final lo consiguió porque obviamente tiene que ser un nombre único Para pasar por aquí, podemos usar la última compilación o una vista previa para desarrolladores. Esto aquí mismo nos permite previsualizar las características que están saliendo. Así que podemos hacer clic aquí y ver las características que pronto saldrán en Subi, para que podamos probarlas. Voy a ir con la última compilación por ahora. Y luego este, que no estaba por ahí cuando empecé a crear tiendas de desarrollo, lo cual es súper útil para comenzar con datos de prueba. Si empezamos con una tienda vacía, vamos a tener que crear todos estos diferentes recursos, lo cual es algo molesto. Todavía tendremos que crear probablemente algunos datos ficticio en nuestra tienda de desarrollo a lo largo de esta clase Pero definitivamente comencemos con algunos datos de prueba. Haré clic aquí para crear la tienda de desarrollo. Era inesperada creando tienda. Bien, déjame intentarlo de nuevo. El nombre de la tienda no puede contener Schober Fire. A lo mejor es ese el problema. Yo solo lo llamaré Chris Development Store, por supuesto. Todo bien. Entonces sí, voy a mantener esas otras opciones iguales y ojalá funcione ahora. Bien, entonces ahí vamos. Tenemos nuestra tienda de desarrollo, y ahora podemos continuar con el resto de la clase. 4. Arquitectura de tiendas de Shopify: Antes de sumergirnos en cada pieza importante de la plataforma Shop Fi, necesitamos analizar de alto nivel dónde encaja cada parte en la arquitectura general de la plataforma. Shop Fi es una plataforma de comercio electrónico con todas las funciones. Podrías pensarlo como solo un lugar para construir una tienda en línea, pero en realidad, Shop Fi te permite vender en muchos canales de venta diferentes. Ya sea a través del punto de venta, a través de plataformas en línea existentes o a través de su propia tienda Usando el ABI de escaparate, por supuesto, mayoría de los usuarios operarán principalmente a través del canal de ventas de tiendas en línea Si inicias sesión en tu cuenta de Shopify y miras la navegación de la izquierda, es probable que encuentres un enlace a Tienda en línea debajo del encabezado Canales de venta Da click en ese enlace y el menú se expandirá para mostrarte las distintas partes de tu tienda que ofrece Shoppe Fi Observe que el primer enlace dice Temas. Un Tema te permite controlar el aspecto y hasta cierto punto, la funcionalidad de tu tienda en línea frente. La mejor manera de demostrar lo que un tema hace y no hace es cambiar entre los diferentes temas en la misma tienda. Aquí puedes ver que los menús y los productos en gran parte permanecen iguales, pero el diseño y el aspecto de tu tienda en línea cambia al frente. Vea cómo cuando hago clic entre estos diferentes temas, el contenido y los menús son en gran parte los mismos, pero la presentación es bastante diferente. Esto es lo que hace tu tema, su forma de stoppies de permitirte personalizar el frente de tu tienda Cuando digo que el contenido y los menús son en gran parte los mismos, eso es porque gran parte de esto se almacena ya sea dentro del canal de venta de la tienda en línea o fuera del canal de ventas de la tienda en línea en el caso de los productos, por ejemplo, demos un paso atrás. Tacha tus canales de venta aquí por un momento. Que para la mayoría de la gente es solo el único canal de ventas, el canal de ventas de tiendas en línea. Y veamos qué contenido es central para tu tienda, independientemente de cuáles sean los canales de venta que estés ejecutando en ella. Estos incluyen pedidos, productos, clientes y descuentos. Piénsalo. Independientemente de si iba a vender en persona través de una tienda en línea o a través de una aplicación o redes sociales, necesitaría tomar pedidos de ciertos productos de ciertos clientes a ciertos precios. Esta es la funcionalidad Core Commerce. Es por ello que estas secciones son independientes de los canales de venta que tengas instalados en tu tienda Shopper I. Ahora profundicemos en la sección del canal de ventas y veamos qué piezas existen dentro del canal de ventas de tiendas en línea. Estos son temas, publicaciones de blog, páginas y navegación. Recuerda hace un momento cuando echamos un vistazo a nuestra tienda a través de algunos temas diferentes. El contenido que se mantuvo igual, independientemente del tema que estuviéramos viendo, incluyó estos recursos dentro nuestro canal de ventas de tiendas en línea. Por ejemplo, si nos dirigimos a la sección de entradas de blog y creamos una nueva entrada de blog, esto se aplicará a todo el canal de ventas, no a ningún tema en particular. También podemos crear una página para agregar a nuestro canal de ventas de tiendas en línea, así como configurar un menú que podemos incluir en nuestros temas en diversos puntos. Profundizaremos en todo esto a lo largo de la clase, pero por ahora solo estoy demostrando dónde se encuentran estas opciones en tu tienda. Antes de resumir lo que hemos aprendido hasta ahora, hablemos rápidamente del editor de temas Dentro de cada tema, puedes acceder a lo que se llama el editor de temas. Aquí puedes personalizar ciertos aspectos de tu tema. Y cuando presionas guardar, esos datos se guardan instantáneamente en el tema específico que estás editando. Es importante señalar aquí que los datos de este editor se almacenan en el tema específico y cada tema tiene su propio conjunto de datos. Para estas opciones, esto es diferente a lo que acabamos discutir con publicaciones de blog, páginas y navegación. Un ejemplo para ilustrar dónde divergen los datos del tema y los datos de la tienda podría ser un campo de menú en la configuración del tema El menú en sí está configurado en su sección de navegación y está disponible para su uso por todos sus temas. Pero la selección del menú específico es específica del tema y por lo tanto se almacena dentro de él. De nuevo, vamos a profundizar mucho en todo esto en esta clase. Por ahora, solo te estoy dando cuenta, posible que quieras volver a referirte a este video una vez que hayas completado la clase. Pero por ahora, vamos a resumir lo que aprendimos en esta lección Entonces, como puedes ver aquí, he desglosado los tres lugares diferentes donde se almacenan los datos y cómo son independientes entre sí en las tiendas Shopify Entonces tienes tu funcionalidad de Core Commerce aquí. Variación de productos, pedidos, clientes y descuentos. Estos representan datos centrales de comercio electrónico. Independientemente de los canales de venta en los que pueda estar vendiendo. Por supuesto, para la mayoría de los usuarios, solo vas a estar usando el canal de ventas de la tienda online, que viene por defecto con Shop Offi Es lo que la mayoría de la gente piensa cuando piensa en una tienda offi store Y así cosas como temas, publicaciones de blog, páginas, navegaciones van a ser específicas de ese canal de ventas de tiendas en línea Y luego dentro del canal de ventas de tu tienda online, puedes personalizar el aspecto y la sensación de tu sitio web a través de varios temas y cualquiera de los ajustes que configures en el editor van a ser específicos de ese tema. Por lo que no va a aplicarse a otros temas en tu canal de ventas de tienda online. Pero nuevamente, vamos a cubrir esto con mayor profundidad a lo largo de toda la clase. Esto es solo la visión general de alto nivel. Una vez más, es posible que quieras volver a referirte a esto una vez que hayas ido a lo largo de la clase, pero por ahora, esa es la descripción general de alto nivel. Y en el siguiente video, profundizaremos en algunas de estas funcionalidades principales, incluidos productos, variantes, pedidos y clientes. 5. Productos y variantes: En este video, vamos a hablar principalmente de productos y varianza, pero también vamos a hablar brevemente de pedidos y clientes. Al final, obviamente dirigiendo una tienda de comercio electrónico, los productos se sientan en el centro de la plataforma. Los productos deben ser bastante sencillos de entender, pero donde puede empezar a complicarse un poco es cuando desglosamos cada producto en varianza. Las variantes son súper importantes porque representan el producto real que se ordena y se entrega al cliente. Déjame explicarte. Veamos los ejemplos de snowboard que vienen con nuestra tienda de desarrollo. El snowboard de hidrógeno aquí es un solo producto, pero viene en una gama de opciones. Si nos desplazamos hacia abajo hasta la sección de variantes, podemos ver la lista de opciones y posibles valores para cada una de las cuales a su vez producen esta tabla de variantes. Cada combinación de opciones produce una sola variante. Si tenemos solo un parámetro de opción con, digamos tamaño aquí, con tres tamaños diferentes, entonces tendremos solo tres variantes diferentes, una variante para cada talla. Pero si tenemos aquí más de un parámetro de opción, la lista se compone con tres parámetros de opción, cada uno con tres valores posibles para el primero, dos para el segundo y ocho para el último. Al igual que en este ejemplo de aquí mismo, obtenemos un total de 48 variantes diferentes, o 48 combinaciones diferentes de todas las opciones anteriores La fórmula para este simple, es solo el número de valores posibles para cada uno multiplicados juntos. Entonces tres por dos por ocho, produciendo 48 combinaciones diferentes o 48 variantes diferentes. Entonces cuando digo que la variante es el producto real que se pide y se entrega al cliente, eso es porque si un cliente pide una snowboard de fibra de carbono con un patrón de perno clásico en la talla 160, y iban a recibir una tabla de snowboard de fibra de vidrio con una montura de encuadernación R SC en talla 154. Entonces ese no es el producto que ordenaron. Este es un concepto importante a entender ya que si bien los productos tienen sus propias páginas, es la variante o la varianza bajo el producto que en realidad es lo que el cliente selecciona y ordena. Por esta razón, un producto siempre contiene al menos una variante, aunque no haya opciones disponibles para el producto. Alejemos un segundo y echemos un vistazo al proceso de ordenar algo en una tienda Shopify Primero, el cliente navega a la página de un producto y si este producto está disponible en diferentes opciones o no Cuando el cliente haga clic en el botón Agregar al carrito, agregará una variante a la tarjeta. Si el cliente navega a la página de pago, las variantes en ese carrito se transportan a través Y cuando el cliente paga, pasan dos cosas. Se crea un cliente en el back end y la tarjeta se convierte en un pedido que luego se adjunta a ese cliente. Ahora, para un usuario administrador habitual, la distinción entre productos y variante no es muy importante de entender. Todo lo que realmente necesita preocuparse es que la selección del cliente fue capturada con éxito y que recibieron el producto con la combinación de opciones que seleccionaron. No obstante, para usuarios más técnicos que planean codificar Temas, funciones o aplicaciones de Shopify , es importante que estés al tanto de esto Podemos ver los datos que se almacenan dentro de una variante haciendo clic en el botón de edición en cualquiera de estas filas. Como cada variante es técnicamente un producto separado, debe tener su propio SKU, cantidad y precio. El precio podría ser el mismo entre variante o diferente si una determinada combinación tiene mayor demanda o más cara de producir. Como el cliente compra una variante y no un producto, el nivel de stock de cada combinación se almacena en el nivel de variante aquí Si la variante representa el producto real que el cliente está ordenando, ¿qué se puede decir del producto que vemos en el administrador? Puedes pensar en este producto como la página en la que mostramos los detalles e imágenes del producto. Una sola página que agrupa todas las variantes juntas. Las variantes no tienen páginas propias y solo pueden agruparse por el producto al que pertenecen. Los productos por otro lado, pueden existir en múltiples colecciones y cada una tiene su propia página. Podemos ver la página del producto para cualquier producto en particular haciendo clic en el botón de visualización aquí arriba. Aquí podemos ver los detalles que establecemos en el Ammón aplicando a nuestro front end La mayoría de estos son bastante simples de entender como la descripción del título y las imágenes. Pero quiero llamar su atención un pequeño desplegable, aquí mismo bajo plantilla de tema. Hablaremos más a fondo sobre las plantillas una vez que nos metamos en los temas. Pero por ahora, entiende que cada página de producto se verá similar si están usando la misma plantilla, que en Shopify suele ser el caso Podemos ver en la actualidad que todos los productos nuestra tienda están utilizando la plantilla por defecto, cuyo código se almacena dentro del tema. Cuando hacemos clic en Ver aquí en el producto, estamos viendo la plantilla predeterminada en el tema actualmente en vivo. Nuevamente, esto está saltando un poco adelante, pero llegaremos a las plantillas en un video posterior. Para rematar este video, sin embargo, hablemos brevemente sobre pedidos y clientes que, como se mencionó anteriormente, se generan cada vez que un cliente realiza un check out en nuestro sitio web. En la sección de nuestros clientes, aquí podemos ver los detalles de los usuarios que previamente han enviado pedidos con nuestra tienda. Pero no todos los usuarios aquí son necesariamente un cliente que paga. Un cliente también puede ser un usuario que voluntariamente nos envía sus datos sin tener que comprar nada El ejemplo más común de esto es una suscripción al boletín donde podríamos ofrecer algo al posible cliente cambio de su información de contacto. Nuestra sección de pedidos aquí, bastante autoexplicativa. Cuando un usuario sale de la tienda, crea un pedido para que nosotros lo veamos dentro del admin Aquí, los pedidos, por supuesto, contienen la varianza de barra de productos que el cliente ha pedido, así como la información del cliente para que el pedido pueda cumplirse Bastante simple. Entonces un poco de carne en esta lección, pero básicamente esto cubre el núcleo principal del sistema Shopify E Commerce Para recapitular, puedes configurar páginas para mostrar varios productos en tu tienda, cada uno con su propia lista de posibles combinaciones conocidas como variantes Cuando un usuario visita tu tienda, evalúa el producto y selecciona qué variante le gustaría a través de la página del producto, agrega ese producto al corte, y luego revisa creando un nuevo pedido de cliente en el sistema para que el comerciante lo cumpla. En el siguiente video, cubriremos una sección aquí en la página del producto que resumimos en este video Pero es muy importante la organización del producto, tan importante que merece su propio video. 6. Organización de productos: En este video, cubriremos cómo organizar tus productos en Shopifi Esta es una zona donde Shopifi podría diferir considerablemente de otras plataformas Una cosa que podría confundir a los usuarios es que no existe tal concepto como categoría en Chopifi En cambio, las principales formas de organizar los productos en shopifi son las colecciones y las etiquetas Entrémonos en la sección de colección de nuestro administrador y hagamos clic para crear una nueva colección. Puedes establecer un título, descripción e imagen para tu colección aquí, pero la verdadera magia ocurre aquí en esta sección. Aquí, bajo el tipo de recolección, se puede especificar manual o automatizada. El manual es bastante sencillo. Si creas la colección con un tipo de manual, entonces puedes especificar manualmente qué productos te gustaría en esa colección. Si agregamos algunos productos aquí y clic para ver la colección en el front-end, verá nuestra colección entregada a través de la plantilla de colección del tema, que dada la naturaleza de las colecciones, debería incluir una lista de productos de la colección con algún tipo de opciones para filtrar y ordenar la lista. Al igual que un producto, una colección es un objeto en Shopify que cada uno tiene su propia página Y podemos personalizar la presentación de la colección cambiando tema o seleccionando la colección a mostrar a través de una plantilla alternativa. Si tenemos eso configurado en nuestro tema, nuevamente, discutiremos las plantillas alternativas una vez que entremos en los temas. Pero por ahora, todo lo que necesitas saber es que todas las colecciones tienen una página, una página en la que los usuarios pueden ver la lista de productos dentro de esa colección. Por lo que volver al concepto de organización de productos en las colecciones Chopifi son muy flexibles en el sentido de que un producto puede existir en muchas La desventaja de esto es que no podemos rastrear un producto hasta una sola colección y por lo tanto puede haber mucha superposición Otra limitación es que las colecciones no pueden vincularse a otras colecciones. En otras palabras, no existe tal cosa como que una colección sea un subconjunto de otra colección. En Chopifi, he descubierto que los comerciantes que tienen una amplia gama de productos a menudo se sienten frustrados por esto, ya que con demasiada frecuencia les gusta organizar sus productos en una estructura similar a un árbol, lo que realmente no encaja este modelo de colecciones de productos flexibles en Antes de hablar de colecciones automatizadas, déjame explicarte un poco más sobre las etiquetas y Chopifi rumbo al producto que estábamos viendo Podemos ver la sección de etiquetas en la parte inferior de la sección de organización de productos. Las etiquetas son simplemente líneas de texto simples que podemos agregar al producto para categorizarlo. Luego podemos crear reglas alrededor de productos con ciertas etiquetas, ya sea en el código de nuestros temas o en colecciones automáticas chop fi. Lo que me lleva de vuelta a la página de administración de la colección aquí. Si creamos una nueva colección y esta vez seleccionamos colección automatizada, podemos configurar la lista de productos en la colección para que se complete automáticamente en función de ciertas condiciones, la más común de las cuales es usar etiquetas Entonces, por ejemplo, si creamos una página de colección para listar todos nuestros productos de venta, podríamos crear la colección como una colección manual y actualizar los productos manualmente a lo largo del tiempo volviendo a la colección cada vez que queramos hacer un cambio. O como alternativa, podríamos establecer una regla aquí de que la colección de venta incluirá todos los productos con la etiqueta de venta. Y luego a nivel de producto, simplemente podemos agregar y quitar la etiqueta de venta siempre que queramos que ese producto se incluya en la colección de venta o no. El beneficio de esta segunda forma es que dado que sabemos a nivel de producto que el producto es un producto de venta, podemos usar esa información también podemos usar esa información de varias otras formas. Por ejemplo, en este ejemplo de etiqueta de venta, tal vez la codificamos en el tema para mostrar una etiqueta en la cuadrícula del producto leyendo venta si la etiqueta de venta está presente. Una cosa más sobre las etiquetas es que Shopify proporciona una forma nativa de filtrar más profundamente en colecciones basadas en etiquetas Entonces digamos por ejemplo, tienes una colección de zapatos con algunos de los productos en su interior etiquetados como de hombre. Simplemente puede agregar una diagonal y luego agregar la etiqueta al final de la URL para filtrar cualquier producto que no tenga esa etiqueta dentro de esa Volviendo a las condiciones dentro de las colecciones automatizadas, etiquetas son una de las opciones, pero también puedes crear colecciones automatizadas basadas en una variedad de otros atributos como el tipo de producto, precio o el nivel de stock. Aquí notarás que hay una opción para la categoría de producto, lo que podrías pensar contradice mi afirmación anterior sobre categorías que no son un concepto en Schabifi Si bien algo llamado categoría de producto sí existe en Schabifi Ahora se proporciona que haya una manera de categorizar los productos por razones fiscales al vender en Estados Unidos Desafortunadamente, no es un método de organización de productos en Schubifi, al menos al momento de grabar, a menos que, por supuesto, tuvieras que categorizar un producto y luego usarlo como condición en una colección Pero en ese caso, sigues confiando en una colección para mostrar esta categoría. Antes de 2021, también podíamos filtrar las colecciones según el tipo de producto y proveedor. Pero desde 2021, Hope Pi ahora usa algo llamado filtrado de escaparate Lo que incluye no solo el proveedor y el tipo de producto como opciones de filtrado, sino una gama de otros atributos como disponibilidad de precios e incluso campos personalizados que usted mismo establezca , conocidos como metaphields Para profundizar en qué atributos están disponibles para filtrar, consulte la página en la documentación de Chobe Pi para el filtrado de escaparates Bien, Así que hemos cubierto bastante en este video, pero aquí hay un número de resumen de alto nivel. Una, las colecciones son la forma nativa de Shabifi de organizar listas de productos Dos, podemos crear una colección con una lista de productos que especificamos manualmente o mediante un conjunto de reglas que permiten la población dinámica de la lista de productos a través de diferentes atributos como etiquetas, tipo de producto o proveedor. Tres, cada colección obtiene su propia página, que se puede personalizar a través la plantilla de colección dentro del tema. Y finalmente, podemos filtrar más abajo en las páginas de colección, etiquetas de fuego y otros atributos del producto. Pero no podemos vincular de forma nativa una colección a otra. Esencialmente, las colecciones se encuentran en el corazón de la organización de productos en Shabifi Si quieres mostrar una lista de productos que encajan entre sí en algún tipo de categoría, crear una colección es como lo haces. Así que eso cubre el núcleo principal de la plataforma Shop Fied. En este siguiente video, pasaremos al canal de ventas de tiendas en línea y veremos cómo crear páginas, navegación y publicaciones de blog. 7. Páginas, publicaciones de blog y navegación: En este video, vamos a hablar de las partes que conforman el canal de ventas de la tienda online, que es el canal de ventas que viene defold y Shopify Y el que probablemente te viene a la mente cuando piensas en una tienda Shopify En la parte superior de la lista están los temas, que visitaremos un poco más adelante porque los temas son un tema gigante y algo de lo que hablo a fondo en mis otras clases. Por ahora, simplemente veamos páginas, navegación y blogs. En primer lugar, las páginas son las más fáciles entender mientras que los productos y colecciones tienen sus propias páginas. En shopifi, crear una página aquí en el canal de ventas de la tienda en línea es para cualquier otra página que pueda necesitar que no caiga en las categorías anteriores Por ejemplo, una página de contacto sobre la página o unos términos y condiciones. Las páginas de página son bastante básicas por defecto en Schubifi. Los únicos campos predeterminados aquí son título y contenido, lo que le permite crear una página de contenido simple basada en texto. Pero nuevamente, tenemos esta plantilla de tema desplegable aquí que nos permite ejecutar la página a través de una plantilla personalizada aquí. Las posibilidades son casi infinitas. Pero la gran diferencia entre las páginas creadas aquí y otras páginas en subi Fi que se basan en colecciones o productos, por ejemplo, es que no hay datos además este título y campo de contenido que está asociado a él Técnicamente, podrías crear una página para una colección o producto específico usando una de estas páginas, pero perderías las opciones de filtrado nativas. En el caso de colecciones y para productos, seguro, podrías exhibir un producto en una de estas páginas. Simplemente aparecería con una estructura de URL diferente y tendrías que especificar de alguna manera qué producto deseas mostrar. En pocas palabras, si bien las páginas aquí son flexibles, lo mejor es ejecutar colecciones y productos a través de sus propias plantillas y solo usar páginas para cualquier página que no caiga en otras categorías. Similar a una página es una entrada de blog. Sin embargo, para crear una publicación de blog, primero necesitamos crear un blog. En Chabavai, puedes tener múltiples blogs diferentes. Por lo tanto, puedes pensar en los blogs aquí como colecciones. Pero para las entradas de blog, la página de entrada del blog y el Ammón se parecen mucho a la de la página Sin embargo, las dos grandes diferencias aquí es que una entrada de blog siempre está asociada con un blog específico. Y que se registre la fecha de publicación para que pueda mostrarse en el front-end. Y para que esa publicación de blog se pueda organizar por fecha de publicación como normalmente espera de una nota de blog aquí que blogs también pueden ejecutar a través de plantillas alternativas, a las que llegaremos en el video sobre temas. Por último, tenemos navegación aquí. Aquí es donde configuramos las listas de enlaces para nuestra tienda dentro del admin. No obstante, Shubafi los llama menús como un nombre más fácil La mayoría de las veces usarás estas listas de enlaces como menús, lo cual tiene sentido. Pero es un sistema lo suficientemente flexible como para que puedas usar estos para configurar cualquier otra lista de enlaces que puedas necesitar. dirigirnos a una de estas listas de enlaces o menú, podemos crear una lista de enlaces que tienen un máximo de tres niveles de profundidad. Cada enlace es simplemente dos campos, uno, el texto del enlace y a la dirección a la que debe vincularse el enlace. Entonces podemos crear una estructura similar a un árbol arrastrando un enlace debajo de otro enlace Podemos tener un link dentro de un link, dentro de un link creando hasta tres capas. Pero desafortunadamente, cualquier estructura de menú que tenga más de tres capas de profundidad no se puede crear aquí. En Shopifi, como productos, colecciones, páginas y publicaciones de blog, linklets son solo otro objeto en Shopifi al que podemos hacer referencia en nuestro código o enlazar a ciertas secciones dentro de nuestro tema a través del editor de temas, sin más preámbulos Ahora veamos temas y plantillas con más profundidad. 8. Temas y plantillas: Así que he mencionado algunas cosas sobre temas a lo largo de esta clase hasta ahora, pero ahora vamos a repasar lo que necesitas entender sobre temas en este video. Los temas son súper importantes en Shop Fi porque representan el código de plantilla por el que atraviesan todos los datos de tu tienda dentro del canal de ventas de tu tienda online. Cuando poblamos cosas en Shop Fi como productos y colecciones, esencialmente estamos creando datos en nuestra tienda Shop Fi Entonces, si estamos usando el canal de ventas de la tienda en línea, que es el caso la mayoría de las veces, mostramos esos datos de cierta manera al usuario final. Si miramos la sección de temas de nuestro canal de ventas de tiendas en línea, podemos ver una lista de temas aquí. El que está en la parte superior es el tema actualmente en vivo, y los demás son todos temas en los que podemos trabajar y publicar en una fecha posterior o simplemente utilizados para probar sin hacer ningún cambio en vivo para el usuario final. Cada tema es esencialmente una carpeta con un montón de archivos de código en ellos que podemos ver y editar aquí mismo dentro del administrador haciendo clic en los puntos y luego haciendo clic en Editar código. Ahora bien, esto puede parecer un poco intimidante, pero intentemos simplificarlo un poco En mis otros cursos sobre desarrollo de temas, profundizo más en el código temático. Pero a un nivel superior, solo hay tres carpetas que quiero hablar en este video. Y son configurar plantillas y secciones. Las tres carpetas suelen contener archivos que se verán afectados por los cambios que hagamos en lo que se llama el editor de temas. Si hago clic en los tres puntos aquí y hago clic para personalizar, aparecerá el editor de temas. Anteriormente conocido como el personalizador de temas. Aquí hay esencialmente una interfaz de usuario para personalizar nuestro front-end y en un alto nivel agregar y personalizar la lista de secciones dentro de ciertas plantillas. Si hacemos clic en el menú desplegable en la parte superior del editor, podemos seleccionar qué plantilla queremos editar Puedes ver aquí que los enlaces a colecciones, páginas de productos, blogs y publicaciones de blog, cada una llevan a otro menú. Porque cada una de estas plantillas puede tener solo una plantilla predeterminada o múltiples plantillas alternativas. Esto se relaciona con lo que vimos anteriormente en el menú desplegable de plantilla de tema de todas estas páginas en el admin Entonces, por ejemplo, si quisiéramos ejecutar un producto en particular a través de una plantilla alternativa, es decir, una plantilla diferente a la plantilla de producto predeterminada, podríamos hacerlo creando una plantilla alternativa aquí. Y luego navegar a ese producto dentro nuestro administrador y actualizar el menú desplegable para vincularlo a esa nueva plantilla. Cuando se trata de plantillas de Jason, que es el nuevo estándar en Shopify, todas las plantillas son simplemente listas de lo que se llama secciones Cada sección puede contener configuraciones para personalización, así como bloques que son como subsecciones que cada una tiene su propia configuración también Algunas cosas a tener en cuenta aquí. Número uno, tanto los bloques como las secciones pueden ser re, dispuestos en el editor de temas dos, las secciones listadas debajo de la plantilla de encabezado se relacionan con la plantilla específica que estás editando actualmente. Tres, las secciones enumeradas arriba y abajo se almacenan en el diseño general, que normalmente va a ser el mismo para cada plantilla. Las secciones aquí suelen ser el encabezado y el pie de página, así como cualquier otra sección que deba incluirse en cada página, sin importar cuál sea la plantilla. Finalmente, a través del desplegable, se puede ver qué número de objetos, decir, productos, colecciones, etcétera, se asignan a la plantilla Y aquí puedes dar click para ver un objeto diferente a través de la plantilla. También tiene algunas otras opciones aquí en el extremo izquierdo para actualizar configuración general de su tema, así como activar y desactivar ciertas funciones de la aplicación en el tema. En general, el editor de temas es simplemente una interfaz fácil de usar para actualizar el código del tema. Todos estos ajustes se programan en el propio código del tema y se utilizan usando Shopify, Liquid, el lenguaje de codificación de los temas Hopi Fi Si volvemos a los archivos de tema, las opciones disponibles en el editor de temas, así como los valores almacenados para cada opción, se encuentran dentro del código del tema. Los cuatro archivos diferentes a los que voy a llamar su atención aquí son, uno, los archivos de sección donde se almacena el código para cada sección. Dos, los archivos de plantilla donde se almacena la lista de secciones y sus ajustes. Y por último, los dos archivos en la carpeta config para el tema general. Settings, Settings underscore schema, Jason es el archivo que almacena la lista de campos, mientras que los ajustes subrayan los datos Jason es el archivo que almacena los valores establecidos para cada uno de esos Estos datos se sincronizan directamente con el editor de temas. Entonces, si cambiamos un valor en nuestro código aquí, se verá reflejado en el editor de código, igual que si cambiamos un valor en el editor de temas, también se reflejará en el código. Sin embargo, cuando se trata de secciones y plantillas, el esquema, es decir, la lista de opciones de personalización disponibles, se almacenan en la parte inferior del archivo de sección bajo el código líquido que lo usa como secciones se pueden incluir varias veces en múltiples plantillas. Los valores para estos campos se establecen por separado en el archivo de plantilla, junto con los valores de configuración de todas las demás secciones de esa plantilla, así como el orden en que aparecen las secciones. Para las plantillas predeterminadas, el nombre del archivo es solo el nombre del objeto seguido de la extensión del archivo. Por lo general, Jason. Para las plantillas alternativas, el nombre del archivo comienza con el nombre del objeto, pero luego va seguido de un punto y luego el nombre de la plantilla alternativa termina. Una vez más, aquí con la extensión de ya sea do Jason o dot liquid. Para las secciones que se incluyen fuera de las plantillas, podemos encontrar referencias codificadas a ellas aquí en los archivos de maquetación. Los valores registrados para estas secciones se asientan junto a los valores para la configuración del tema. Dentro de los ajustes subrayados archivo Dasein. Hay una excepción a esto llamados grupos de sección que son una característica menos común en Happi que puedes pensar como una mini plantilla que se encuentra en el archivo de diseño y te permite volver ordenar secciones fuera de la plantilla Si quieres conocer más sobre los grupos de sección, tengo un video dedicado en mi canal de Youtube. Basta con buscar grupos de sección Happi y debería aparecer hacia la parte superior de la lista, si no, el primer resultado Bien, así que solo para recapitular aquí, ya que te he arrojado mucha información Número uno, todo lo que ves en el editor de temas está determinado por código en la carpeta de temas. Número dos, cada sección se almacena en su propio archivo de sección. Si sabes cómo codificar secciones, puedes crear un nuevo archivo de sección aquí y usarlo como bloque de construcción dentro de tu tema Editor número tres, cada plantilla se almacena en su propio archivo de plantilla. Los productos, colecciones, páginas, blogs y publicaciones de blog tienen una plantilla predeterminada. Pero puede crear plantillas alternativas para cada uno de estos si desea que ciertos objetos tengan un aspecto y diseño diferentes Las cuatro secciones que se incluyen en su archivo de diseño de tema general son estáticas y cualquier cambio en su configuración se aplicará a través de las plantillas. El valor de estos ajustes se almacena en los datos de subrayado de configuración, archivo Json y finalmente el esquema En otras palabras, la lista de opciones para tu tema general. Los ajustes se definen en el esquema de subrayado de configuración archivo Jason, y los valores almacenados de cada uno también se almacenan en los datos de subrayado de configuración archivo Jason Si simplemente estás usando este curso para entender al administrador de shove fire y no estás buscando programar temas, entonces no necesitas preocuparte por dónde se almacena exactamente el código en el código del tema Lo más importante a tener en cuenta aquí es que cualquier valor que hayas dicho en el editor de temas se almacenará en ese tema específico en el que estés trabajando. Entonces, por ejemplo, si tuviera que duplicar uno de mis temas y luego dirigirme al editor de temas del duplicado, cambie un valor y luego presione Guardar. Los datos entre estos dos temas estarán ahora desactualizados. El cambio que acabo de hacer sólo se aplica al tema sobre el que lo hice. Esto es diferente decir si cambio algo fuera del editor de temas, como si cambio el título de un producto o el contenido de una entrada de blog. Como dije, hay mucho que cubrir con temas. Pero específicamente para el tema de esta clase, solo quiero volver a llamar su atención sobre la arquitectura que discutimos en el video anterior. Un recordatorio aquí de que solo tienes una tienda Hove fi core y solo puedes tener un canal de ventas de tiendas en línea, pero puedes tener múltiples temas Entonces solo entiende que lo que sea que configures en el editor de temas es exclusivo de uno de tus temas. Mientras que todos estos otros datos que no cambian en función del tema que estás viendo. Si quieres profundizar en los temas y cómo se codifican, tengo algunas otras clases aquí sobre compartir habilidades que discuten el desarrollo del tema específicamente. Entonces, si quieres aprender más sobre temas, echa un vistazo a esas clases. 9. Datos personalizados: metacampos y metaobjetos: En este video, cubriremos cómo agregar nuevos objetos, así como cómo agregar nuevos campos a objetos existentes en tu tienda Shuba Fi Si tomamos un producto como ejemplo aquí podemos ver algunos de los campos predeterminados en el objeto del producto, como el título, la descripción, las etiquetas y el proveedor. Pero si queremos crear algunos campos personalizados para el objeto producto, entonces podemos hacerlo creando algo en Shubifi llamado Solía ser difícil trabajar con los metapields en Shuba Fi, por lo que en realidad todavía hay un montón de aplicaciones en la tienda de aplicaciones para administrar metafields Pero hoy en día no necesitas ninguna app para crear y actualizar metafields en Para crear una nueva definición de metcampo, simplemente encabeza dos configuraciones y luego haga clic en Datos personalizados Aquí puedes ver la lista de objetos para los que puedes crear metaphields Esta lista incluye productos, colecciones, páginas y publicaciones de blog. En la parte superior de la lista se encuentran los productos. Entonces, si hacemos clic aquí, en realidad podemos agregar definiciones adicionales aquí. Puedes ver aquí que ya hay dos que vinieron estándar con nuestra tienda. Así que vamos a echar un vistazo a esos. Ahora bien, si volvemos a nuestro producto de snowboard aquí, puedes ver que los metafields están en la parte inferior Entonces las definiciones son la lista de metafields disponibles. Y entonces lo que tenemos aquí abajo es un lugar para fijar el valor de estos metapields en un producto en particular Así que volvamos a Configuración Datos Personalizados y creamos nuestro propio metaphield Si entramos en productos aquí tenemos montura de fijación de snowboard de longitud de snowboard. A lo mejor queremos agregar en otro campo. Aquí tenemos la lista de opciones. Hay bastantes opciones diferentes. Podemos crear un campo de texto de una sola línea, un campo de texto de varias líneas, poner números en forma de enteros o decimales, enlazar a un determinado producto, enlace a un determinado archivo, lo que nos da la opción de enlazar a cualquier archivo, o específicamente a imágenes, o a videos o ambos, lo cual es realmente genial y flexible Podemos agregar en una fecha y hora dimensiones, pesos de volumen. Aquí hay muchas opciones. Podemos hacer referencia a otros objetos en Shopify como colecciones, varianza de producto e incluso meta objetos, a los que llegaremos un poco más tarde Podemos convertirlo en un valor verdadero o falso. Calificación de color, todo tipo de cosas. Así que vamos a hacer la calificación, y voy a llamar a este producto rating. Y voy a decir, no lo sé. Es bastante autoexplicativo, así que probablemente no voy a poner una descripción ahí. Calificación mínima uno. Calificación máxima cinco. Bien. Voy a pegarle a ahorrar en eso. Y ahora que eso ha creado cualquier página de producto en la que entramos. Ahora bien, si me desplazo hacia abajo, verás que aquí hay un campo extra y puedo establecer una calificación de producto en algún lugar 1-5 Así que digamos 2.5 de cinco. Voy a presionar Guardar, y ese valor ahora se almacena entonces en nuestra propia página del producto. Así que déjame agarrar la URL de esta página. Ábrela. En una nueva pestaña, podríamos programar algún lugar dentro del tema donde aparezcan esos datos. Podríamos programarlo para mostrar un cierto número de estrellas basado en la calificación de estrellas aquí mismo. Entonces tal vez voy a repasar ese ejemplo ahora mismo. Si me dirijo a la tienda en línea. En realidad podemos hacer esto sin tener que codificar nada. Podemos usar lo que se llama enlace dinámico. Entonces entraré en el editor de temas para la plantilla de producto que está ejecutando ese producto. En realidad está usando la plantilla alternativa. Entonces voy a entrar en productos alternativos. Ahora en lugar de proveedor de snowboard puedo cambiar esto, deshacerme de eso e insertar una fuente dinámica diferente. Bueno, pongamos en la calificación del producto. Y entonces podemos decir de cinco. Y luego solo necesitamos poner un espacio ahí y digamos calificación ahora mismo, para algo más sofisticado, para algo más sofisticado, en realidad podríamos poner íconos de estrellas y calcular cuántos de los íconos aparecen en base a esta calificación aquí mismo. Pero para este ejemplo básico, se puede ver que el valor se está cruzando. Y si tuviera que ejecutar otro producto a través de esta plantilla, aparecería con una calificación diferente si se establece la calificación. El riesgo aquí que tenemos. Entonces, si entro, digamos ésta y también cambio esta alternativa dos. Si no tengo un valor para la calificación del producto, entonces comenzaremos a ver un resultado un poco diferente. Entonces bajaremos aquí, ver si puedo agarrar la URL. No puedo. Eso es molesto. Yo sólo voy a golpear Preview en eso. Y aquí se puede ver, porque no hay valor para la calificación del producto, todavía me sale el texto circundante, pero no consigo el valor dentro de aquí. Entonces, la forma en que solemos arreglar eso es que necesitamos asegurarnos de que haya una calificación en cada producto. O programarlo en el tema para que solo muestre si hay un valor establecido. Pero voy a entrar en un mejor ejemplo de esto al final de esta lección. Por ahora, quiero mostrarles cómo podemos crear objetos completamente nuevos en choi Entonces lo que vimos justo entonces fueron Metafields, Metafields nos permiten agregar nuevos campos a objetos existentes como productos, colecciones, clientes Pero, ¿y si quisiéramos crear un objeto completamente nuevo? Bueno, podemos entrar en el contenido aquí y crear una definición de meta objeto para esto. Entonces esto es básicamente crear nuestro propio objeto. Entonces si entro aquí, digamos que es diseñador. Este es un ejemplo típico, porque en Shopper Fire, no existe tal cosa como un diseñador. O si tuvieras una librería, un autor. Y entonces puedes bajar aquí y decir, ya sabes nombre completo, hacer esto requerido. Y entonces podemos hacer un poco de una biografía, bien, tal vez ponerla, así que vamos archivo por imagen y luego solo aceptamos imágenes en los tipos de archivo aceptados esta imagen, podemos o bien hacer un valor o una lista de valores. Así podemos hacer imágenes y cambiar esto a lista de archivos. Yo sólo voy a hacer una. Ahora que hemos creado nuestro diseño, golpearé Guardar y ya podemos comenzar a agregar entradas. Entonces digamos que para nuestro ejemplo de snowboard, digamos que es el fundador de Shopifi, Tobias Estoy bastante seguro de que así es como se deletrea su nombre. Fundador de Shopifi y creador de tablas de snowboard. Todo bien. Como la biografía, sólo voy a subir una imagen de Tobías que ya he adquirido. Todo bien. Y luego le pegaré a ahorrar en eso. Y ahora tenemos un diseñador en nuestra lista de diseñadores, que es una definición que configuramos. Así que ahora tenemos este objeto diseñador además de los objetos existentes dentro de Shopify como productos, clientes, colecciones, etcétera Y lo genial los meta objetos es que podemos vincularlos a otros objetos en nuestra tienda usando metacampos. Entonces hagámoslo ahora mismo. Digamos, por ejemplo, que queremos asignar este diseñador, o cualquier otro diseñador a productos específicos que diseñaron. Así que vamos a crear un campo para eso. Entraremos en datos personalizados, entraremos en productos aquí, agregaremos una definición. Y voy a llamar a este diseñador. Bien, entonces voy a ir aquí y lo que puedo hacer es seleccionar meta objeto como el tipo. Y luego me permitirá elegir qué tipo de meta objeto, como qué objeto personalizado que creamos queremos usar cuál es el diseñador. Si está diseñado por varias personas, puedes cambiar esto a una entrada de lista, pero solo voy a hacer una entrada. Bien, y ahora volvamos a una de nuestras tablas de snowboard, digamos la tabla de snowboard definitiva Y si nos desplazamos hacia abajo, podemos seleccionar uno de los diseñadores. Y sólo tenemos uno que es sesgar. Entonces le pegaré a Guardar en eso. Y entonces podremos usar esos datos dentro de nuestro tema. Entonces, ahora que hemos creado un meta objeto y algunos metacampos, tal vez se esté preguntando cómo podríamos usar esto en nuestro tema Shopify Bueno, hay dos formas en las que podemos usarlo en temas. El primero, que no cubriremos en este video, es usarlo en Shopify Liquid Eso es más un tema de programación de Shopify. Pero la otra que te mostré justo antes es la vinculación dinámica. En lugar de pasar un montón de tiempo configurando metacampos y metaobjetos y programando nuestro tema, te mostraré un ejemplo de una tienda de clientes actual. Entonces esto de aquí es un borrador de plantilla de producto que eventualmente se ejecutará en algunas plantillas diferentes en esta tienda. Y aquí hay muchos datos dinámicos, así que por ejemplo, estos puntos de aquí son dinámicos. Para cada producto, vamos a necesitar una nota publicitaria diferente aquí. Vamos a necesitar una llamada diferente aquí, algunos blurbs más aquí Bajando hasta aquí. Esta información necesita ser dinámica. Esta información necesita ser dinámica. Estos valores deben ser dinámicos aquí, lo que significa que debe ser específico del producto, por lo que no se puede almacenar solo en la plantilla. Entonces, lo que hice para eso fue crear metaobjetos y metafields Si entramos en esa página del producto, obviamente tienes todos los campos normales aquí arriba. Pero si nos desplazamos hacia abajo, tenemos un montón de otros metafields Por ejemplo, color de acento y color de fondo. Por lo que este color de fondo se establece en un metcampo. Este color de acento se establece en un metcampo para que pueda cambiar en función del producto que el cliente esté mirando Tengo estos por encima del pliegue USP's, así que la energía natural, la pérdida de peso, y el apoyo ceto Porque cada uno de estos tiene tanto un icono como un componente de texto. Lo he almacenado en un meta objeto y luego este campo es una lista de meta objetos. Bien, así que si bajo al contenido aquí, abramos eso en una nueva pestaña. Y si voy a combinaciones de texto de iconos y voy a Energía Natural, puedes ver el icono y el texto aquí. Esto también se recicla para estos blurbs aquí mismo donde hay un icono, un texto principal y luego un texto Entonces, si vamos a buscar eso aquí, combustible para el cuerpo, verás que esa información está justo aquí. Y luego vinculamos estas diferentes combinaciones de texto de iconos aquí mismo en los metafields Este es un ejemplo un poco más avanzado, pero esencialmente se puede ver aquí que los valores que establecemos en nuestros metafields están llegando por el front end, por lo que estas cantidades de macronutrientes Si bajamos hasta aquí, esta plantilla ha sido programada para mostrar estos valores. Entonces esto de aquí es un ejemplo de cómo podemos usar datos personalizados para crear datos dinámicos que podemos insertar en nuestra plantilla dependiendo qué producto esté mirando el cliente. Si quieres saber más sobre Shopify Metafields y objetos metálicos, tengo una gama de videos gratis en mi canal de Youtube, para que puedas buscar Shopify Metafields Parece que esto también está trayendo meta objetos también. Para que puedas aprender sobre metaobjetos en metafields de mayor longitud Y cubro las diferentes formas en las que puedes usar metafields, incluyendo la vieja manera, que solía ser el caso antes de las recientes actualizaciones hace unos años metafields son una forma de extender nuestro frente de tienda Shopify y aplicarlos a ambos objetos en el núcleo y el canal de ventas de la tienda en línea Entonces eso es todo para esta lección. En el siguiente video, vamos a cubrir descuentos. 10. Descuentos: En este video vamos a cubrir cómo hacer descuentos en hopi fi Los descuentos se pueden proporcionar varias maneras diferentes en schubifi y pueden ser bastante complicados dependiendo de las condiciones de descuento para descuentos comunes como comprar uno, obtener uno gratis Podemos configurarlos fácilmente en la sección de descuentos de nuestro administrador aquí. Hay dos tipos de descuentos que podemos establecer en esta sección. Podemos establecer el descuento para que se active si el cliente aplica un código de descuento determinado checkout. O automáticamente, lo que significa que el cliente no necesita hacer otra cosa que cumplir con las condiciones para que se aplique el descuento. Esto es bastante sencillo si quieres que tu descuento siga las siguientes reglas. Pero si quieres aplicar un descuento fuera de estas reglas, ahí es donde las cosas se pueden complicar un poco. Si estás viendo este video antes del 13 de agosto de 2024, y tu tienda está en el nivel más alto de chopifi conocido como chopifil Entonces puedes usar una aplicación llamada Script Editor, que permite a los desarrolladores escribir código Ruby para habilitar descuentos basados en condiciones más complicadas. Desde hace años, esta ha sido la única forma programar descuentos más complejos en Shopifi Pero después del 13 de agosto de 2024, todas las tiendas que están usando scripts de Shopify habrán necesitado cruzar a algo llamado funciones de Hub Fi Similar a los scripts, las funciones de Shopify permiten a los desarrolladores crear fórmulas de descuento más complejas Pero a diferencia de los scripts, estos descuentos se pueden agregar junto con descuentos automáticos regulares y códigos de descuento. Obviamente, la programación de funciones Hopi fi está fuera del alcance de esta clase Al igual que los scripts, necesitas estar en el nivel más alto de shopify para usarlos. Pero la buena noticia es que no necesitas estar en Shuba Fi para aprovechar las reglas de descuento más complejas disponibles dentro de las funciones de Shobifi Todas las tiendas pueden instalar aplicaciones de descuento que aprovechan las funciones de Sofi Estas aplicaciones proporcionan su propia interfaz de usuario para que los comerciantes creen descuentos que generalmente no son posibles usando la configuración regular. Entonces, para demostrar cómo una de estas aplicaciones que aprovecha las funciones de shop Fi se conecta a nuestra sección de descuentos regulares Aquí, entremos en instalar uno de ellos para ver un ejemplo. Bien, así que si hago clic aquí, abrirá mi cuadro de búsqueda aquí en la parte superior, filtro M a aplicaciones, me mostrará mis aplicaciones instaladas. Pero si busco la app que busco se llama Discount Hub. Puedes ver aquí que no tenemos ninguna app en nuestra tienda con ese nombre. Pero podemos hacer clic aquí para buscar Discount Hub en la tienda de aplicaciones Shop Fi. Entonces voy a hacer clic en eso y eso lo abrirá en una nueva pestaña. Y puedes ver aquí, Discount Hub Unique Discounts es el que estoy buscando. Así que voy a hacer clic en eso y luego voy a hacer clic en En. Eso nos llevará a esta página, que es la página de instalación estándar de la aplicación en Schubifi Es solo decirnos que estamos de acuerdo dejar que esta aplicación acceda a parte de nuestra información, lo cual es totalmente genial Haré clic en instalar la aplicación para finalizar este proceso. Ahora puedes ver que estamos dentro de esta app hub de descuentos. Ahora hay dos formas en las que podemos establecer descuentos. Podemos hacerlo desde dentro de la app. Pero lo que quiero mostrarte es ahora si hacemos clic en nuestra sección de descuentos aquí y hago clic en Crear descuento, tienes nuestras opciones habituales aquí arriba. Pero ahora como instalamos una aplicación que utiliza funciones de Hub Fi, puedes ver que también podemos agregar una lista completamente diferente de diferentes descuentos de chobe fi a continuación que están preprogramados por esta aplicación Bien, entonces uno de ellos que me pareció interesante, es que podemos ofrecer un descuento solo a ciertos clientes que tengan cierto correo electrónico. Creo que a esto se le llama descuento por correo electrónico del empleado. Así que haremos clic aquí y una cosa que notarás es esto nos lleva a la app para crear nuestro descuento. No obtenemos la misma interfaz de usuario que si estuviéramos creando un descuento normal en Shubifi Entonces depende de qué app estés usando, pero será una interfaz de usuario diferente a la normal. Pero debería ser bastante simple porque todavía tenemos acceso para elegir si queremos que sea código de descuento o automático. Y para éste lo voy a llamar a medias para Chris el freelancer, y verás por qué en tan solo un segundo. Voy a bajar aquí y limitaré esto solo a mi dirección de correo electrónico, y voy a dar un 50% de descuento. Todas estas otras cosas pueden permanecer igual. Le pegaré a Guardar en eso. Ahora puedes ver que ese descuento se agrega a nuestra lista de descuentos en nuestra sección de descuentos. Y si me desplazo por aquí, puedes ver bajo type, listará la app que utilicé para crearla. Y puedes ver aquí estamos usando esta app para potenciar este descuento, que difiere de los demás. No hay desplegable para estos otros porque solo están en Shopify nativos Ahora vamos a probar si esto funciona. Haré clic en este botón para ver mi tienda en línea. Y naveguemos hasta un producto, cualquier producto. Agrégalo al carrito. Echa un vistazo cuando ponga mi correo electrónico y haga clic en Continuar con el envío. Verás que me sale el descuento en cuanto shop Fi reconozca que estoy usando este correo electrónico de contacto. Entonces obtengo el 50% de descuento que puse en el admin para este producto. Entonces este es el último sistema en Shubifi. Es una forma en la que podemos usar apps para conectarnos a la sección de descuentos existente aquí en Chobafi, como mencioné al inicio del video Antes de esto, usamos una aplicación separada y escribimos código Ruby para programar descuentos. Y eso solo estaba disponible para tiendas en schobfil, que es el nivel más alto de Así que ahora si estamos en la tienda, podemos escribir nuestras propias funciones y entregar nuestras propias aplicaciones personalizadas. Pero para el resto de nosotros podemos simplemente aprovechar las aplicaciones que aprovechan la API de las funciones de Shop Fi. Y podemos usar la interfaz de usuario de estas aplicaciones para crear funciones que de otra manera no podremos crear en esta sección de descuentos. 11. Aplicaciones: En el último video, instalamos nuestra primera aplicación Shopify para ampliar la funcionalidad de descuento de nuestra tienda Shopify En este video, hablaremos sobre cómo las aplicaciones se conectan a tu tienda y en general, cómo usarlas. Entonces, como vimos antes, la sección de aplicaciones de nuestra tienda Shopify actualmente se encuentra justo aquí debajo de los canales de venta Al hacer clic en el elemento del menú para las aplicaciones. La lista de aplicaciones instaladas aparecerá en el menú desplegable en la parte superior de la ventana. Al hacer clic en cualquiera de estas aplicaciones instaladas aquí nos lleva a la página de esa aplicación. Y también agrega temporalmente el menú de la aplicación debajo de Aplicaciones a la izquierda aquí. Si queremos que el menú de la aplicación se asiente en esta sección de forma permanente, simplemente podemos hacer clic en este botón para fijarlo, y permanecerá ahí si navegamos fuera de esta página. Dado que apenas acabamos de iniciar esta tienda, solo tenemos un par de apps instaladas. Entonces para instalar más, podemos volver a hacer clic en las aplicaciones y en el menú desplegable, usar la barra de búsqueda para buscar en la tienda de aplicaciones Shop Pi. Este botón nos dirigirá fuera de nuestra tienda Shop Fi y hacia la tienda oficial App store. Desde aquí, podemos navegar, buscar y elegir entre más de 8,000 aplicaciones diferentes, todas las cuales han pasado por los requisitos de la tienda de aplicaciones de Shopify Como vimos en el ejemplo anterior, podemos hacer clic para instalar una de estas aplicaciones, aprobar los permisos requeridos y comenzar a usar la aplicación de inmediato. Pero, ¿qué hacen estas aplicaciones y cómo funcionan? Bueno, técnicamente, una aplicación Shopify es cualquier software que a tu tienda hopi fi a través de la API de administración Estas aplicaciones son todas piezas de software de terceros que viven externamente a tu propia tienda Shopify Literalmente, lo único que define una aplicación Shopify es que aprovecha la API que proporciona Shop Fi En términos menos técnicos, todo lo que realmente digo es, es que si bien las aplicaciones pueden encajar muy bien aquí en la estructura de tu menú, estas aplicaciones no son parte de la plataforma shopified En cambio, simplemente se conectan a la plataforma hopi fied. La razón por la que digo esto es para hacer el punto de que cada aplicación funciona enteramente por su propio conjunto de reglas. Si tuviera que dirigirme a alguna sección de mi tienda Shopify, notarás que la interfaz de usuario se mantiene consistente Porque todo esto es parte de la tienda fi admin y sigue un solo sistema de diseño. Las apps, por otro lado, pueden imitar la apariencia del shop fi admin, pero no es obligatorio Por lo tanto, lo que ves en cada app difiere considerablemente. No hay una sola manera de usar una app por este motivo. No hay forma de explicar las aplicaciones de una manera que se aplique a las 8 mil de ellas. Nuevamente, la única similitud entre aplicaciones es la API de administración. La API que le permite conectarse a la tienda Shobifi. Si eres más un usuario técnico, puedes dirigirte a la documentación oficial para leer más sobre la API de administración y qué posibilidades hay disponibles. Pero para la mayoría de ustedes, la forma en que interactuará con las aplicaciones es buscando soluciones a problemas en Shopifi que no puedan ser fácilmente resueltos por la propia plataforma Por ejemplo, implementar un sistema de revisión de productos, un programa de fidelización o un sistema para inscribir clientes para pagos de suscripción. todos estos son ejemplos de funcionalidad que el comprador puede no ser capaz proporcionar la base de datos o usar la interfaz Sin embargo, todos estos son ejemplos de funcionalidad que el comprador puede no ser capaz de proporcionar la base de datos o usar la interfaz para cualquier cosa que sea puramente front-end, definitivamente revise primero su tema y vea si se puede lograr simplemente editando su código de tema. Hay un montón de aplicaciones que simplemente modifican tu front-end usando software externo, donde podrías haber actualizado algún código de tema y obtener el mismo resultado. Dado que cada app juega según sus propias reglas, voy a terminar la lección aquí. Sin embargo, si hay una aplicación en particular que quieres aprender, avísame en los comentarios, y posiblemente pueda crear un recurso de aprendizaje separado específicamente en esa aplicación. 12. CONCLUSIÓN: Enhorabuena, ya has llegado al final de esta clase en Shopify store set up. Recuerda, si aún no has publicado tu plan de tienda Shopify en la sección de proyectos de clase de esta clase de Skillshare, hazlo Y si quieres algún comentario al respecto, solo deja algunas preguntas con él y yo las revisaré. Si quieres profundizar en Shopify, puedes consultar mi gama completa de cursos en Chris the Freelancer.com slash courses the Freelancer.com También tengo algunas clases de personalización de temas aquí mismo en Skillshare para que las revises si quieres aprender a obtener un mayor nivel de control sobre tu tienda Shopify Así que echa un vistazo a esos dos si te interesa. Como siempre, si tienes alguna duda o inquietud sobre lo que cubrimos en la clase de hoy, deja un comentario en el cuadro de discusión a continuación. Y haré todo lo posible para señalarte en la dirección correcta. Gracias como siempre por mirar, y espero volver a verte en algunas de mis otras clases.