Masterclass de creación y diseño de tiendas de Shopify: aprender todo lo que necesitas

1. Introducción a el curso de diseño Shopify: Qué pasa, todo el mundo, Bienvenidos a nuestro nuevo curso para Shopify diseño Masterclass Si estás viendo este curso en esta primera vez, no estás seguro de si vas a unirte o no. Déjame seguir adelante y sentar las bases. Te diré exactamente lo que hay en el curso para que puedas obtener todo lo que esperas. Entonces, antes de comenzar, permítanme seguir adelante y hablar de mí mismo. He creado múltiples tiendas Shopify en el pasado. Múltiples tiendas Shopify rentables, y cientos de tiendas Shopify que eran, no eran Si estás tomando este curso, estás aprendiendo de alguien que ha fallado antes, quién sabe lo que es pasar de perder a ganar en Shopify Lo que más importante aprendí con shopify, es que aparte del Marketing, además de adquirir tráfico, más importante para shopify es tener un diseño del que puedas estar orgulloso Y de eso es exactamente de lo que trata este curso. Se trata de crear un diseño para una tienda de la a la Z sobre cómo diseñar correctamente para Shopify Si esto es algo que te interesa, sigue adelante y únete al curso para que podamos seguir adelante y comenzar. Los veré del otro lado. Nos vemos pronto. 2. Introducción al curso: Hola a todos, bienvenidos a la introducción del curso. Bienvenido al curso, la masterclass sobre diseño shopify. Vamos a dar de todo, desde pasos de A hasta la Z cuando se trata de un diseño de shopify, para permitirte crear una tienda que luce como profesionales, la que hoy estás viendo aquí. Hay muchas características que vienen detrás de crear una tienda profesional Shopify. Pero si quieres seguir adelante y crear uno, hablemos de lo que realmente va a ser en el curso para que podamos empezar. Así que para entrar en términos del curso, todas las lecciones que estás viendo aquí, exactamente cuál es su título, exactamente lo que te van a ver en el curso real. Vamos a estar repasando cosas como crear galerías, crear modales divididos. Nos vamos a poner tan granulares como crear el SEO para los productos que tienes en tu tienda Shopify. Vamos a hablar de cosas que son un poco básicas, como banners de héroes. Y incluso estamos hablando de cosas que son un poco más complicadas, como cómo crear tu primer pop-up de newsletter y cuáles son sus requisitos de tienda Shopify y cosas básicas que se requieren para cada diseño de tienda Shopify individual. Realmente te estás poniendo mucho en este curso. Ahora que conoces la estructura del curso, la cantidad de tiempo que es cada lección. Y como se puede ver que están, los tiempos aquí para cada lección se presentan justo bajo el título de cada lección del curso. Vamos a seguir adelante y hablar de para quién es este curso. Es para realmente cualquier persona que quiera construir una tienda Shopify. Las únicas herramientas que en realidad se van a requerir aquí es que vas a necesitar una computadora y no vas a ninguna tienda Shopify. Esas son las cosas que más van a importar. Ahora, también puedes conseguir un tema premium de Shopify que es opcional. Hay diferentes temas de Shopify por ahí. Realmente es tu elección dependiendo del estilo que quieras usar. Pero hablaremos de eso más. Verás en la lección número dos donde hablamos de todos los diferentes temas de Shopify que hay por ahí. De acuerdo, lo siguiente de lo que vamos a hablar es de esta introducción es, ¿cuál es el valor de este curso? Bueno, punto en blanco es que las tiendas atractivas generan ingresos, chicos. El realidad es, es que en 2022 y más allá de 2022, Si vas a estar creando una tienda Shopify, vas a necesitar que sea lo más atractiva posible y nadie quiere comprar en una tienda poco atractiva, crea desconfianza dentro de los consumidores. Y así si quieres generar ingresos en Shopify, vas a necesitar tener una tienda atractiva. Este curso es exactamente para eso. Te va a mostrar exactamente cómo crear una tienda atractiva. Como dije, al igual que el que estás viendo aquí. Ahora, vamos a tener un proyecto de clase. Puedes completar el proyecto de clase después de terminar el curso, tomando el curso y básicamente lo que vas a estar haciendo paso a paso, vas a estar diseñando tu tienda. Y una vez que completes tu diseño de tu tienda y te sientas cómodo que quiero que sigas adelante y copie y pegues tu tienda enlazan el punto mi Shopify link en el proyecto de clase y además añadas el contraseña. El password no es una contraseña privada, es una contraseña accesible pública para que podamos seguir adelante y ver tu tienda y ver cómo se ve desde dentro sin editar ninguno de tus datos. Sin más preámbulos, sigamos adelante y empecemos. veré en la primera lección. Muy bien, nos vemos. 3. Tablero de Shopify y temas: De acuerdo, así que bienvenidos a la primera lección del curso. Ahora, vamos a estar hablando es el Shopify Dashboard y los diferentes temas que puedes seleccionar. De acuerdo, entonces lo que estás viendo en este momento es el panel de Shopify para este sitio web que estás viendo aquí mismo. Está bien. Entonces lo que estás viendo aquí mismo es un sitio web que creé anteriormente, solo por diversión y por aspectos de diseño. Y este es el back-end de ese sitio web para no llegar hasta aquí, hay que ir a plan de tienda, hay que crear una cuenta. Y cuando llegues a la sección de creación de procesos de conteo, vas a ver una sección o la página de inicio que un poco se ve así, ¿verdad? Y lo primero que quieres seleccionar es el botón de la tienda online. Y lo que va a hacer es que te va a llevar ahora a la página que donde puedes subir temas, ¿verdad? Y entonces, ¿qué es un Theme? Adelante y discutamos esto. Entonces un tema es el diseño general detrás de tu tienda. Entonces, ya sabes, ciertos aspectos a la tienda. Al igual que, por ejemplo, la forma en que se diseñan tus banners o la forma en que diseñan tus temporizadores de cuenta regresiva, diferentes diseños de aspecto a tu sitio web está todo incorporado dentro de lo que se conoce como un tema. Ahora hay pagadas y hay temas gratuitos por ahí. De acuerdo, entonces qué tema pavimentado es, es lo mismo que un tema libre. Las únicas diferencias que van a ser características diferentes y van a ser diferentes beneficios. Ahora, un artículo en específicamente va a ser un diseño de una tienda que típicamente puede mejor, ser mejor que un tema gratuito. Siempre recomiendo a mis clientes y a mis alumnos es que vayamos con vigas pagadas porque las pinturas son típicamente mejores ahora eso no siempre es así. Hay algunas vigas pagadas en las que no valen un dólar para gastar, pero hay temas gratuitos que son mucho mejores, ¿verdad? Y hay algunos temas pagados que son beneficiosos y hay algunas vigas libres que no son beneficiosas. Entonces el tema que uso personalmente es el lobo del tema Shopify. Este es su sitio web, pero hay un sinfín de otros temas disponibles. Entonces, por ejemplo, si vamos a, ya sabes, temas gratis aquí, exploramos temas gratis, ¿verdad? Podemos explorar los diferentes diseños temáticos que Shopify nos proporciona. Y podríamos visitar la Tienda Theme donde hay vigas pagadas por Shopify. Ahora hay temas de terceros como también para Shopify turbo, todas estas marcas diferentes. Lo que me vas a ver hacer es que me vas a ver crear una historia usando tienda dolosa, bien. Pero puedes usar cualquier tipo de tema o cualquier tipo de configuración que quieras usar personalmente. ¿ De acuerdo? Recuerda que escoger un tema tiene que ver con tu creatividad, pero también quieres asegurarte de que tu tema sea funcional y creativo, ¿verdad? Entonces cuando digo funcional, el objetivo principal del tema es que se convierta a un nivel más alto de lo normal, vale, entonces un tema típico típicamente los temas libres no incorporan eso, pero como dije, no es necesariamente un requisito, es solo una opción. De acuerdo, así que sigamos adelante y pasemos a la siguiente lección donde hablemos de diferentes configuraciones temáticas. 4. Configuraciones de temas y Demostración de la primera visualización: De acuerdo, así que sigamos adelante y hablemos de la configuración de 50m. Entonces dependiendo de dónde saques tu tema, van a haber diferentes presets o configuraciones que el tema va a tener. Entonces por ejemplo, el tema que estoy usando actualmente, lo que se llama el lobo de Shopify. Tiene cinco demostraciones diferentes son cinco diferentes configuraciones o plantillas, bien, con temas gratis, tienen diferentes plantillas también. Entonces sé por ejemplo, el tema sin límites tiene diferentes plantillas, ¿verdad? Entonces hay blanco y negro y hay un bien vibrante, pues, digamos por ejemplo, para este tema, tienes tablas de nieve, tienes al aire libre, y tienes Boxeo, ¿verdad? Estos son diferentes demos para los tres temas aquí lo que noto es que típicamente engloban diseños similares, solo colores diferentes, ¿verdad? Con vigas pagadas que son de terceros en la tienda Shopify, vas a notar un poco más de una diferencia con un poco más de creatividad detrás de ellos, ¿verdad? Pero si eres principiante, los temas libres son un gran lugar para empezar. Pero si quieres tomarte el e-commerce muy en serio, solo te di cuenta de que los temas pagados incorporan, la mayoría de ellos al menos incorporan diferentes demos. Y para el tema específico que hoy estamos usando aquí, tendrá diferentes aspectos que podemos utilizar para hacer crecer nuestro negocio con las diferentes demos. Y estas diferentes demos serán de utilidad. Entonces si solo una vista previa por ejemplo, aquí, si golpeamos personalizar en la página de inicio para y vamos a seguir adelante y esperar a que esto se cargue. Te vas a notar que hay diferencias significativas entre la de homepage para y la regular, Digamos que la página de producto de la página de inicio. Entonces si solo seleccionamos en esta página del producto a la derecha, para los leggings de lenguajes de revival OG, discúlpame. Lo que estás viendo aquí es una página de producto con tres segmentos de enfoque. Esto es lo que llamo aquí mismo, tres segmentos de enfoque. Y básicamente lo que es esto es si hay un, ya sabes, un concepto en el que quieres que tus espectadores se centren. Estos tres segmentos de enfoque permiten a tus usuarios ver, ya sabes, para las tasas de conversión y solo para difundir mejor tu mensaje, ¿verdad? ¿ Por qué elegirnos? Información sobre devoluciones, informaciones sobre envíos. Cuando la gente entiende más información sobre tu producto y tu negocio, hay una mayor probabilidad de que se conviertan como consumidor porque saben más información sobre ti, ¿ verdad? Crea más confianza. Entonces solo para ver demo para, si hacemos clic en la página del producto aquí, vale, lo que vas a ver como una página de producto que es significativamente diferente a la que estás viendo aquí. Entonces, por ejemplo, esto no es significativamente diferente, pero tienes aquí tres puntos de enfoque. No hay tres puntos de enfoque en esta demo, ¿verdad? Por lo que hay diferentes razones y diferentes lugares donde las tendrías. Volvamos atrás. Por ejemplo, la página de inicio a y tomará personalizar y ver esa página de producto y exploraremos las diferencias entre eso también. Entonces sigamos adelante y tengamos esta carga y solo dale un mini aquí. Y mientras esperamos que se cargue, vayamos a la página del producto, a la derecha, así que vayamos a la barra superior aquí y seleccionemos la página del producto. Lo que estás viendo aquí es que ahora hay tres puntos de enfoque, y también hay una caja de enfoque de oferta especial, ¿verdad? Estas son diferentes características que podría tener cada demo que deseas incorporar dentro de tu negocio, ¿verdad? Entonces, por ejemplo, si estás creando un anuncio y esto podría ser un poco demasiado avanzado para discutirlo. Pero si estás creando un anuncio, estoy en un determinado producto que dice 30% de descuento en tu, no quieres incluir esa información en algún lugar aquí y el cuadro de oferta especial, ¿por qué es eso? Como dije, es una característica diferente que los diferentes temas permiten y solo tienen diferentes beneficios para ellos. De acuerdo, ahora vamos a entrar en la parte de diseño real. Entonces vamos a empezar por usar un diseño específico que nos guste. Y vamos a revisar el diseño en la siguiente lección, y vamos a tomar la decisión final para meternos en ello. Y en realidad voy a estar explicándoles por qué seleccioné ese diseño en particular y cómo vamos a elegir configurarlo, ¿no? Entonces, entrémonos en la lección tres. 5. PUBLICAR NUESTRO tema PARA LA PREPUESTA: De acuerdo, entonces ahora que hemos pasado por diferentes configuraciones y diferentes diseños, aquí en la lección tres, vamos a estar hablando de qué tema o qué demo que voy a estar escogiendo. Entonces voy a estar recogiendo la demo número tres. Y para poder simplemente seguir adelante y publicar eso, vamos a ir aquí al botón de acciones, y vamos a seguir adelante y golpear Publicar. Ahora sé que la demo aún no se ha creado, pero una vez que se haya creado, se verá mucho mejor. Así que vamos a seguir adelante y golpear publicar y esperar a que se publique. Ahora esa casa número tres es ahora nuestra demo publicada. Realmente no hay mucho que ver en la página excepto por lo básico. Entonces sigamos adelante y personalicemos aquí. ¿ De acuerdo? Y vamos a darle sólo un minuto para cargar mientras estamos esperando para cargar. Recuerden chicos, que al cargar su demo, podría tardar solo un minuto o dos en ponerse en marcha. Entonces la maqueta general que estoy viendo aquí es que tenemos una pancarta de héroe, ¿verdad? Y a esto se le conoce como un estandarte de héroe porque se extiende desde el lado izquierdo hasta el lado derecho del tema o del sitio web, ¿verdad? Tenemos debajo un banner split, seguido de una rejilla de producto con un selector de producto en la parte superior. Esta va a ser una herramienta muy útil que vamos a utilizar. Y como dije, es por eso que elegir el tema correcto importa mucho. Entonces si encuentras un tema que tenga estos beneficios, definitivamente debes recogerlo. Aquí mismo hay un banner que tiene una pancarta promocional. Entonces, idealmente habría una imagen aquí y habrá una imagen aquí que donde podrías promocionar un poco el negocio. No estoy seguro de ir a mantener eso, pero veremos como cómo, cómo van las cosas con el diseño. Contamos con nuestra sección de novedades aquí para diferentes productos y diferentes colecciones que estarán creando. Y no tenemos Instagram paradas sección tienda, discúlpame. Y tenemos un pie de página. Entonces lo que vamos a estar haciendo aquí con todo este sitio web y este tema es que vamos a estar haciendo las cosas un poco diferentes con nuestro diseño. De acuerdo, así que sigamos adelante y empecemos con nuestra maqueta. Entonces solo para seguir adelante y hacerme las cosas más fáciles para mí, me gusta el concepto de tener este héroe delimitado aquí. Entonces en realidad voy a elegir mantenerlo lo menos. Banderas divididas es algo que soy muy, mucho de un partidario de ellos defensor, voy a dividir pancartas. Y lo explicaremos en partes posteriores de esta lección o de este curso más bien. Pero los límites divididos es algo que se va a quedar para nosotros y para nuestra rejilla general de productos aquí. De lo que voy a hacer es que me voy a deshacer, voy a deshacerme de esta pancarta y de esta pancarta. Entonces sigamos adelante y golpeamos sección acaba de quitar aquí. Y así nos deshicimos de esos productos son esos límites más bien. Y así tenemos nuestros productos, tenemos sección de nuevas llegadas aquí. Voy a seguir adelante y deshacerme de la nueva sección de llegadas. Por lo que tenemos nuestra sección de ventas flash aquí. Nos vamos a deshacer de eso. Y solo para deshacerte de algo o de una sección aquí mismo, solo tienes que dar click en la sección. Golpeas estos pequeños tres puntos, golpeas eliminar sección. Y vamos a seguir adelante y deshacernos de la sección de tiendas de Instagram. Eso es algo de lo que me voy a deshacer también. Ok, así que vamos a golpear eliminar sección. Por lo que actualmente tenemos nuestro homebound o, o nuestro frente son nuestro banner de héroe, nuestro banner split, y nuestra arena de producto. ¿De acuerdo? Ahora algo que necesito que todos hagan es asegurarme de que agreguen sus propios productos. Entonces eso es a lo que vamos a entrar en la siguiente lección, es que necesitamos agregar nuestros productos y tenemos que crear colecciones para estos productos para poder categorizarlos y que aparezcan en nuestra página web. De acuerdo, así que sigamos adelante y solo guardemos nuestro progreso hasta ahora. Pulsemos el botón de guardar y sigamos adelante y pasemos a la siguiente lección. 6. Banners de héroes: De acuerdo, así que posiblemente una de las lecciones más importantes donde hablamos de pancartas. Entonces cuando hablamos de pancartas de Héroe específicamente, así que típicamente un banner de aquí va a verse algo así, ¿verdad? Se estira desde el lado izquierdo hasta el lado derecho de tu página web. Tenemos algunos ajustes que podemos implementar. Al igual que por ejemplo, podemos hacer transparente nuestro encabezado y él puede filtrarse en el banner real que se puede ver aquí. Entonces si yo, ya sabes, una disculpa, si hago clic en este botón, creará su propio banner. Si hago click en transparente, vamos a dar click en este banner. Básicamente se filtrará el banner en nuestro encabezado. Creo que me gusta esta configuración. Entonces lo que voy a hacer es seleccionar una imagen de banner o mejores fondos. Entonces en mi caso, solo, quieres recordar chicos, esa pancarta tiene un propósito y su enfoque. Ya sabes, ¿qué presentas, qué enfoque o estás presentando al consumidor? ¿ Estás vendiendo camisetas? ¿ Estás vendiendo ropa? ¿ Estás vendiendo lápices o es solo cuadernos. Sea lo que sea que vendas, debería estar en algún lugar de la pancarta. También un buen lugar para un banners si tienes múltiples como este, como un banner deslizante, es que quieres intentar implementar el factor que donde puedas tipo de promocionar cosas y exhibir tus ventas, exhibir tu descuentos, exhibir tus ofertas. Para poder hacer eso. Vas a tener una mejor oportunidad con las tasas de conversión, ¿verdad? Eso es lo que los banners de héroes o por cada pieza de bienes raíces en nuestra página web tienen un propósito, y este es el propósito de eso. Entonces sigamos adelante y pasemos a la presentación de diapositivas aquí. Y para nuestra primera diapositiva, que va a ser la diapositiva número uno, vamos a seleccionar una imagen. Ahora, tengo algunas imágenes precargadas. Podéis seleccionar cualquier imagen que queráis. Entonces, solo demos este atestiguamiento. Esta era una pancarta que teníamos a nuestra disposición. Y creo que en general se ve bastante decente. Y podemos seleccionar los diferentes encabezados. Ahora si te preguntas qué es este bloque que dice un 160 por 46. Es simplemente un logotipo por lo que no podemos editar eso dentro del Banner. Como dije, eso es algo de encabezado del que hablaremos en las futuras lecciones. Pero solo por este sake de video, podemos seleccionar una de las capas inferiores que hemos guardado. En este caso, obviamente no va a quedar demasiado bien. A lo mejor queremos hacer el logotipo un poco más pequeño para que no le quite a la imagen. Entonces como lo hicimos, se ve muy, muy limpio. Podríamos incluso querer hacer del texto y el color un color diferente para los pancartas. Entonces puedes ver aquí, ahora es mucho más limpio. Podemos incluso editar el texto. Por lo que hay un botón Shop Now aquí. Para ello, sólo nos dirigimos a la presentación de diapositivas, también conocida como pancarta. Podemos editar el texto. Entonces en este caso, botón de color. Podemos hacer que el valor predeterminado sea naranja y pasar el cursor sea blanco, por ejemplo. Entonces cada vez que alguien se cierne y los colores van a cambiar del botón, y vamos a seguir adelante y golpear guardar. Y vamos a refrescar la página para que podamos ver cómo se ve eso. Entonces voy a volver aquí y vamos a refrescarnos. Déjenme esperar el ahorro. Está bien, está guardado. Y déjame golpear recarga aquí. Démosle un segundo para que cargue. Porque como sabemos, hay mucho contenido en la tienda. De acuerdo, ahí vamos. Entonces tenemos nuestro texto, tenemos nuestro botón. En cualquier momento voy a pasar el cursor sobre el botón, se pondrá blanco. Y tenemos nuestro logo que está minimizado y tenemos un encabezado transparente. Ahora ustedes pueden agregar diferentes pancartas. Sólo voy a guardar esta pancarta por ahora sólo por el bien de este video, como dije, así que cubrimos ahora modales de héroe. Sigamos adelante y pasemos a dividir banners. 7. Cómo crear productos y colecciones: De acuerdo, entonces ahora para crear nuestros productos y nuestras colecciones, vamos a volver aquí al botón de salida. Pongamos el botón de salida. Seleccionemos productos. Ahora, vas a ver que tengo una lista de productos están listos cargados. Ahora esto es algo que van a querer hacer y les voy a mostrar cómo hacer esto exactamente aquí, ahora mismo. ¿ De acuerdo? Entonces lo primero que vas a hacer es que vas a pasar el cursor hacia el lado derecho y deberías ver un botón que diga agregar producto. De acuerdo, vamos a seguir adelante y seleccionar eso. Y para poder agregar un producto que necesitara un título, una descripción, medios, y precios. Por lo que no necesariamente necesitamos todos estos aspectos como No necesitamos descripción, no necesitamos una imagen. Pero para que nuestra tienda se vea realmente decente, vamos a hacer eso. Y como estamos modelando nuestra tienda fuera del negocio alfa2, vamos a estar haciendo eso por el bien de este video. Entonces si acabo de buscar atletismo atleta, voy a encontrar un producto que buscamos promocionar, por lo que no son promocionar, pero buscamos poner en nuestra página web más bien. Entonces digamos que en este caso, busco una camiseta. Digamos que es esta camiseta, ¿verdad? Voy a seguir adelante y descargar las imágenes. Y ahora en tu caso, no necesariamente vas a estar descargando imágenes desde cualquier lugar. Vas a estar creando tus propios productos, o tal vez seas envío directo o lo que sea el caso. Entonces en este caso, voy a golpear este pequeño botón de descarga. Y sólo vamos a golpear descarga aquí. Descarga aquí, aquí, y aquí. De acuerdo, entonces ahora que tenemos todo un poco descargado de la forma en que queremos, volvamos aquí y solo arrastremos y soltemos cada imagen. Recuerda que puedes arrastrar y soltar fácilmente imágenes en tu sección de medios para tu producto. Ahora, ahora que sé que tengo las imágenes disponibles, esta imagen media aquí mismo va a ser la imagen de enfoque en nuestro producto. Entonces si yo sólo le diera este nombre, un producto llamado llama camisa, y acaba de golpear Save here. Y si fuera para previsualizar el producto y vamos a seguir adelante y hacer eso ahora. Sigamos adelante y veamos la vista en mi tienda online. Cómo se ve un poco. Como se puede ver, este es el producto de la foto principal. Obviamente no queremos eso. Queremos mostrar esta foto como la de arriba o la principal. Entonces sólo vamos a volver aquí. Y sólo vamos a arrastrar y soltar la foto al frente. De acuerdo, y sigamos adelante y pueden ver aquí nuestros medios ya han guardado. No teníamos notificación que apareciera. Ahora en este caso, sí quiero que mi precio de producto sea correlacional. Entonces básicamente lo que eso significa es que si tenemos otras camisas en nuestra página web, queremos cobrar el mismo precio en todo el sitio web, ¿verdad? Entonces eso es solo, hace que el sitio web se vea un poco más limpio y un poco más sencillo. De acuerdo, así que volvamos aquí y hagámoslo 28 dólares. Pero primero en realidad tenemos que crear variaciones. Entonces si no tienes ninguna variación a tus productos como diferencias en talla y color, etc. Simplemente puedes teclear 20 aquí sin problema y solo podrías guardar tu trabajo. Pero en mi caso, tenemos variaciones al producto. Entonces me voy a desplazar hacia abajo e ir a varianza aquí. Y sigamos adelante y peguemos aquí. Y vamos a teclear en tamaño. Esa es una variante para nosotros. Y vamos a sumar los diferentes tamaños. Tan pequeño, tenemos mediano, tenemos grande, y tenemos extra grande. Y para cualquiera que quiera saber cómo agregamos estos, todo lo que tienes que hacer es escribir la palabra y una vez que quieras agregar la palabra, solo tienes que pulsar Enter. Y así le pegamos a guardar aquí. Y así mientras nuestros productos sean todos del mismo precio, carbono todos aparecen aquí a los 28. Y lo que podemos hacer es tomarnos el tiempo para previsualizar el producto. Entonces si solo busco playera aquí, deberíamos ver la playera pop-up. Entonces aquí está. Y sigamos adelante y solo veamos el producto. Y así la playera está disponible. Obviamente, como pueden ver, el único problema que tenemos es que está fuera de parar. No se puede pedir. Entonces, ¿cómo vamos a poder manipular las acciones? Porque vamos a volver aquí y vamos a editar nuestra cantidad. Entonces en este caso podría escribir algo así como diez. Podría escribir un 100 aquí, o mil. Podría escribir 40 o 30, podría escribir 20. Y sigamos adelante y peguemos a guardar. Ahora bien, si este es tu producto, compraste algo que quieres hacer es que realmente quieres contar tu cantidad. O simplemente, puedes tener un ajuste dentro de la tienda donde no quieras siquiera contar la cantidad, pero eso es algo que es un poco más avanzado en mi caso, siempre recomiendo a todos contar cantidades para tus productos, ok ? Ahora, tampoco voy a nombrar la camisa de producto. Yo lo voy a llamar apagón. Apagón t, ¿verdad? El apagón t. Adelante y golpeemos Save. Ok. Por lo que tenemos nuestro nombre de producto, tenemos nuestras fotos, y tenemos nuestros precios. Ahora. Ahora solo para sentirme cómodo, solo quiero seguir adelante y previsualizar el producto una vez más y asegurarme de que se vea realmente bien. Y así podemos ver aquí que tenemos la imagen principal que tenemos. Si seguimos desplazándonos, tenemos las otras imágenes y también la tenemos en stock. Está bien. Entonces si alguien sólo va a hacer una pregunta rápida sobre y esta sección de prisa. Con esta sección aquí mismo, esto es como dije, un tema. Y este es un tema por debajo. Entonces dependiendo del tema que tengas, vas a tener diferentes beneficios y diferentes looks a tus páginas. Y mi caso con el tema que compré en el tema que tengo es que llego a tener esta característica, que básicamente lo que hace esta característica es que es un asesor de incentivos. Entonces cuando la gente viene a mi sitio web y tengo como un anuncio que se está ejecutando o algo así. Dice stock limitado disponible y ven algo como esto. va a motivar a comprar más. De acuerdo, entonces eso es sólo un pequeño consejo ahí. Ahora, antes de que sigamos adelante y terminemos la lección aquí, necesitamos hacer dos cosas más. Necesitamos agregar una descripción y necesitamos agregar este producto a lo que se conoce como una colección, ¿no? Por lo que añadir una descripción es muy sencillo. Simplemente tecleas contenido y guardas para que puedas hacer contenido y perno. Se puede cursiva el contenido y se puede subrayar, ¿no? Se pueden agregar puntos de viñeta. Entonces si quisiera agregar puntos de bala aquí, diría, ya sabes, todos estos diferentes puntos de bala a mis productos. Puedo agregar imágenes. Entonces si quisiera agregar una imagen a mi descripción como esta imagen y pega ins, o podría hacer eso, ¿verdad? Hay muchas cosas que puedo hacer en este caso. No es algo que yo quiera hacer. Entonces voy a seguir adelante y deshacerme de todo eso. Y lo que voy a hacer es que sólo voy a copiar y pegar la descripción que está disponible para mí. Ahora, obviamente, este no sería el caso en una tienda de la vida real. Básicamente, tendrías que tener tu propia descripción, tus propias fotos, eres tu propio nombre de producto, todo ese tipo de cosas. Pero lo que estoy haciendo aquí es que solo estoy remodelando el boleto de la tienda para poco mostrarles chicos y darles una idea de cómo debe ser el diseño. De acuerdo, así que sigamos adelante y volvamos aquí. Y así tenemos todos estos diferentes productos que tenemos disponibles. Adelante y retrocedamos. Estos son sólo una especie de lista de productos que se crearon una vez que ustedes chicos crean una lista de productos que quieren o que terminaron, vamos a tener que crear colecciones. Ok? Entonces, ¿qué colecciones son las diferentes categorías para ciertos productos? Entonces tenemos nuestra categoría de producto aquí o colección llamada tops de hombre, ¿verdad? Y por cierto, para crear una categoría, solo tienes que hacer clic en las colecciones y crear colección, ¿verdad? Y se verá algo así. Vas a seleccionar Manual para la carga manual del producto. Y solo vas a buscar cada producto que pudiera ajustarse al pedido. Entonces en este caso, tenemos paradas de hombres y uno de los tops de los hombres son este apagón T. Y así que déjame seguir adelante y pegue hecho. Por lo que puedes ver aquí se agrega y podemos añadir una descripción si quieres. Es realmente opcional. En mi caso, no voy a estar agregándolo, pero esta es una manera decente de seguir adelante y empezar. Por lo que quieres hacer esto con todos los productos que tienes. Se quiere encajarlos en diferentes colecciones. Y más de un producto puede caber en más de una colección. Entonces imagina si tuvieras un accesorio como un par de gafas de sol. Esa persona gafas podrían caber en la colección de accesorios y podría caber en la colección de gafas de sol. Por lo que los productos pueden caber en más de una colección al mismo tiempo. De acuerdo, así que asegúrate de hacer eso. Agregas todos tus productos, añades todas tus colecciones. Muy bien, entonces sigamos adelante y pasemos al siguiente segmento donde hablamos de SEO para páginas de productos. 8. SEO de PRODUCTO: Ok chicos, bienvenidos a la lección número cinco, donde hablamos de realizar SEO para productos. Entonces esto es sólo un pequeño segmento, supongo, en SEO. Definitivamente hay formas en las que podríamos hablar por horas y horas y horas en SEO. Pero lo que SEO solo significa es que representa la optimización de motores de búsqueda. Y básicamente, si no sabes lo que es un buscador, un buscador es, por ejemplo, google.com, yahoo.com, Booking.com. Ya sabes, todos estos son ejemplos de motores de búsqueda. Y básicamente qué es SEO donde optimizas tu sitio web para un motor de búsqueda. Ahora, parte de esa optimización que podrías hacer en Shopify es asegurarte de que le estés diciendo a Google, oye, quiero clasificar para esta palabra clave específica. Entonces en este caso, si estuviera vendiendo esta camiseta, como si de verdad la estuviera vendiendo, acuerdo, y solo haga clic en el profesor. esta camiseta le llamamos “t negra”, ¿verdad? Si realmente estuviera vendiendo esta camiseta, no me gustaría clasificar en Google por la palabra clave blackout T para que cuando alguien la busque y puedan ver mi producto. Bueno, ¿cómo puedo decirle a Google que quiero clasificar? Bueno, esto es algo que ustedes chicos van a querer hacer con cada producto que tengan. Vas a querer tener que tener la palabra clave por la que quieres clasificar en el título de tu producto. Se quiere tenerlo en algún lugar de la descripción. Y quieres tenerlo como tipo de producto y quieres tenerlo como ataque. Entonces esto es solo un pequeño truco que hago para asegurarme de que clasifique en Google, o al menos le estoy diciendo a Google, oye, quiero clasificar para esta palabra clave. Ver lo que pasa es que Google se clasifica fuera de algo referido como densidad de palabras clave. Y como dije, podemos hablar mucho de esto. Pero densidad de palabras clave solo significa cuántas veces es densa esa palabra clave? ¿ Qué tan denso es eso? ¿ Cuántas veces se encuentra dentro de la página web? Entonces si agrego apagón t aquí, ¿verdad? Y si lo agrego aquí, y lo tengo en mi descripción en algún lugar, a pesar de que podría no serlo. Pero digamos que es y digamos Tier I hit save. Ahora cuando Google empieza a gatear, el sitio web puede decir y pueden decir, bien, claramente este sitio web quiere clasificar por apagón T. Otra forma de también son otra cosa a la que quieres prestar atención es el texto alt. Entonces siempre que no tuviste imagen, quieres decirle a Google qué es esta imagen, ¿verdad? Por lo que acabas de golpear el texto alt y agregas la palabra clave en tu texto alt. Vamos a golpear Guardar texto alt aquí. Y vamos a seguir adelante y deshacernos de esto y hacer lo mismo por cada producto, ¿verdad? Y en realidad puedes probar diferentes palabras clave y cosas así para diferentes textos alt. Pero en general, es un poco un buen enfoque tener, ¿verdad? Y la razón es que si consigues 100 visitantes extra entre 25020, sea cual sea el número, básicamente es conseguir tráfico gratuito a tu página web que no tienes que pagar. Entonces es por eso que hacemos SEO y así en realidad es como hacemos SEO. Muy bien chicos, así que pasemos a la siguiente lección. 9. AÑADIR PRODUCTOS en línea: De acuerdo, sigamos adelante y empecemos la lección número seis, donde comenzamos la implementación del producto, ¿verdad? Así que sigamos adelante y nos dirigimos a la tienda en línea y vamos a golpear personalizar. Ahora lo primero que vamos a querer hacer es cualquier sección donde veamos productos vacíos pueden tener que llenarse con ciertos productos que estaban vendiendo. Por lo que como saben, estamos vendiendo productos relacionados con hombres y mujeres. Entonces algo así es inaceptable. Tenemos que asegurarnos de que tenga imágenes de producto. Así que sigamos adelante y golpeemos la versión del producto aquí. Y tenemos diferentes pestañas de productos. Entonces en una pestaña, voy a nombrar una ficha, hombre para productos masculinos y otra pestaña, voy a nombrarla de Mujer. Está bien. Entonces tenemos una de mujeres y tenemos una de hombres. Estas son diferentes pestañas por las que la gente va a poder cambiar. Ahora déjame seguir adelante y añadir una colección para eso. Entonces vamos a golpear colección selecta. Y vamos a pegarle a los hombres, vamos a golpear selecto. Ok. Por lo que tenemos aquí una selección de productos masculinos. Y tenemos una selección que vamos a sumar para las mujeres aquí. Y vamos a seleccionar nuestro producto femenino. Entonces busquemos la de las mujeres. Y la de las mujeres está justo aquí. Vamos a golpear selecto. Por lo que siempre que un consumidor haga clic en nuestra cuadrícula de productos aquí entre la de las mujeres y los de los hombres, van a poder dar la vuelta a través de nuestros productos. Ahora bien, ¿y si quiero que esto se vea un poco más limpio? Lo que voy a hacer es que voy a organizar cómo se ven mis productos. Entonces, ¿cómo hago eso? Bueno, sigamos adelante y solo echemos un vistazo a esto aquí. Y sólo memoricemos qué es, qué colección es. Por lo que tenemos colección de hombres y tenemos nuestra colección de mujeres. Déjame seguir adelante y añadirla colección aquí. Y lo que voy a hacer es que voy a editar el diseño de cómo son los productos masculinos, son seleccionados. Entonces si acabo de golpear a navegar, Tenemos algunos productos para hombres aquí. Entonces voy a seleccionar este, éste, y cualquier otro producto relacionado con hombres. Entonces tenemos estos, ¿verdad? El varsity joggers, los shorts varsity. Estos son todos productos femeninos. Tenemos una camiseta playeras para hombre. Y eso es básicamente ahora algo así como como en la vida quieres traer la mejor impresión para adelante. Esto es, va lo mismo para los sitios web. Entonces lo que voy a hacer es que voy a golpear menú aquí. Y lo que quiero hacer es que tipo de editar el orden de dónde se muestran los productos, por qué aparecen en cierta etapa, porque eso me dará una mejor oportunidad de convertir uno. Mi sitio web solo está diseñado de manera más limpia. Tan limpiamente, si esa es la palabra correcta. Por lo que 1234 camisas Aquí. Tenemos otras camisas aquí. Entonces tenemos algunos cortos. Por lo que tenemos diez productos en total. Adelante y ya está guardado. Entonces si este botón está gris así, entonces eso significa que ya está guardado. Para que podamos volver aquí a nuestras colecciones y solo buscaremos Women's. Entonces será el último aquí. Y vamos a hacer exactamente lo mismo aquí. Entonces sigamos adelante y navegamos. Y vamos a seleccionar todos los productos femeninos. Por lo que tenemos dos cientos de productos aquí. Tenemos, empezar desde abajo, tenemos esto, esto, esto, esto, esto, estos. A ver si nos perdimos algo aquí abajo. Simplemente seguiré desplazándome hacia arriba. Y eso parece una buena configuración hasta ahora. Vamos adelante y pegue hecho. Y ahora ordenemos manualmente seleccionando el orden. Y creo que quiero seleccionar este producto para ser primero. Esto a mí primero. Tercero aquí, traigamos las chaquetas sin costuras. Y esta chaqueta sin costuras, Tenemos los shorts y tenemos el top de bikini, así que Eso va a ser lo suficientemente bueno. Obviamente ya está guardado. Así que volvamos a nuestra página personalizada aquí y solo actualicemos nuestra página y veamos cómo se ven nuestros productos, colecciones de productos cuando implementamos nuestro propio tipo de configuración de productos. Entonces démosle sólo un segundo a cargar y debería estar todo listo para nosotros muy rápido. A lo mejor si salgo de aquí. De acuerdo, así que puedes ver aquí tenemos nuestros productos subidos ahora. Entonces algo que voy a querer hacer es que voy a querer llevar este al fondo a la derecha con esto. Y voy a querer hacer esa edición, pero en general, se ve bastante decente. Por lo que puedes ver aquí obviamente por primera vez cargando. Entonces algo que tal vez quiera hacer es deshacerme de estos productos porque tienen forma diferente o tamaños más pequeños. Pero esto es algo que ustedes van a querer hacer con sus sitios web también. Y vas a querer asegurarte de que las imágenes sean todas uniformes y todas del mismo tamaño. Está bien, y eso es sólo un pequeño consejo para ustedes. Entonces sigamos adelante y solo hagamos eso en cámara muy rápido. Por lo que este rendimiento de acordes T tiene que ser llevado a un fondo, si no sólo totalmente oculto. Y esto, mientras que aquí, estos tres productos deberían ser justos, sólo ocultemos totalmente esos. Entonces lo que vamos a hacer es volver a saltar a nuestras colecciones. Entonces vayamos aquí a nuestra pancarta, y sigamos adelante y sólo discúlpame, no nuestra pancarta. Contamos con nuestro producto v3. Vamos a ir a los hombres, vamos a golpear Editar colección. Y como dije, necesitamos editar nuestro core performance t y mover esto todo el camino al botón solo para las características de tamaño. Y lo que realmente quiero hacer. En este caso, ya que el rendimiento del núcleo t es mucho más pequeño, vamos a mover esto al fondo aquí. Y vamos a tirar hacia arriba el, vamos a hacer sólo diez productos en la parte superior. Entonces si solo sigo adelante y guardo esto y me aseguro de que el jogger identitario y el core performance T. Así que tenemos aquí el jogger identitario. Voy a ir de cabeza. Y así tenemos este jogger identitario. Y tenemos al varsity jogger. Entonces lo que vamos a hacer es que vamos a deshacernos de esta raíz de esto. Nos vamos a deshacer de esto y deshacernos de esto ahora, típicamente chicos, normalmente, tendría estos productos disponibles en la página web. ¿ Por qué nunca hay demasiado pequeño? Las fotos son simplemente no se ven bien. Por lo que no quiero arriesgar la calidad. O el aspecto de diseño solo para tenerlos disponibles así no me interesa. Entonces tenemos, vamos a ver cuántos productos tenemos. Contamos con 12 productos de visible. Por lo que deberían ser los primeros 12. Entonces echemos un vistazo a través de uno hasta 12 aquí. Por lo que tenemos 1234567891011. Este debe ser 11 y éste debe ser 12. De acuerdo, vamos a seguir adelante y asegurarnos de que tenemos nueve productos disponibles. Entonces, vamos a deshacernos de esto. Deshacernos de esto. Deshacernos de esto. Adelante y actualicemos esto realmente rápido. De acuerdo, entonces nueve productos disponibles. Y si solo refrescamos esto, debería verse exactamente como lo queremos ahora debería verse todo uniforme, todo muy limpio. Démosle un minuto a eso. Ok. Sí, sí se ve todo uniforme. Se ve muy limpio. Ahora, tenemos este producto un poco colgando aquí sin otros productos con este espacio vacío. Y eso simplemente no me queda bien. Entonces, lo que podríamos hacer es que podríamos, solo echemos un vistazo a algunas configuraciones aquí. Podemos editar el estilo del artículo del producto. No sé si realmente quiero hacer eso, pero lo que sí quiero hacer es que quiero mostrar, digamos diez productos. Digamos que nueve productos en este caso, sus ocho. Sí, ocho productos como buenos. Vamos a apegarnos a ocho. Y obviamente puedo editar cuántos productos hay en la fila aquí, pero eso no me interesa actualmente mientras hablamos. Simplemente no es algo en lo que quiero enfocarme. Obviamente podríamos editar el estilo del artículo. Por lo que en este caso, tenemos el estilo de artículo número seis. Vamos a darle un segundo para previsualizar el estilo del elemento número cinco. A ver si hace esa gran diferencia para nuestro diseño. Y recarguemos realmente rápido solo por el bien de la velocidad. Volvamos aquí. Deberían cargarse en tan solo un segundo. Recuerden chicos, este nuevo diseño para Shopify es un poco buggy. Por lo que Shopify ha cambiado su interfaz de usuario. Entonces podría ser un poco buggy, pero puedes ver aquí ahora el diseño real es diferente, ¿verdad? Entonces tenemos este diseño ahora, así que depende de ti un poco de qué estilo te gusta. Entonces si vuelvo aquí y solo he usado el estilo, digamos el número tres, veamos cómo se ve el sonido número tres. Y si vuelvo aquí y me refresco, debería tomar unos segundos. Entonces este es el Estilo Número tres. A mí me gusta mucho el estilo número tres. ¿Qué piensan ustedes chicos? ¿ Me lo van a hacer saber? Pero, ya sabes, si los colores se interponen, creo que esto se ve bastante decente para lo que estamos haciendo. Pero tenemos hombres y tenemos mujeres. Entonces con los de las mujeres, tenemos estos tres productos pasando el rato, así que tendremos lo mismo. Por lo que bien podríamos simplemente seleccionar ocho productos para mujeres. Entonces vamos a V3 aquí, y vamos a seleccionar ocho. Entonces ocho, vamos a golpear Save. Muy bien, vamos a la de las mujeres. Y ahí tienes. Contamos con ocho productos para mujer. Ahora para que este tipo de configuración o el estilo se vea bien, tendríamos que tener este texto para lucir un poco diferente. A lo mejor sería naranja, están listos para empezar. Pero no nos preocuparemos demasiado por eso por ahora. Entonces así es exactamente como se crea y manipula e implementa realmente sus productos para su tienda. De acuerdo, pasemos a la siguiente lección. 10. El arte de crear banners divididos: De acuerdo, así que divide banners, queremos tener algún tipo de tema coincidente. ¿ De acuerdo? Entonces con un banner split, realmente tienes que analizar tus productos, lo que tienes a la venta, lo que tienes disponible. Y la razón por la que eso es importante es porque los consumidores quieren ver la segmentación y sus productos. Entonces, por ejemplo, esta es una tienda de ropa para hombres y mujeres. Bueno, una idea de eso es que tenemos hombres y mujeres llegando a nuestra tienda de ropa. Queremos presentarles lo que es más probable que vayan a comprar lo antes posible. De acuerdo, así que sigamos adelante y peguemos la presentación de diapositivas aquí, o volvamos más bien aquí. Y vamos a pegarle pancarta. Ahora, va a haber diferentes pancartas que puedes agregar cuando este tema, puedes usar el tema que quieras. Pero vamos a seguir adelante y seleccionar un banner. Y para nuestra primera imagen de banner que tenemos, recuerda tenemos Estableciendo número uno, ¿de acuerdo? Que es esta imagen aquí mismo. Y tenemos estableciendo el número dos para esta imagen de banner. Por lo que idealmente, tenemos productos para hombres y mujeres. Por lo que quisiéramos dividir los pancartas en algo que sea un poco igual o similar. Entonces, vamos a dar click en esto. Veamos cómo se ve esto. Entonces tenemos una pancarta dividida aquí. A lo mejor podríamos simplemente dar clic y ver tipo de cómo se dan forma a otros productos. Vamos a ver aquí. Entonces esto se ve bien. Tenemos todo un montón de productos diferentes. Eso lindo cuando se trabaja con una marca como esta es que tienen un montón de imágenes que podemos subir y probar. A ver qué se ve bien y qué tipo no se ve bien. Para que podamos probar un montón de cosas diferentes, ¿verdad? Tenemos todo un montón de imágenes diferentes para seleccionar. Entonces como dije, quieres subir diferentes imágenes y probar y ver un poco cómo se ven. Se quiere tener algo de uniformidad obviamente. Entonces si una imagen es de un tamaño, quiere tener otra imagen tipo de correlación. Y quieres mostrar también una clara diferencia entre ambos. Entonces imagínense si esto fuera el número uno, y digamos que esto sería imaginado número dos. Esta no es realmente una forma ideal de utilizar tus bateadores divididos porque el concepto es que estamos vendiendo productos de hombres y mujeres aquí y luego de hombres y mujeres aquí. Por lo que queremos separar las identidades. Entonces tenemos una imagen aquí, digamos, y digamos , vamos a ver si esta imagen un poco ver los tamaños de las imágenes no coinciden. Entonces no queremos ir con esto. Queremos asegurarnos de que los tamaños de imagen coincidan. Entonces tal vez podamos hacer click en, por ejemplo, esto, ¿verdad? El almacén básico que tenemos disponible aquí, o las fotos más bien yo es tenemos unas cuantas imágenes diferentes que van a mostrar como por ejemplo, esta. Tenemos esta imagen, ¿verdad? Justo como lo tuvimos en la demostrada que creé. Y tenemos, solo sigamos adelante y carguemos más para poder previsualizar. Y tenemos éste. Por lo que puedes ver aquí hay una enorme diferencia. Entonces por ejemplo, a la derecha diría algo así como quizá programas de entrenamiento. Y a la izquierda sería algo así como ropa de trabajo. De acuerdo, entonces será un poco diferente. Podemos editar obviamente los colores de los botones y cosas así, pero este es solo un lugar decente para empezar con nuestros banners divididos. 11. Cómo añadir imágenes a nuestro sitio web: De acuerdo, entonces vamos a discutir cómo agregar imágenes a nuestro tema a nuestro sitio web aquí. Por lo que podemos agregar imágenes de dos maneras diferentes. Entonces podemos ir a, por ejemplo, como un banner o algo así, cambiar y luego simplemente subir un montón de contenido aquí. Pero hay otras formas de hacer eso, y eso es lo que voy a estar compartiendo con ustedes hoy. Entonces si puedes ver aquí, he descargado un montón de imágenes. Si tan solo pudiera tomarlo, arrástralo y soltarlo, se subirá aquí mismo. O lo que podría hacer es poder dirigirme a la inicio de Shopify para que pudiera ir a salir y pudiera escribir archivos. Y aquí verás una opción para archivos. Vamos a dar click en eso. Y cargará todos los archivos. Y solo podemos golpear archivos de subida aquí y solo podemos arrastrar y soltar todas las imágenes que queremos agregar y golpear abierto. Ya verás que en realidad van a empezar a cargarse. Ahí está esta pequeña barra verde que se considera una barra de carga que está cargada de todo. Entonces la razón por la que agregué todas estas imágenes es que esto es algo que quieres, vas a querer hacer también, es que vas a querer tener que acumular todo tu contenido antes de comenzar tu diseño temático. Se desea tener tamaños generalmente similares. Y quieres tener como una maqueta de una idea de cómo tu tema o cómo debe verse tu sitio web. Y por eso este curso es para, ¿no? Por lo que podemos guiarte a través de eso. Pero definitivamente quieres subir algún contenido. Y eso es sólo algo un pequeño consejo que encontré que hace vida un poco más fácil a lo largo de todo el proceso de construcción. De acuerdo, entonces pasemos a la siguiente parte. 12. Crea un segundo banner a nuestro sitio web: De acuerdo, entonces ahora que he subido algún contenido, en realidad quiero crear un segundo banner a nuestro sitio web. Entonces sigamos adelante y vayamos a la tienda online aquí. Y vamos a presionar el botón Personalizar. Y vamos a deshacernos de esta pequeña barra de carga de aquí. Y lo que vamos a estar esperando es todo el tema para cargar, correcto, para, para que todo se cargue. Así lo hizo en este momento. Y se puede ver aquí en el lado derecho de la batería tenemos un 123. Ahora estos están vacíos. Podría elegir usar este banner específico o presentaciones de diapositivas que llaman, pero también puedo usar otras cosas. Entonces tenemos estandarte, uno, estandarte para prohibir o tres, estandarte para ben cinco, ¿verdad? Y este límite no es necesariamente así. Es todo el camino a través de la bandera seis, ¿verdad? Como un sistema a través de esta manera. Y también tenemos presentación de diapositivas. Entonces vamos por aquí y golpeemos carga más. Y como dije, esto no va a ser lo mismo para todo lo que solo depende del tema que tengas. Y así me desplazaré un poco más hacia abajo. Y así tenemos diferente espectáculo lateral. Entonces tienes una presentación de diapositivas, ¿verdad? Que es una gran presentación de diapositivas de héroe. Tenemos presentación de diapositivas para presentación de diapositivas tres, ¿verdad? Presentación de diapositivas para Presentación cinco. Entonces ustedes tipo de tener la idea de lo que voy a ir con ellos, sólo voy a seguir con la presentación de diapositivas que estamos usando actualmente. Y yo sólo voy a añadir un nuevo banner. Entonces vamos a golpear selecto inmaduro. Y vamos a seleccionar en la imagen que queremos. Y vamos a golpear selecto para que podamos ver un poco cómo se verá. Y eso me queda bien. Ahora una vez que guarde mi progreso y vuelva aquí, va a tener que no van a estar encima el uno del otro así. Ahí va a haber la flechaita aquí con 123 y estará disponible para nosotros. De hecho me voy a deshacer del número tres aquí porque no creo que número tres no sea necesariamente necesario para la presentación lateral número tres, sigamos adelante y peguemos guardar, y solo refresquemos. Entonces sigamos adelante y solo refresquemos realmente rápido. Y debería darnos exactamente lo que necesitamos, que va a ser 21 diapositivas con dos imágenes diferentes o como pancartas, van a estar tocando su pancarta. Entonces tenemos uno aquí y tenemos que, ahí vamos. Entonces eso es lo suficientemente bueno para nosotros. Se puede ver que hay como una animación de cosas mudándose, ¿verdad? Entonces eso es bueno. Y entonces eso me gusta. Y eso es algo con lo que me voy a quedar para nuestro tema. Entonces tenemos 12 ahora si quería hacer de éste el primero, simplemente lo arrastraré así. Y entonces será la primera, y luego la amarilla será la segunda. Por lo que éste será el segundo. Esto tendrá la posición número uno. También podemos editar los márgenes. Podemos hacerlos más grandes o más pequeños. En este caso, los márgenes por defecto son perfectos de lo que funcionan para mí. Pero si quieres cambiarlos, solo puedes agregar un número como 40 o 20 o algo así. Y eso cambiará la vista previa de píxel. Y mi caso, como dije, los márgenes son perfectos donde están. Entonces solo voy a guardar mi progreso, vale. Y como dije, lo que estás viendo aquí es que este es el tema cargando, ¿verdad? Muestra presentación de diapositivas una presentación de diapositivas a, una vez que esta barra verde se haya cargado todo el camino, será uno encima del otro de la forma en que se supone que debe ser. Se va a tener una pequeña aquí, un poco para un poco así. Y así es exactamente como se verá en el extremo del consumidor y en el tuyo. Entonces eso es sólo algo a tener en cuenta. 13. La edición de banners divididos: De acuerdo, entonces algo que voy a estar haciendo es que voy a estar editando nuestros bateadores divididos. Te vas a encontrar que hay momentos en los que necesitas editar el contenido en tu página web, igual que yo tengo aquí. Ahora si recuerdan, todo el punto de un banner dividido fue que básicamente podemos segmentar nuestros productos en nuestra página web, ¿verdad? Por lo que tenemos productos para hombres y mujeres. Por lo que queremos hacer una para hombres y otra para mujeres. Bueno, sólo pasa que tengo el contenido para eso. Entonces sigamos adelante y cambiemos las cosas. Entonces por ejemplo, tengo esta imagen, ¿no? Y tengo esta imagen. Cualquiera que sea la imagen que pueda ser mejor para las mujeres. Entonces vamos a seleccionar este. Y para los hombres, seleccionaré, digamos esta imagen, ¿no? Y se puede ver aquí el, ambos son exactamente del mismo tamaño. Y se ven realmente, muy bien juntos, ¿verdad? Por lo que sólo muestra el, acentúa las diferentes características del tema donde se puede tener deportiva y se puede tener ropa para salir, ¿no? Tanto para hombres como para mujeres. Y podemos jugar con los diferentes escenarios e imágenes diferentes. Entonces si no nos gusta esta imagen, podríamos probar cómo se ve ésta o tal vez cómo se ve ésta, ¿verdad? A lo mejor este se ve un poco mejor y eso es lo que sólo va con. Entonces solo seleccionaré en ese. Y esa es la forma en que lo diseñé. Ahora, lo que vamos a querer hacer es que vamos a querer editar el texto en los banners divididos. Entonces en este caso, quiero tener mi texto a blanco, ¿no? Porque el fondo es un poco más ligero. Y aquí dice bestsellers. Hagamos blanco este texto. De acuerdo, y así esta parte es debe ser blanca. También podemos cambiar el color como si no necesariamente tuviera que ser blanco para tener un gris claro tenerlo. Puede tener un tinte rojo. Podemos hacer todas las cosas diferentes. Aquí me voy a quedar con el blanco. Adelante y nos quedemos con el blanco. Entonces ahí vamos. Sé que el blanco va a salir muy, muy bien con esta imagen. Entonces sigamos adelante y hagamos eso. Vayamos con blanco ahí mismo. Y blanco ahí mismo. ¿ Verdad? Entonces aquí un poco de texto. Y hagamos que el botón sea blanco también. Ok. Por lo que el botón de color blanco debe ser este botón aquí. Y eso va a tomar un poco de tiempo para cambiar una vez que simplemente guarde la configuración porque no necesariamente es texto. Y cambiemos eso aquí. También podemos cambiar el color, cualquier tipo de color que queramos dentro de este gradiente. Entonces si quería hacerlo como un azul, o si quería que coincidiera con los colores que tengo aquí, como un tipo de cosas anaranjadas, amarillas. Yo también puedo hacer eso. Entonces digamos que quería que fuera, ya sabes, lo que queramos. Entonces digamos que es un color amarillo anaranjado. Y solo podemos probar tecnología y ver cómo se vería eso. Entonces esa naranja, amarilla. Entonces ese no es realmente mi estilo. No creo que eso se vea demasiado bien. Entonces me quedaré con el vl. Sólo nos quedemos con el blanco. El blanco se ve lo suficientemente bien. Entonces podríamos hacer eso. Y mantengamos ese blanco también. Entonces sigamos adelante y guardemos nuestro progreso. Un poco hacer valer cómo se ven las cosas. Y vamos a darle un tiro aquí. Y así, hasta ahora, quiero decir, se ve decente. Conforme esto se está cargando, el color del botón cambiará. Pero algo que tenemos que hacer también es que necesitamos asegurarnos de que nuestros modales divididos coincidan con el producto adecuado. Por lo que en este caso, tenemos todos nuestros productos para banner uno. Y obviamente no queremos todos los productos. Queríamos ser productos femeninos. Entonces vamos a acercarnos a las colecciones aquí, y busquemos las de las mujeres. Y eso conducirá a la de las mujeres, ¿no? Y para los hombres, obviamente no queremos productos que quisieran ser de Hombre. Entonces, pinchemos aquí y digamos de hombres. Y vamos a darle a Save. Ok. Y sólo volvamos atrás. Y una vez que refresquemos este o incluso la vista previa del sitio web, podremos ver un poco todo en el aspecto que queremos ver. Entonces si acabo de golpear, bueno, en realidad es refrescante para nosotros. Entonces realmente no necesito hacer eso. Malicioso. Dale un segundo aquí. Desplazémonos hacia abajo. Entonces ahí vamos. Si hacemos click en él, nos llevará directamente a nuestros antecedentes o no a nuestros antecedentes, nuestra página de colecciones de productos. O eso es lo que debe hacer al menos. Y ahí vamos. Nos lleva a la página de colección de todos los productos masculinos. Pero lo que hizo es llevarnos a la colección equivocada. Entonces voy a tener que hacer ese tipo de cambios en mi propio tiempo. De acuerdo, así que eso es algo a lo que quieres poner atención también. 14. Previa a nuestro banner de sitio web: De acuerdo, entonces, ¿qué hacemos? Un pequeño demo corto solo les muestra un poco cómo funciona el banner y cómo funciona en una sección anterior. Entonces esta soy yo previendo el sitio web en el exterior. A veces el editor podría no recogerlo y yo sólo estaba un poco confundido y quería ver y confirmar que funciona. Si sólo vamos aquí a la web real, repente desplázate hacia abajo hasta uno de los botones. Hacemos click en el botón, ya verás cómo nos lleva a la categoría correcta ahora, también lo son la colección correcta. Entonces no es como si hubiéramos cometido un error. A veces supongo que eso sólo sucederá con el editor. Y como estamos hablando de colecciones, quiero hablar de la página de colecciones y cómo simplemente hacer algunos cambios a eso dentro de la siguiente lección. 15. Edición de la página de colecciones: De acuerdo, entonces entrémonos en la lección número 13, donde hablamos de editar la página de colecciones. Entonces para hacer eso, volvamos a nuestra estación de edición aquí. Dentro de Shopify, puedes ver aquí cómo nuestra página web se está uniendo en realidad. De verdad, muy agradable. Tenemos nuestras pancartas, verdad, que los consumidores pueden hacer clic, ¿verdad? Tiene una animación que es casi como alejarse de todos modos. Tenemos nuestras imágenes aquí que cuando tomas tu ratón y pasas por alto, se acerca, ¿verdad? Y tenemos nuestros productos más vendidos para cada nicho o cada sección dentro de nuestro sitio web donde tenemos medianos, tenemos femeninos, todo está configurado en un look muy limpio, muy profesional. Ok, entonces cuál es nuestro siguiente paso de acción es editar nuestra página de colecciones. Entonces para ello, tenemos en estación de edición aquí y podemos editar diferentes aspectos. Pero ¿y si queremos editar un poco más? Queremos ponernos un poco más de basura, ¿verdad? Bueno, es muy sencillo. Vamos a seguir adelante y navegar a nuestra página de colecciones. Y lo que te van a ver aquí es esta pequeña sección me gusta donde puedes elegir como dónde estás editando o cuál es tu edición. Y para hacer eso, como que acabamos de llegar a esa página. Se quiere llegar a esa página. Y ahora podemos hacer algunas ediciones. Ahora para que quede claro, no todas las páginas de colecciones van a verse necesariamente así, ¿verdad? Al igual que tenemos peg Nation aquí abajo, ¿verdad? que básicamente significa que la gente puede cambiar por diferentes páginas de productos, ¿verdad? Tenemos toda una lista de diferentes productos, ¿verdad? En nuestro caso, esto es un poco diferente. Muchas páginas de colección de la gente están un poco diseñadas de manera diferente, lo que significa que solo tienen como una cuadrícula de producto. Y me di cuenta de que esta es la página de colección que realmente le ayuda drásticamente a las tasas de conversión. Porque lo que está pasando aquí es que está dando información sobre el producto, ¿verdad? Y te está dando una imagen del producto para despejar imagen del producto. Y entonces tienes opciones aquí, ¿verdad? Se puede seleccionar una opción para comprar. Se puede hacer clic a través del producto. Hay muchas cosas que puedes hacer. Lo primero que vamos a querer hacer, vamos a seguir adelante y volver aquí a nuestro, nuestro escenario en nuestra página de colecciones, ¿verdad? Y lo que vamos a querer hacer es que vamos a querer dirigirnos a nuestra cabecera. Pero lo primero que tenemos que hacer es tener un logo, ¿ verdad? Tiene que tener sentido. Tiene que quedar bien. Tenemos un logo aquí que dice enable sticky, pero este no es el mismo caso todo el tiempo, decir en nuestro encabezado, si miras aquí, dice cabecera homepage, tenemos un logo disponible, pero ¿qué pasa con el resto de nuestros página web? Y así es como navegamos aquí mismo dice Encabezar otras páginas, y podemos seleccionar nuestro logotipo. Así que sigamos adelante y desplázate hacia el logo y golpeemos selecto. Ahora, genial, nuestro logo acaba de llegar por fin. El problema es que ahora el sitio web se ve un poco feo con un logo realmente, realmente grande al final del día, esto no es optimizador de conversión, optimizado cuando tienes un logotipo muy grande, ¿verdad? La gente no está comprando tus productos para tu logo. Están comprando por lo que tienes para ofrecer. Entonces lo que tenemos que hacer es hacer esto un poco más pequeño. Esos no hay Y por suerte con el Reno, el tema, no tenemos que hacer ninguna edición gráfica. Simplemente arrastramos este pequeño deslizador y lo hacemos más pequeño. Entonces veamos cómo se ve el tamaño pequeño. Este tamaño pequeño, un poco demasiado pequeño para mí. Entonces déjame ir al 70, tal vez esto en realidad es lo suficientemente bueno. ¿ Verdad? Ahora, podemos hacer algunas ediciones al encabezado, ¿no? Podemos cambiar colores como diferentes colores de textos. Podemos hacer negro el fondo, ¿verdad? Y podemos hacer que el texto sea blanco. Si, si eso mejora algo, ¿no? O discúlpame, blanco. Y podemos hacer que el fondo sea negro. Hay muchas cosas que podemos hacer. En mi caso. No me gusta tener un fondo negro, ¿verdad? No me gusta para nada. Pero, ya sabes, eso es algo que a veces a la gente le gusta hacer. En mi caso, me gusta tener un fondo transparente. Ya ven aquí, y esto es algo que ustedes vieron una y otra vez. En mi caso, sólo voy a hacer esta porción Negro también. Entonces el texto será negro, ¿verdad? Y así tenemos nuestro logo, tenemos nuestro, nuestros enlaces, tenemos nuestros botones negros. ¿ De acuerdo? Ahora tenemos una pancarta. Entonces este banner, esto está diseñado dentro de la página de colecciones, ¿verdad? Entonces con nuestra página de colecciones, estos son los estilos que pueden editar aquí. Por lo que tenemos estilo 1234. Por lo que hay cuatro estilos diferentes. Estilo uno, y vamos a seguir adelante y verlo. Va a estar manejando esto como si estuviera todo abarrotado. En realidad no se ve bien. En mi opinión, no encaja con el diseño. Al igual que si vas a tener un encabezado aquí arriba que no sea transparente, no puedes tener estilo uno. Estilizado es un poco más espacioso, pero muy similar a empezar uno. Estilo tres ES, creo lo que antes teníamos o sé lo que no teníamos. El estilo cuatro era lo que teníamos anteriormente. Si sí selecciono estilo a través, ustedes lo verán un poco como Mientras tanto donde básicamente no es estos, estos iconos y estas imágenes no son en realidad verticales y verticales así. En realidad son horizontales. Una vez publicada la página, sigamos adelante y solo veamos cómo eso se ve realmente rápido. Por lo que se ve un poco así. Entonces si quisiera, puedo hacer el fondo, correcto. Algo así como una pancarta. Entonces si fuera a seleccionar, este es mi pancarta, ¿verdad? Y golpea selecto. Esto va a cargar mi pancarta en esto y vamos a seguir adelante y golpear Save. Y así va a precargar todo para nosotros. Está bien. Démosle un minuto aquí. A veces, como dije, las cosas pueden tardar un poco más. Si las imágenes son más, ya sabes, servicio pesado, entonces solo vamos a dar clic aquí habilitó imagen de fondo. Sólo debe tomar un segundo o dos. Vamos a golpear Save una vez más. Y se puede ver aquí esta es la imagen que tenemos como fondo. Y vas a estar viendo que hay muchas cosas a las que vamos a tener que hacer cambios a lo largo del curso aquí. Entonces el curso del diseño de la página web y ¿por qué es eso? Entonces tenemos nuestro logo, tenemos nuestros textos, pero ya no podemos leerlo porque la forma en que está diseñado nuestro banner. Entonces en realidad vamos a tener que hacer es hacer algunas ediciones ahora. Y si nos desplazamos hacia abajo, se puede ver aquí que nuestro, nuestro, nuestro encabezado es como oscuro y las cerdas son texto y tampoco podemos ver. Entonces vamos a tener que hacer algunos cambios. De acuerdo, entonces algo que necesitamos es que el texto sea como un color naranja, naranja claro en todo momento. ¿ Cómo vamos a hacer eso? Adelante y volvamos a nuestra cabecera. ¿ De acuerdo? Y vamos a asegurarnos de que nuestro encabezado en las otras páginas de inicio como este sea naranja. Así que vamos a ir al naranja aquí o tal vez incluso seleccionar colores que ya hemos utilizado. Y se puede ver aquí ahora es naranja, así que ahora es un poco más factible leer en C. Vale, ahora si me desplaza hacia abajo, correcto, lo que deberíamos estar viendo, déjame volver aquí atrás. Lo que debería estar viendo es un pequeño encabezado, como un encabezado pegajoso que saldrá en tan solo un minuto. Acabo de decir, y esto es algo que vas a tener que hacer cuando estés editando tu tema. Entonces solo dale un segundo aquí. De acuerdo, entonces ya ves cómo se desplaza hacia abajo así. Ahora es visible cuando es negro, cual es muy, muy limpio. Ya ves cómo el resto de la página web tiene este tipo de diseño blanco transparente por scroll down su esta característica negra, que se ve muy, muy bonita. De acuerdo, entonces ahora las imágenes reales aquí, tengo que editar estas imágenes y tengo que asegurarme de que todo esto tenga sentido y legible. En mi caso, no quiero necesariamente ir con este diseño de colección, pero por el bien de este video, quiero decir, por qué no, ¿verdad? Entonces, ¿cómo vamos a hacer eso? Eso lo hacemos simplemente por aquí. Entonces si vamos a la página de colección, a la derecha, esta colección Pedro aquí, y nos desplazamos hacia abajo a Ajustes, ajustes de tema. Tenemos ahora la opción de editar cada uno de estos pequeños botones, supongo que se puede decir, ¿verdad? Y así tenemos todos los artículos, tenemos accesorios. Sé que es un poco difícil de leer, pero sólo podemos cambiar el color del título que puedo leer para que ustedes puedan ver aquí de este botón específico. De acuerdo, así que en rojo, haz esto, digamos rojo y haz que esto lea, escribe. Y quizá sea un poco más visible. Pero lo que puedo hacer es añadir una imagen. Entonces si todo esto es artículos, quizá quiera tener una foto de un varón y una hembra en esa imagen, ¿no? Ya que son todos los artículos y esa podría ser la colección de la página de inicio, ¿no? Si quisiera, Digamos que Ir a la colección de imágenes para hombres y no tendría mans fuera, cambiar el logo. Yo diría que los hombres atrapados, verdad. Y yo sólo tendría una foto de un tipo ahí parado. Correcto. A lo mejor esta foto, sea lo que sea, y luego tal vez si es de mujer, cierto. Entonces voy a cambiar esto por el de las mujeres. Voy a seleccionar una imagen de sólo una mujer. Entonces tal vez sea esta imagen, ¿de acuerdo? Y así tenemos tres fotos aquí. Ahora, obviamente, leer no va a ser el color con el que voy a ir. Creo que debemos igualar nuestro branding. A lo mejor hazlo naranja o tal vez hasta blanco. blanco podría ser un aspecto muy, muy limpio. Entonces vayamos con blanco y veamos cómo se ve. Ver aquí. Perdón por eso. Ok. Hazlo todo blanco. Y vamos a ver, en realidad podemos deshacernos de algunas de estas, estas diferentes opciones aquí. Y sólo podemos descomponer nuestras categorías un poco más. Simplemente sigamos adelante y guardemos nuestro progreso hasta ahora y veamos cómo salen las cosas y cómo se ven. Entonces démosle un segundo para cargar. Y no debería tomar demasiado tiempo ya que nuestro tema está un poco diseñado bastante bien hasta ahora. Lo único que quiero decir en la estipulación es que no todos los temas, como dije, tienen este tipo de configuración de cobranza. Así que como que quieres buscar eso. Entonces puedes ver aquí tenemos todos los artículos, accesorios, masculinos, Podemos agregar, voy a extrañar, cometió un error aquí. Por lo que estos deberían ser en realidad los productos masculinos. Entonces en este caso, vayamos a que esta imagen sea más bien de Hombres. Y entonces cambiemos este, que ni siquiera es decir, podríamos hacer accesorios, bien podría quitarlo, pero, ya sabes, en este caso, podríamos ir con accesorios y solo lo haremos una imagen. Podemos ir con las mujeres aquí y seleccionar una imagen también. Por lo tanto, selecciona este. Y por diversión, última que tiene zapatos, podríamos cambiar eso en, digamos camisetas, ¿verdad? Por lo que estos no son necesariamente diferentes, diferentes que recomiendo. Sólo porque, ya sabes, vas a querer tenerlo configurado un poco más limpio. Y justo lo que quiero decir con eso es solo tener, ya sabes, fotos que en realidad se ajusten al tamaño del tipo de imagen, ¿verdad? El 460 por 560. Por lo que se ve un poco más limpio. El texto, vas a querer tenerlo todo uniforme en cuanto a color, ¿verdad? Entonces tiene que ser si lo vas a hacer todo toallita, manténgalo todo blanco. Si vas a hacer, ya sabes, lo que sea si vas a hacer negro, manténgalo todo negro, ¿verdad? Entonces en este caso me voy todo blanco. Entonces puedes ver aquí, Blanco, Blanco es las cosas con las que iban. Podemos cambiar el enlace. Entonces si solo me desplazo hacia arriba, tenemos todos los artículos, tenemos accesorios. Dejaré los accesorios donde esté. Tengamos aquí una colección para digamos que no, no lo sé. Para los hombres, vayamos con los braguitos de hombre tal vez. Y como dije, estos no coinciden, pero sí quieres hacerlos coincidir si vas a ir con esta ruta. Y agreguemos enlaces aquí a, ya sabes, colecciones de lo que sea, cualquiera que sea. So Colección fondos de mujer, Algo así. Vamos a pegarle salvar. En mi caso, como dije, y dije esto antes, no voy a estar yendo con esta configuración para mi tipo de diseño de tienda. No creo que se necesite sólo la limpieza de la misma. Por lo que voy a ir con estilo para es de lejos mi favorita para este específico. Ahora eso no se recomienda a todos. Ya sabes, a ustedes les puede gustar el estilo tres más que el estilo UX para ustedes podría extender uno. Simplemente depende de quién seas y lo que te guste, ¿verdad? Yo sí creo que el estilo para y el estilo tres conducirán a mejores conversiones sólo porque tienes opción ver todas las diferentes situaciones aquí, como la ropa de hombre para hombre, para mujer, lo que sea. Pero como dije, depende de ti lo que quieras hacer. Y está editado de la misma manera. Entonces si vamos a Ajustes de tema, es lo mismo, ¿verdad? Nosotros editamos en lugar de todos los productos, quién dirá que todos son productos, ¿no? En lugar de ropa, dirá, digamos de hombres, ¿verdad? Porque, en lugar de cuatro hombre , dirá de las mujeres. En lugar de cuatro mujeres, podríamos simplemente sacar eso por completo. Accesorios. Podemos sacar eso completamente también recién llegados, vamos a deshacernos de eso. O en realidad, ya sabes, bien podríamos mantener a los recién llegados, pero lo subiré. Recién llegados. Podemos sumar ventas, digamos. Correcto, entonces Venta. O aclaramiento. Liquidación, suena mejor. Liquidación, ¿verdad? De acuerdo, y tal vez podamos agregar sólo algunas colecciones aquí. Por lo que colecciones, sumaré todos los productos para despacho para los recién llegados. Tendré una colección que podría ser tal vez como navegar o algo así para mujeres, vamos a tener igual que todos los productos femeninos. Entonces vamos a dar click en las mujeres y los hombres. Deshacernos de lo que tenemos actualmente. Y vamos a ir a los hombres. Entonces Mendel está ahí mismo. Y ahora que está todo ahí, tenemos nuestro color de fondo. Podemos cambiar nuestro color de fondo a como un blanco puro, poco como el resto de las páginas para que se funde. Y en general, creo que eso se ve bastante decente. El texto estará ennegrecido, que se ve más limpio y mi opinión. Y sí, creo que eso se ve por encima de todo bastante decente. La única forma de editar este color naranja que podemos editar en este tema ajustes como los ajustes generales del tema. Por lo que desde la página de colección vamos a la configuración del tema. Pero solo sigamos adelante y esperemos a que esto se recargue y veamos nuestro nuevo diseño. Esto, estoy realmente emocionado de deshacerme de este pequeño bar de aquí. Y déjame solo ir aquí y solo previsualizar el sitio web. Y este era nuestro viejo look. Por lo que mantuve este viejo look por una razón. Y vamos a ir de compras ahora. Y podemos ver aquí, está diseñado un poco mejor, por lo que se ve un poco más limpio en general. Y estos son, como dije, todos los productos que tenemos de Whitman, así que nos llevará al de los hombres, ¿verdad? Se puede ver lo rápido que son dos, no se parece en nada a la forma en que se edita el tema, ¿verdad? Recién llegados. Entonces ya ves cómo todo solo carga tan rápido y despeje. Muy bien, así que donde no podía seccionarse. Entonces hay mucho hay mucho que es eso que hay que atender. ¿ Verdad? Entonces sigamos adelante y volvamos a nuestra página de colecciones. Notamos que aquí hay esta imagen vacía. Esto es una cosa de barra lateral. Entonces hay muchas cosas que podemos editar. Y solo hay, quiero decir, sólo hay tanto, ¿verdad? Para que podamos Hay estandarte de colección, moderno. Entonces, ¿qué significa esto? Entonces si quieres habilitarlo, correcto, van a haber algunas cosas que quieres tomar en consideración. El Whitney colección pancartas chicos. Hay, hay cosas que pueden mejorar tus tasas de conversión. Hay cosas que te quitan las tasas de conversión, ¿verdad? Entonces si, si yo fuera sólo para seleccionar la imagen y digamos que sólo quieren en 1920 por lo que sea. Entonces si iba a seleccionar esta imagen, o solo escojamos una imagen diferente para, por el bien de este video, solo escojamos ésta. Ok. Qué se golpeó Seleccionar. Está bien. Y por cierto, tenemos una barra lateral de colección. Si bien esperamos que esto se cargue, bien podríamos hablar de esto. ¿ De acuerdo? Contamos con una barra lateral de colección. Entonces barras laterales de colección justo aquí, ¿de acuerdo? Si estás en la página del producto, se verá diferente. Pero tienes barra lateral, barra lateral izquierda, ¿verdad? Me gusta barra lateral izquierda en general. Pero si no se ve tan bien, podríamos deshacernos de eso. Al igual, no me importa. Vamos a golpear Save, que es la vista previa, cómo se ve eso. Debería tomar alrededor de un segundo y podemos habilitar una barra lateral izquierda pegajosa. Entonces básicamente lo que eso significa son stickies dondequiera que se mueva, se desplaza hacia arriba, se desplaza hacia abajo. Si estás en un dispositivo más grande, ya sabes, se va a quedar ahí. Entonces en este caso no es pegajoso por lo que no nos mueve. Pero si habilitamos la barra lateral pegajosa, así que para ahorrar, correcto, se va a mover con nosotros. Y sigamos adelante y volvamos a nuestra, también podemos editar el fondo aquí. Entonces si queremos como blanco, vamos al blanco, ¿verdad? Productos por página, productos por fila. Simplemente hay tanto que podemos agregarlo. Entonces esto es lo pegajoso que se vería, donde esto no se mueve, pero esto sí. Y yo solo creo que eso es un poco más limpio de look. Yo soy Mike. Dije que solo se ve en general bastante decente. Si quieres. Podríamos simplemente salvar esto. Y podemos ver como un producto, ¿verdad? Y entonces esto es lo que haría un consumidor normal, es que pincharían en una página de colecciones y verían un producto. Y también tendrían los filtros configurados en base a tipo de lo que a v le gusta. Entonces si lo estás echando un vistazo, así que yo, todo lo que puedo ver aquí es el producto ahora algo a lo que vas a querer poner atención también está justo aquí. Entonces esta es la página del producto, ¿verdad? Anteriormente seleccioné que quiero un encabezado transparente, ¿verdad? Entonces en este caso, el encabezado ya no es transparente. No sé dónde está, pero está interfiriendo con el producto. Entonces eso me va a hacer más ediciones. Y quiero decir eso, oye, no puedo tener un encabezado transparente. Por lo que voy a tener que volver a otras páginas de encabezado y simplemente quitar el encabezado transparente. Y se puede ver aquí se ve mucho más limpio. Y así si vuelvo a casa, ¿no? Y yo solo veo son páginas diferentes que tenemos a nuestra disposición. ¿ Verdad? Entonces vamos a darle un segundo a eso y hacemos click en. Entonces te das cuenta de cómo es transparente aquí porque esto es, como dije, es Homepage justo en su página de inicio. Pero si hago click en tienda ahora, ¿verdad? De acuerdo, así que las filtraciones no se pueden abrir dentro del editor, se abrirá en una nueva ventana, eso está bien. Entonces ahí está. Por lo que no es necesariamente transparente por más tiempo. Entonces ojalá eso sólo tenga sentido para todos. Si quisiera dar click en como digamos Tienda Ahora por aquí debería cumplir, Llévame a varias páginas diferentes. Entonces esto es como la página de colección y es la misma característica. Entonces esta es una barra lateral pegajosa y no importa qué colección sea, es todo uniforme en todo. Y eso es algo lo que nosotros, lo que necesitábamos. En este caso. Voy a deshacerme de esto. No lo necesitamos. Si va a haber cosas que un poco por debajo de tu negocio te están pesando. No lo necesitas. El de configuración. Esto tiene que ver con todo lo que el filtro, discúlpame. Se desea habilitar la función de filtro o deshabilitarla, habilitada ordenar por. Así que me encantan estas diferentes características como ordenar por best-seller ordenar por a a a la Z, precio bajo, precio alto, etcétera. Vamos a golpear Guardar aquí sólo para que se reconfigure un poco. ¿ De acuerdo? Y solo tiene un aspecto limpio en general. Y también podemos mover esta pancarta hacia abajo. Entonces podemos, podemos hacer muchas cosas aquí. Podemos filtrar nuestro acordeón. Entonces no tenemos acordeón para el, para el Disculpe, para, para el, el ordenar por, así el diseño del filtro, podemos editar tipo de cómo funcionan las cosas ahí dentro. No va a haber demasiadas ediciones en mi extremo y en el área de Matt. Estos son los diferentes ajustes para el filtro. Entonces si tenemos, tenemos una tienda por etiquetas incoloras, así que tenemos negro con morado, tenemos lo que sea. Vas a querer agregar ciertas etiquetas a ciertos productos. Entonces la forma en que funcionaría es digamos que este es el sujetador infinito de superficie, ¿verdad? Si sólo voy por aquí a la página de inicio del producto y voy a productos, de acuerdo, y busqué a esos mismos bros, así que voy a buscar en el extranjero o buscar aquí más bien. Y busco. Veamos dónde lo hace aquí. Echemos un vistazo. Entonces este es el verde o debe ser el cuarto verde. Y ya ves cómo es verde. Si añado dentro de mi etiqueta, tipeo en verde, ¿verdad? Por lo que puedes ver aquí está etiquetado ahora. Entonces sigamos adelante y guardemos eso. Y si simplemente vamos a nuestra página de colecciones, volvamos a, y así es como se veía originalmente, para que ya no se vea así. Simplemente recargaré esta página. Y así si solo hacemos clic en la de las mujeres, correcto, porque es producto de una mujer y acabamos de pulsar el botón verde. Ahí está, es verde, ¿verdad? Por lo que todos los productos un poco tienen que ser etiquetados en colores si quieres usar esto. Y mejorará las tasas de conversión porque como digamos que alguien sólo compra ropa negra, entonces van a poder hacer click en negro y ver la lista de negros. Ahora, ¿tenemos ropa negra? Nos va absolutamente bien, ¿verdad? Si vamos a todos los productos, tenemos camisas negras aquí, sólo tres. Y por qué no aparecieron es porque no son táctiles y esa es la única razón, ¿verdad? Entonces estas son cosas a las que vas a querer poner atención a la hora diseñar tu tipo de página como tu colección. Por lo tanto, ten eso en cuenta. Ahora, podemos hacer algunas ediciones más a la página de colecciones. Entonces volvamos a la tienda en línea aquí. Y vamos a golpear personalizar. De acuerdo, y la razón por la que estamos poniendo tanto tiempo y esfuerzo en nuestra página de colecciones es porque queremos que vuelva a publicar ventas. Queríamos, queríamos repos conversiones. Queremos que sea beneficioso para nuestro negocio, ¿verdad? Así que vamos a golpear aquí y digamos páginas de colección. Está bien. Ahora que estamos en la página de colección, solo hagamos una edición rápida aquí. Vamos a Ajustes del tema o discúlpame, vamos a la página de colección, luego vamos a Configuración del tema. Y sólo veamos el tipo de cosas que podemos ofrecer. Entonces tenemos una, si te das cuenta aquí hay una pancarta aquí, esto es un bateador. ¿ Por qué esto es mejor importante? Si tienes algo único que ofrecer a la gente algún tipo de descuento algo, aquí es donde vas a estar colocando esa imagen. Entonces en este caso, sólo voy a estar pegando una imagen aleatoria que tenemos. Entonces digamos que quiero dar click en este, ¿verdad? Y golpea Save. Déjame seguir adelante y golpear Guardar real rapido. Entonces va a aparecer ahí ahora mismo. Es eso lo que quieres estar poniendo como una imagen de producto? No. No quieres estar haciendo eso a menos que estos sean como todos los upsales a lo que se conoce como el producto principal si estás haciendo un solo producto almacenado. Pero este caso. Añadiría como un descuento o algo así, algo que pueda beneficiar a alguien, ¿no? Entonces esto es solo un widget, ¿verdad? Entonces es una etiqueta de widget o lo haría tu banner. Entonces esto es seis, que es un banner widget. Si quería agregar una etiqueta de widget, puedo hacerlo. También puedo agregarle ninguno. Para que solo pueda deshacerme de esta sección por completo, ¿verdad? Lo cual también es agradable. Y como dije, puedes editar todas estas diferentes etiquetas en diferentes configuraciones agregando, editando el, los ajustes aquí. De acuerdo, así que hay mucho que puedes hacer con eso. Y justo en general, sólo más cosas que puedes editar y configurar. Entonces eso es algo para poner atención. Cuando ustedes, cuando realizan estas ediciones, chicos, Sólo tengan paciencia porque lo que están haciendo aquí es que están lidiando con un montón de cosas y son consumidores quiere asegurarse de que les están dando lo mejor de su capacidad. Ahora para sólo cerrar la página de colecciones, vamos a nuestra espalda aquí y vamos a dar click en pie de página. Notamos que los pies de página vacíos, por lo que necesitamos agregar un fondo. Entonces si miras aquí cuando haces click en pie de página, no hay mucho en lo que puedas hacer click excepto como 44 para uno. Todos esos ajustes para pie de página, pie página extranjero uno, vas a Configuración del tema, ¿verdad? Y tú editas esos ajustes de pie de página aquí. Entonces pie de página uno para los dos de tres, etcétera. Pero no quiero hacer eso. Así que vamos al pie de página para y vamos a golpear la configuración del tema, y sólo vamos a seleccionar nuestra imagen del logotipo. Entonces esta es la imagen en este caso, ¿verdad? Y debe seleccionar, y esto es para nuestra imagen de logotipo, para nuestro pie de página, también podemos cambiar el tamaño de la misma. Entonces si quería hacerlo más pequeño y puedo hacerlo más pequeño, solo vamos a ver cómo se ve. En realidad me gusta de la forma en que se ve. Y ahora, si quisiéramos editar colores, podríamos hacer eso. Todas esas cosas están disponibles, cierto, porque estamos en pie de página uno en este momento. Sólo volveremos a aquí. Iremos a nuestra configuración temática. Está todo disponible aquí mismo. Entonces pie de página uno y podemos agregarlo, como dije, nuestros colores, podemos editar un poco cómo se ven las cosas. Entonces si quería ir a los colores, tenemos nuestro color principal, color corporal, color medio a que puedo ir a Footer seis, digamos echar un vistazo a lo que están ofreciendo. Puedo ir a Footer tres y ver qué están ofreciendo en unos diseños de estilo diferente. Y si realmente quiero poner a prueba estos estilos, tendría que ir a, déjame ir aquí. Déjenme decir mi trabajo hasta ahora, tendría que volver. Volvamos atrás. Y vayamos a esto la sección de pie de página y solo editamos un poco lo que vemos aquí. Ahora bien, no quiero el color gris, eso es sólo algo sobre lo que quiero tener claro. No quiero el color gris. Piensa que se ve un poco, ya sabes, solo que ya sea negro estoy bien con ir con o simplemente blanco. Entonces vamos a probar cómo se ve. Y cambiemos esto a blanco realmente rápido. Y vamos a ver cómo funciona. Si no se ve bien, entonces, ya sabes, podría simplemente quedarme con el blanco. Sí, creo que me quedaré con el blanco. Entonces en este caso me quedaré con el blanco aquí para el color de fondo, y luego el texto será negro para que me quede muy limpio. ¿ Y qué se ahorra? Y así es como editas tu página de colecciones para hacer que se ajuste a lo que quieres y cómo la quieres. Así que asegúrate de que lo hagan antes de que sigamos moviéndonos y construyendo el resto de la tienda. 16. Explorar funciones, estanques y blogs: De acuerdo, entonces en esta lección, vamos a estar explorando los diferentes banners y las diferentes herramientas que podemos utilizar dentro del tema para que se vea un poco mejor y para agregar un poco más de característica. Entonces sólo para aclaración, tenemos un estandarte de héroe. Tenemos fue dividir pancartas que son como pareja pareja pareja, ¿verdad? Tenemos nuestros bestsellers. Podemos cambiar el impuesto, podemos cambiar la configuración de las imágenes. Podemos cambiar cómo se ve todo, cosas así. Veamos qué más podemos agregar. Tenemos una sección, pero podemos agregar, por lo que podemos agregar secciones blogueadas. Entonces si quisieras agregar secciones de blogs, podemos darle una prueba. Vamos a seguir adelante y añadir blog versión dos. Ahora sigamos adelante y agreguemos la versión de blog uno compare tipo de la forma en que se ven. Entonces vayamos al blog uno, que es lo que estamos mirando ahora. Y sigamos adelante y solo seleccionemos un blog. Y vamos a golpear noticias y vamos a golpear Save. Entonces esta es la sección del blog, creo uno, que es, pongámosla por encima del número dos. Entonces todo lo que se está destacando se considera la sección uno del blog, ¿verdad? Por lo que esta sección de aquí es la sección uno del bloque. Entonces, idealmente, la forma en que funcionaría es que tendríamos nuestra lista de blogs fuera así. Y luego tendríamos un x blog principal disponible aquí mismo. Y podemos cambiar tipo de cómo se está alineando el texto Centro, medio, etcétera. O simplemente podemos editar el blog número dos. Entonces en este caso, selecciona un blog, seleccionaré Noticias también. Y veamos algo así como se ve. Y en realidad es algo así como muy similar. Se puede ver aquí tiene esta película verde casi a su alrededor. Y como dije, podemos editar estas cosas. Podemos limitar la cantidad de blogs que se muestran. Entonces en este caso, si quería mostrar, por ejemplo, no más de dos blogs, ¿verdad? Para que yo pudiera hacer eso. En realidad puedo hacer eso. Entonces quería mostrar, digamos que no quería mostrar la categoría o solo quería mostrar la fecha, solo el título, y tal vez un botón, derecha, y quitar el extracto. Podemos hacer eso. Entonces hay muchas cosas que podemos hacer con los blogs. Ahora, no he construido en unos blogs para que esto se vea bien. Pero si acabamos de golpear Save here, podemos ver cómo se ven nuestros blogs en realidad. Entonces hay un consumidor mirando a través y ven, oh, quiero leer este blog, ¿verdad? Golpearán el botón leer más y los llevará a la página del blog. Ahora la razón por la que me gusta esto es porque el blog se ve realmente creativo, realmente bonito, ¿verdad? Por lo que tienes un blog aquí, blog aquí, dos entradas de blog aquí. Tenemos páginas de artículos, ¿verdad? Podemos editar las páginas de los artículos, podemos, y muestra las publicaciones recientes. Podemos hacer muchas cosas diferentes con, con nuestros blogs. Del lado derecho, tenemos una barra lateral derecha donde la gente puede buscar ciertos blogs, podemos buscar ciertos textos diferentes que surjan. Podemos alterar nuestros blogs a través de etiquetas, lo cual es de vital importancia también y ayuda a SEO. Tenemos nuestro bonito encabezado aquí el cual se ve hermoso. Entonces en general, nosotros, cada tienda en mi opinión al menos necesita blog, cada tienda. Y sólo se ve bien. Simplemente se ve hermoso y, y, y se hace el trabajo. De acuerdo, así que volvamos a personalizar aquí y hablemos de qué más podemos agregar que no sean bloques. 17. Galería de Instagram Galería de Instagram: De acuerdo, hablemos de Instagram. Para que puedan ver aquí que tenemos una pancarta, tenemos algunos banners divididos. Lo único que queda por hacer eso es casi una necesidad, es apuntalar las redes sociales, promocionarnos. Y eso se va a hacer a través de Instagram, ¿verdad? Y scrim es una de esas cosas que cada sitio web o toda amabilidad empresarial debe tener en su página de perfil o en su página de inicio o algo así para promocionarse. Ahora, tenemos dos opciones para que Instagram pueda acceder a estas dos opciones, solo presiona add setting, desplázate hacia abajo a en scrim, lo encontrarás. Ahora, como dije, no todos los temas se crean iguales. Algunas cosas podrían no tener esas características, pero eso es como algo a lo que quieres prestar atención al seleccionar tu tema. Ahora, con Instagram, ¿verdad? Ahí está la versión uno de Instagram y la versión dos. En realidad no puedo conectar aquí mi instrumento personal. Y la razón por la que eso no puedo hacerlo, pero ustedes pueden es porque mi Instagram es una cuenta personal de Instagram. Entonces lo primero que vas a querer hacer es que vas a querer tener una cuenta de Instagram empresarial. Y cuando hagas esto aquí, vas a agregar tu ID de usuario y tu token de acceso. Todos estos son muy, muy fáciles de conseguir. Basta con buscar, por ejemplo, en Google, buscar, ID de usuario de Instagram. Y aquí hay un software donde pegas en tu ID de usuario así, o discúlpame, tu ID de usuario. Por lo que ya lo escribo así y dice, Usuario fino. Ahora no va a funcionar en realidad porque no es un negocio, Instagram. Pero si fuera un negocio y se fuera, funcionaría y se le ocurriría el ID para el token de acceso. Buscarías en Instagram, ¿verdad? Generador de tokens de acceso. Y te mostrará cómo conseguirlo dentro de la información. Entonces con Facebook, te muestran un poco cómo acceder al token de acceso. Ahora con eso que se dice, vale chicos, algo que vamos a querer hacer aquí es que vamos a querer ver cómo se ve un poco de Instagram Gallery. Y en realidad es realmente simple. Por lo que saqué el demo del tema solo para darte un ejemplo, sería el tema exacto que estoy usando. Y esto es una especie de su cosa de Instagram que tienen justo aquí. Entonces puedes ver que es, así es exactamente como se ve. Entonces el, básicamente el concepto es que quieres tener imágenes y quieres tener como un botón de tienda it, ¿verdad? Y todo esto se crea dentro del instrumento. Precargará las imágenes por ti. De acuerdo, entonces en este caso, si vamos a atletas alfa, su Instagram, así que vamos a Instagram aquí y busquemos Fleet atletismo, ¿verdad? Buscar alfa, salto. Vamos a dar click en él. Este sería su Instagram y todas estas fotos reemplazarían el orden de estas fotos. Está bien. Entonces eso es lo que Instagram , como dije, quieres jugar con él. Ahí está la versión uno y la versión dos. En este caso, obviamente no lo vamos a incluir. Por lo que podemos ocultarlos o simplemente podemos eliminarlos por completo. ¿ Verdad? Ahora, podemos agregar galerías, pero eso será en una conversación completamente diferente, en un episodio diferente del Curso. 18. Explorar libros de aspecto de productos: Ahora vamos a explorar una mirada libros. Entonces si vamos a Agregar sección aquí, hay una sección donde podemos añadir un look book. Entonces digamos que carguen más y nos desplazemos hacia abajo. Vamos a golpear carga más. Ahora, mira, los libros están ahí arriba, pero sólo quiero desplazarme hacia abajo solo para que podamos ver todo lo que tenemos disponible para nosotros. Y tenemos un look book versión uno, libro de cocina versión dos. Por lo que generalmente no me importa cuál entre los dos que seleccione. Creo que ambos son igualmente. Muy, muy bonito. Por lo que sólo vamos a seleccionar el número dos por el bien de ello, vamos a golpear selecto aquí. Y básicamente lo que podemos hacer es añadir una imagen de fondo. Eso es lo primero que podemos hacer. O simplemente podemos añadir diferentes diapositivas para buscar libro. Entonces lo primero que voy a hacer es que voy a añadir una diapositiva y te das cuenta que aquí hay una imagen. Es un 685 por 940. Idealmente, vas a querer tener todas las imágenes del mismo tamaño. Entonces si fuera a seleccionar esta imagen aquí, tal vez seleccionaría, ir a una nueva diapositiva. Por lo que voy a querer volver aquí y añadir una nueva diapositiva y seleccionar. Y a lo mejor quiero este, ¿verdad? Idealmente, seríamos una imagen que no hemos usado. Entonces en este caso hemos usado esta imagen. Entonces vayamos con éste, ¿verdad? O tal vez incluso, digamos éste. O podríamos seleccionar esta y luego volver atrás y luego agregar otra diapositiva y agregar, hacer esto como esta de aquí. Entonces algo como esto sería un look book. Ahora en realidad podemos agregar qué producto es libro inválido. Entonces la forma que funcionaría es que tenemos producto selecto uno y nos vemos así, digamos que este es el producto. Hit Select. Y vas a ver como un pequeño número uno en la foto, ¿verdad? En este caso es su propia foto. Entonces volvamos atrás y quitemos. Vayamos a deslizar uno. Vamos a golpear el producto. Hit Select, y ahí vamos. Entonces tenemos un producto uno aquí, ¿verdad? Cuando la gente haga clic en él, habrá un pequeño pop-up. Está bien. Y les mostraré cómo se ve eso en un minuto. Esto es digamos producto número dos. Entonces, desplazémonos hacia abajo producto número dos y pinchemos sobre este profesor, ¿verdad? Y volvamos aquí y vayamos a la diapositiva número tres y vayamos por el producto número tres y seleccionemos el producto para el producto número tres. Entonces digamos que es el, este yo aquí. Por lo que puedes ver aquí los números están pegados en las imágenes. Guardar. Y en realidad vamos a previsualizar cómo se ve todo esto. Entonces vamos a nuestra página de inicio y ya debería estar precargada para nosotros. Entonces, vamos a desplazarnos hacia abajo. De acuerdo, claramente no se cargó aún, así que ahora sí . Entonces sigamos adelante y recarguemos de nuevo. Y podemos ver aquí, allá vamos, está cargado. Para que podamos darle al número uno. Y puedes ver aquí que es un pop-up del producto real. Otro pop up del producto, y otro popup con el producto. Para que veas que coinciden. Se desea tener los mismos productos coincidentes cuando se hace esto, y son todos los productos los que se pueden seleccionar. Ahora podemos editar el texto. Entonces si volvemos aquí y me dejamos ir aquí, y sólo podríamos editar el texto. Entonces en lugar de libro de look primaveral, podríamos escribir libro de look de verano y habrá todo en gorras. Y no tiene que ser todo en gorras por cierto. Tan solo un poco como quieres configurarlo en cómo quieres diseñarlo. El descripciòn. Podemos dejar la descripción de la forma en que está o puedes editarla, o simplemente puede deshacerse de ella por completo. Cuando se trata de diseño, algo que quieres enfocar es, ya sabes, es un tipo de sentido muy creativo. Si desea agregar una imagen de fondo, podemos agregar una. Entonces si quería agregar como una foto de, digamos el gimnasio como fondo. Yo puedo hacer eso. ¿Lo recomiendo? No necesariamente. Simplemente, ya sabes, obviamente quieres tener algún tipo de antecedentes, pero no quieres tener un trasfondo como este en el siguiente paso. Entonces te voy a mostrar cómo diseñar un fondo. 19. Crea un fondo de libro de cuaderno vistazo: De acuerdo, entonces lo que podías ver pasando aquí es que estoy en Canva y nuestro objetivo es crear un fondo para toda esta sección aquí en el libro de mirada. Entonces idealmente como si fuera verano, podría, ya sabes, podría tener fotos que se relacionan como un libro de look de verano. En este caso, voy a escribir otoño porque sólo me hace sentir como si esto fuera otoño. Entonces algo que quieres hacer es como ser un poco creativo. Entonces algo que me gusta hacer y les voy a compartir esto con ustedes chicos, es que me gusta ir a elementos dentro de Canvas y buscar algo como hojas, ¿verdad? O como caer o algo así. Y se pueden ver diferentes como fotos. Una caída. Ya sabes, puedes agregar como ciertas fotos un poco así a tu fondo Look Book. Ya sabes, sé un poco creativo con cómo se ve y solo consigue una pequeña idea tirando hacia arriba como la escena de un, cómo se vería. Podríamos agregar diferentes, como dije, hojas diferentes. Y podemos cambiar los colores de cómo se ven. Entonces podemos agregar como una, una naranja aquí mismo. Y podemos hacer esto como un marrón, ¿verdad? Entonces podemos hacer eso como un marrón. Y podemos duplicar esta imagen. Y podemos hacerlo más grande o más pequeño. Y todo el punto con esto es solo, ya sabes, solo sé creativo. Ese es realmente todo el concepto. estos antecedentes, no tienes que tenerlo configurado de cierta manera o, ya sabes, diseñó de cierta manera. Pero, ya sabes, a la gente le gusta la personalización y tener un sitio web hermoso en parte de tener un sitio web realmente, realmente interactivo y hermoso es la forma en que se ve, la forma en que se siente, la forma en que diseña, ya sabes. Podemos duplicar estos y un poco hacer diferentes colores. Entonces podríamos hacer como una lectura, escribir como para como un Redleaf con casi como un, un, un negro aquí. Y podemos multiplicar esos. Y podemos manejarlos diferentes, ¿verdad? Y muévalos por ahí. Y simplemente hacer algo que se vea algo así que represente la caída o simplemente un fondo que yo disfrutaría personalmente. ¿ Verdad? No tiene que ser lo mismo en todo momento. Para que este tenga Ser como una hoja amarilla, ¿verdad? Podemos agregar más colores amarillos. A lo mejor me gusta este tipo de hojas o este tipo de hojas, ¿verdad? A lo mejor quiero hacer una pieza viniendo así y simplemente duplicar esas. Y sólo tienes que arrastrar, arrastrar y crear como un poco de animación. Donde me puse esto. Esto, como esta motivación para hacer esto es que estaba buscando dentro de diferentes demos temáticas y vi que hacían cosas como esta. Y pensé, oye, eso es como una cosita interactiva, genial que podrías hacer por tu sitio web. Y ya sabes, quién no querría hacerlo si se asegura de que la página web se vea un poco mejor, ¿verdad? Entonces algo así, hazlo un poquito más pequeño y muévelo a un lado. Ya sabes, yo digo así no tiene que ser lo mismo todo el tiempo. Entonces tenemos hojas corridas. De acuerdo, algo sólo representa la caída. ¿ De acuerdo? O tal vez apunte a este alrededor. Y se puede ver aquí que se ve bastante decente. Podemos duplicar esto, ¿verdad? Y que se vea un poco así. Y sólo mueva algunas cosas aquí. Y entonces sólo podemos descargar esto. Y vamos a descargarlo como un archivo transparente. Y no lo hemos descargado necesariamente como transparente, pero realmente depende de ti. Y sólo arrastrémoslo y soltémoslo aquí mismo. Vamos a ver lo bonito que puede verse. Entonces ahí lo tienes. Mira qué limpio se ve eso. Ya sabes, se ve muy, muy bonito. Y dependiendo del tamaño de dispositivo que puedas tener, si estás en el móvil, el look book va a verse un poco diferente. Mira, ahora no creamos la configuración móvil todavía, pero vamos a trabajar en eso sólo unos minutos. Y yo tan claramente se ve muy, muy bien. Entonces pasemos a nuestro siguiente aspecto. 20. Brand, colecciones, FAQ,: De acuerdo, entonces uno de los siguientes aspectos de las cosas de las que podemos hablar es la característica de marca dentro del tema, ¿verdad? Y este no es sólo este tema. Otros temas tienen esto también. Y la marca cuenta con un lugar donde puedes exhibir un poco dentro de tu diseño web la marca ideal que englobas o que tengas algo que puedas exhibir. Un lugar para hacer eso está justo aquí. Entonces así es como la forma en que se ve. Se puede hacer grande, muy creativo con esto. Esto no es algo que yo personalmente uso en mis diseños, pero puedes utilizarlo en los tuyos. Ya sabes, si tienes diferentes beneficios a tu tienda, como envío gratis o envío rápido o una garantía de calidad de algún tipo. Este es un lugar donde puedes hacer cualquier tipo de esas promesas, ya sabes, simplemente añadiendo los pequeños iconos, ¿verdad? Entonces, ¿esto es algo que yo usaría personalmente? Probablemente no. Pero, ya sabes, si eso es algo que ustedes quieren hacer, ahora saben cómo hacerlo, ¿verdad? Podemos echar un vistazo a algunas colecciones. Entonces básicamente la forma en que se presentan las colecciones es un poco diferente y cada situación es un poco diferente. Así que sigamos adelante y agreguemos cada característica de colección. Por lo que tenemos colecciones sub uno, colección, sub2, colección, sub tres, colecciones de cinco. Y vamos a la colección sub versión uno o versión cuatro. Y vayamos a otro de colección sub uno. De acuerdo, así que esto debería ser bueno. De acuerdo, ahora, eso es mucho en nuestra tienda. Todavía no se ha cargado. Entonces lo que vamos a hacer es que sólo voy a golpear Save, ok, y sólo esperar a que esto para Guardar. Y luego nos vamos a adentrarnos en como editarlo y tomarlo, echando un vistazo a lo que las características pueden proporcionar una así ahora que todo está cargado, esto parece un montón de tonterías. Entonces sigamos adelante y echemos un vistazo a cómo se ve realmente. Por lo que podemos seleccionar colecciones para promocionar. Entonces si quiero seleccionar como la colección de broads, ¿verdad? Y hit select, Esa es una colección que técnicamente puedo promover. De acuerdo, si quiero seleccionar otra colección digamos leggings. Y digamos una selección más de me gusta escojamos los productos de otra mujer. Entonces vamos a recoger nadador. Ok. Tenemos tres colecciones ahí. Muy bien, volvamos. Ahora. Podemos agregar como, ya sabes, migas de pan y cosas así o, ya sabes, pero no nos preocupemos por eso. Nuestro análisis golpeó Save. Ok. Esperemos a que eso se cargue. Tardará un, tómate un minuto ahí mismo porque eso es mucho contenido. Pero lo que estás viendo aquí es que es, es, sigue siendo gris, como si no, ya sabes, no cambia. Pero la razón por la que no está cambiando es porque no tenemos imágenes para las colecciones específicas. ¿ De acuerdo? Vamos a querer agregar imágenes para la colección que hemos diseñado. De acuerdo, así que creamos un poco de enfoque o punto focal para nuestras colecciones. Digamos que quiero tener este trasfondo y esto es sólo para, como dije, propósitos de experimentación para que yo siga adelante y simplemente describa cómo se ven los dedos, ¿verdad? Entonces tienes esta pancarta, ¿verdad? Vas a querer agregar un banner y tienes los productos debajo de él. Ahora bien, ¿por qué no aparece nada? Bueno, hay dos razones. Número uno, aún no ha cargado, y número dos. No hemos agregado imágenes a estas colecciones específicas, así que démosle un minuto para ahorrar, ¿verdad? Y sigamos adelante y solo previsualice la página web real. Hacer todo de nuevo. Está bien. A ver cómo cambian las cosas, ¿verdad? Y se puede ver aquí es el mismo concepto. Entonces lo que vamos a tener que hacer es este 55558 por 700 es donde podemos agregar imágenes. Ahora, puedes ver aquí, no hay lugar para Adam aquí. Al igual que si selecciono aquí, no hay lugar para Adam aquí. Pero lo que puedo hacer es ir y golpear editar colección, ¿no? Y con esta colección de edición, acuerdo, tiraremos hacia arriba la colección. Tenemos que añadir una imagen de colección. Entonces soy como Hemos tenido antes diferentes imágenes de colección para que podamos agregar una imagen de colección para cada sección. Vamos a golpear Guardar. Muy bien, volvamos a todas las colecciones. Tenemos. ¿Cuáles fueron las otras colecciones que discutimos? Teníamos Bras, teníamos nadador. Entonces vayamos a algún lugar. Y vamos a añadir una foto de, vamos, vamos, hagámoslo de esta manera. Solo agreguemos algunas imágenes predeterminadas. Y por supuesto, estas no son las imágenes que necesariamente hemos usado, pero ya sabes, esto, esto sí funciona lo suficientemente bien para nosotros. Y vamos a recargar esto, un poco prepararlo. Entonces puedes ver aquí, es como un punto focal. ¿ Ves lo que estoy diciendo? Entonces, ¿esto es algo que yo haría necesariamente? Probablemente no, ya sabes, sólo por el bien del diseño. No creo que lo hiciera mal. Importante en el sitio web donde necesita tener una página completa, como es. Hay momentos en los que tendrías algo así tal vez, ya sabes, estoy diciendo como leggings, digamos aquí. Y a veces sí cambia una vez que tienes todas las imágenes. Pero digamos que vamos con esta imagen para los leggings. Y vamos a pegarle salvar. Y vamos a refrescar esto de nuevo. Ya sabes, obviamente es ideal también. O sea, te lo vendría bien. Solo tienes que ser creativo en cuanto a cómo utilizarías algo como esto. Claramente, no es algo que yo usaría y eso lo he explicado antes. Pero como dije, ya sabes, haz lo que sea que flota tu barco a la hora de diseñar, ¿es esto algo que usaría? Probablemente no. Entonces me desharé de estas colecciones. Se puede, se puede presumir de ellos. Y diferentes colecciones tienen diferentes beneficios por cierto. Entonces, ya sabes, si puedes, ya sabes, quizá quieras agregar tres colecciones por fila, por ejemplo. Y cambiará el look por completo. Entonces no es necesariamente, tiene que ser una página completa. Podría ser algo así, ¿verdad? Entonces depende de ti tipo de cómo quieres configurarlo. No es que se requiera tener cierta configuración, pero podemos, solo por diversión, les puedo mostrar cómo se ve para los tres. Entonces permítanme seleccionar los mismos aquí. Tenemos bronce. Tenemos, volvamos. Tenemos nadar ¿dónde? Permítanme seleccionar eso. Esta es la siguiente versión de la colección, foco de atención. Está bien. Y tenemos una más, tenemos rezagada. Entonces eso son tres ahí mismo. Y podemos hacer este ajuste de como digamos tres por fila. Por lo que se ve similar. Entonces puedes ver aquí, es un poco diferente. Se ve similar, pero no lo es. Vayamos a la colección número cinco. Hagamos lo mismo. ¿ Verdad? Entonces navega. Volvamos aquí. Seleccionemos tres colecciones. Tenemos leggings y tenemos nadador. ¿ Verdad? Entonces esto es similar, ¿verdad? puede ver aquí son todo tipo de similares dependiendo del diseño, pero hay ciertos diseños con los que iría. Ciertos diseños que yo no lo haría. Esto es típicamente algo que usaría tal vez de vez en cuando. Ya sabes, no es algo que yo haría todo el tiempo necesariamente. Pero el beneficio es que te llevará a la colección real con la que se correlaciona, que es un diseño de beneficio. Depende de ti cómo quieres configurarlo. Pero volvamos atrás y personalicemos aquí. Solo asegurémonos de que eso ya no esté disponible en nuestra página web. Está bien, lo es. Por lo que bien podríamos deshacernos de ellos. Entonces quita, especie de movimiento. Entonces ahora que ustedes saben hacer esto, la buena noticia es que pueden hacerlo un poco cuando quieran. Entonces esa es la buena noticia, ¿verdad? Entonces vamos a seguir adelante y sólo quitamos eso también. A pesar de que sí se ve bien, pero lo vamos a quitar. Algunas otras características chicos es que podemos agregar una sección sobre nosotros. Y como dije, quiero decir, toca a usted agregar esto sobre nosotros sección. No es algo que yo haría. Lo que están viendo son diferentes características que podemos tener. Podemos agregar, ya sabes, una página de preguntas frecuentes en la página de pago real, ¿verdad? Y podemos editar las preguntas más frecuentes. Podríamos hacer muchas preguntas tan frecuentes a la izquierda, ¿verdad? Entonces estas son todas las preguntas que están ocurriendo. Podemos seleccionar un fondo, podemos desactivarlo para. Entonces algo como esto. Y eso es básicamente, quiero decir, eso es algo que incluiría en mi página de inicio. Podemos incluir algunas otras cosas más como un mapa. No tenemos una cuadrícula de galería. Las rejillas de galería son realmente, muy bonitas. A mí me gustan las rejillas de ajo y casi les enseño cómo se ven esas imágenes. ¿ Está bien? Tan importante para que todas tus imágenes sean más o menos del mismo tamaño para una cuadrícula de galería. ¿ Está bien? Entonces algunas, algunas imágenes son claramente, ya sabes, más grandes que, que otras, pero quieres que sean aproximadamente del mismo tamaño para que tenga un Look uniforme. Adelante y sumamos un poco más. Adelante y agreguemos otra foto en el medio aquí. A ver qué se va a quedar bien. Támalo todo. A lo mejor algo como esto. De acuerdo, así que claramente no del mismo tamaño. Algo que haré es editar ese tamaño. Entonces tal vez hacer que esto no pueda ser una imagen diferente. Sí, podría ser una imagen diferente. Entonces algo así. A lo mejor, ya sabes, un poco como quieres diseñarlo. Entonces sí, veamos aquí qué podemos hacer. ¿Quieres hacer? Definitivamente probar diferentes imágenes y cada galería, Por cierto, las personas pueden hacer clic, ver, derecha, acercar, alejar, pasar a la siguiente imagen, acercar, ir a la siguiente. Entonces eso es algo a tener en cuenta. Tenemos la sección de correo aquí agregada después de las preguntas más frecuentes, que es otra característica que puedes agregar, ¿verdad? Por lo que puedes quitar esto yo, en cuanto a diseño, me quedaría esto, ya sabes, sólo por la característica de la misma. Editar el texto bonito, bastante autoexplicativo, ¿verdad? En lugar de nuestra galería de fotos, quizá echar un vistazo y lo que ofrecemos algo así. Y déjame sólo asegurarme de que la ortografía es correcta. Eso es algo que quizá quieras hacer también. También puedes mover texto por completo. Entonces si quieres que se vaya, podrías hacer eso. Pero en este caso, sólo voy a escribir Gallery, poner un punto, se ahorra. Por lo que hay diferentes cosas que puedes hacer con diferentes características. En general, si fuera a configurar los requisitos. Hay cosas que quieres tener en tu tienda Shopify como requisitos, y eso es lo que vamos a hacer, vamos a hablar en la siguiente lección. 21. Qué son los requisitos de la tienda de Shopify: Entonces, entre todas las diferentes características, va a haber algunas cosas que se van a requerir para cada tienda, en cada tienda debería tenerlas, ¿verdad? Es, es justo decir que cada tienda debe tener ciertos requisitos, ¿de acuerdo? Cuando esos requisitos, lo voy a poner aquí, ahora mismo, cada tienda necesita tener un héroe Banner. Todo estandarte de héroe debe tener algún tipo de promoción. 40% de descuento, 20% de compra uno, consigue uno gratis, envío gratis, cualquiera que sea la incentivación, debería tener, ¿verdad? Toda tienda debe tener un banner dividido asumiendo que los productos no son los mismos, se están vendiendo cosas. Cada, cada tienda debe tener un Banner dividido. Toda tienda también debe tener un producto a la parrilla. Es decir, ya sabes, sección para que las personas puedan seleccionar lo que quieran dentro de la cuadrícula del producto. Simplemente agrega para más personalización. Y también deberían estar disponibles los blogs, eso es opcional. Pero los libros de look también son opcionales, bonitos o las cosas que van a enviar tu tienda al siguiente nivel. Si todo como esto está disponible en la primera página, vas a transectar mucho duro convertir y agregar estos diferentes beneficios a tu tienda que intrigaron a la gente. Ahora, también, cada tienda debe tener algún tipo de dinámica Añadir al carrito. Entonces si iba a ir aquí, digamos Haga clic en el producto, ¿no? Y digamos el tamaño pequeño al carrito. Puedes ver aquí que puedo tener upsales disponibles para mí. Y también hay una caja para poder proceder a la compra y proceder a la compra. Vamos puede llevarme directamente a la caja. No es algo que yo quiera hacer obviamente. Pero tú consigues mi punto aquí. A esto se le llama una caja de un solo paso. ¿ Por qué realmente importan los cheques de un paso? Es muy, muy sencillo. Una vez que el niño va a impulsar tu tasa de conversión. Porque la gente lo está, que es quiere algo verdaderamente, van a dar click en el Checkout y van a ir directamente a la caja y van a pagar. ¿ De acuerdo? Eso es importante. De acuerdo, la gente se olvida de eso, pero eso es importante. Pero en general, este es un curso sobre diseño. Y ojalá por ahora, sobre todo en el proyecto. Después de completar el proyecto, vas a estar listo para diseñar tiendas sobre la marcha. Entonces es algo que quieres hacer es tener pancartas. ¿ De acuerdo? Estás, y sobre todo en el proyecto, acaba de leer la explicación del producto. Vas a tener una pancarta, vas a tener una pancarta dividida. Vas a tener una categoría de producto. Lo que quiero que hagas es que te hagas capturas de pantalla de cada uno que hayas creado y lo envíes a través del proyecto. Está bien. Suena bien. Suena bien. Entonces todo el mundo va a hacer eso. Y eso va a ser el mínimo absoluto para que todo el mundo tienda, me doy cuenta de que algunas personas no quieren estar por encima y más allá con creación y creación de páginas de preguntas frecuentes y cosas por el estilo. Pero eso es algo que todo el mundo debería estar haciendo. Está bien, vamos a meternos en ello. Así que buena suerte con el proyecto. Hacer el proyecto hecho presentado. Por supuesto, si tienes alguna pregunta, siéntete libre de hacerlas. Está bien. Nos vemos. 22. Cómo crear una carta de noticias Popup: Sigamos adelante y hablemos de cómo crear un pop-up de newsletter. De acuerdo, entonces lo primero que queremos hacer es ir a la tienda online y queremos personalizar de nuevo. Ok. Ahora bien, ¿qué es un problema de newsletter? Propiedades del boletín, solo una pequeña caja que aparece que dice, ya sabes, algún tipo de mensaje de incentivación promocional a cambio de un correo electrónico. Y la razón por la que todo ese concepto es importante, ¿verdad? Y en realidad sólo parpadeará la pantalla. El motivo por el que todo ese concepto es importante en el mundo empresarial es porque cuando las personas visitan tu sitio web, no siempre están interesados en comprar tu producto de inmediato, ¿verdad? Podrían estar interesados en comprar más tarde, una hora después o un día después. A lo mejor están esperando un descuento especial, ¿verdad? Hay diferentes tipos de identidades de comprador, pero al menos el pop-up del boletín nos permitirá capturar el lead y poder interactuar con ese lead un poco relater. Entonces si simplemente vamos aquí a nuestra configuración de tema, derecha, y para llegar a nuestra configuración de tema, sólo vamos en la parte inferior. Hit ajustes de tema. Hay diferentes configuraciones que tenemos, ¿de acuerdo? Y así una de las configuraciones que en realidad estamos buscando chicos es la popup, ¿verdad? Y no barra superior, sino tema Popup justo aquí. Y así podemos optar por habilitarlo. Y queremos añadir una imagen para el, para el pop-up. Entonces vamos a seleccionar una imagen y puede ser cualquier imagen. Por lo que podría ser una imagen, digamos así que sólo representa la marca. Bueno tal vez incluso así podría ser un poco mejor. Vamos a seguir adelante y esperar a que se cargue. Está bien. Incluso podemos agregarle un logotipo. Yo técnicamente no le agrego logos realmente. Creo que se ve más limpio sin el logo, pero ustedes pueden tomar esa decisión por su cuenta. Y sólo esperemos a que se cargue golpeará guardar. Y entonces lo que vamos a hacer es todo lo que vamos a hacer es sólo vamos a ir a previsualizar la página web. Entonces voy a escribir aquí el dominio del sitio web. Por lo que voy atleta remezcló mi Shopify.com. Podría incluso tener que levantarme sí, voy a tener que hacerlo en una pestaña de incógnito. Por lo que alpha leet re-mix dot mi tienda phi.com. Veremos un pop-up. Ahí vamos. Por lo que el pop-up se verá un poco así. Dice Únete a nuestra lista de correo. Podemos agregar algún texto prerrequisito justo ahí, y las imágenes aquí mismo para representar a la marca. Entonces, ¿por qué hacemos esto? Como dije, hacemos esto para capturar correos electrónicos. Y ahora cada persona que está viendo esto sabe exactamente qué hacer para crear un pop-up. 23. Cómo crear una página de contacto: que ahora sabemos cómo crear pop-ups, algo que necesitamos saber cómo crear una página de contacto con nosotros preguntas frecuentes página todas estas páginas diferentes que discutimos antes. Bueno, para hacer eso, tenemos que ir aquí al botón de páginas. ¿ De acuerdo? Y se puede ver aquí que no tengo páginas creadas. Tengo que realmente crear estas páginas dentro de Shopify, ¿verdad? Entonces voy a golpear add page aquí. Y lo que voy a hacer es que voy a darle un nombre a la página. Digamos que es un Contáctenos, ¿verdad? Queremos un lugar donde nuestros consumidores puedan ponerse en contacto con nosotros. Y sólo vamos por aquí a contactarnos. Podemos seleccionar la versión uno o la versión dos. Simplemente seleccionaré la versión uno, a la derecha, y pegaré Guardar. Y en realidad podemos previsualizar cómo se ve eso. Entonces si vemos tienda en línea, derecha, boom, ahí vamos. Para que podamos agregar un, un banner, ¿verdad? Y podemos agregar un contacto con nosotros. Adelante y echemos un vistazo a cómo se ve el número dos. Por lo que para cambiar del número uno al número dos, solo seleccionamos el número a escribir Contáctenos versión dos. Vamos a golpear guardar, y vamos a seguir adelante y golpear la vista previa aquí. Y así esto es un poco diferente. Se puede ver aquí hay algo de texto. Aquí hay algo de información, algunos nombres y mensajes de correo electrónico, y también el banner. Entonces depende de ti un poco de qué estilo te gusta para la simplicidad. Por motivos de simplicidad, me gusta la versión uno. Simplemente fue un poco más fácil. quita el dolor de cabeza al cliente por preocuparse por su ubicación, cosas así. Y podrían simplemente visitar tu descender te un mensaje de inmediato. 24. Cómo crear páginas más personalizadas: De acuerdo, entonces ahora que aprendemos a crear una página de contacto con nosotros, puedes ver aquí hay muchas más páginas que podemos crear. Y entonces eso es algo que realmente vamos a querer hacer. Entonces sigamos adelante y volvamos aquí y vamos a crear una página de lista de deseos. Entonces básicamente lo que es una lista de deseos es si solo sigo adelante y escribo aquí el sitio web, afiliado remezcló mi Shopify.com. puedes ver en los productos. Hay un botón de corazón, ¿verdad? Y para que la gente pueda guardar un producto en la lista de deseos, tienen que golpear este pequeño botón de corazón. Pero si hago clic en él, se puede ver aquí acaba de recargar el sitio web. Y eso es porque no hay una verdadera página de lista de deseos. Si hubiera una página de lista de deseos, me llevaría a un lugar donde pueda crear una cuenta, ¿no? Una vez que cree la cuenta, me mostrará mi lista de deseos. Entonces voy a tener que crear una página de lista de deseos. Entonces solo voy a llamar a esta lista de deseos, ¿de acuerdo? Y luego selecciono lista de deseos aquí y golpeo guardar. Y no hay mucho que tenga que escribir o tengo que hacer. Todo está incorporado para mí. Si solo sigo adelante y veo página, me va a mostrar cómo es la página de la lista de deseos, ¿verdad? Por lo que dice favor de iniciar sesión regístrate ahora. Entonces obviamente no estoy registrado. Entonces no hay nada que se vaya a mostrar. Pero si soy consumidor y guardé algunas cosas y quiero volver a ello. Ahí va a estar la página de la lista de deseos. Tiendo a encontrar que las listas de deseos no se utilizan con tanta frecuencia en el mundo actual. No obstante, todavía se usan, ¿verdad? Entonces si eres una empresa muy grande con millones de tráfico cada mes, definitivamente se puede usar, ¿verdad? Al igual que si obtienes un millón de tráfico, puedes esperar que entre 40 y 50 mil personas usen la lista de deseos, pero definitivamente no se usan como frecuentemente escriben de nuevo y 050 para la gente usaría lista de deseos todo el tiempo. Más de la mitad del tráfico de tu sitio web estaría ahorrando lista de deseos y guardando los productos para más adelante. Típicamente, encontramos que cuando la marca es un poco más grande y hay más gente que acude a esa marca. Cuanto más se guardará la lista de deseos. Y escribes, quieres tener tu sitio web casi como un sello distintivo para las personas, pero siguen volviendo a consistentemente por datos, por información, por nuevos productos para comprar, y así sucesivamente. 25. Cómo editar páginas personalizadas: De acuerdo, entonces algo que queremos hacer es que queremos editar nuestra página sobre nosotros. Y si te das cuenta aquí en el desplegable, no necesariamente hay página para eso. Entonces la forma en que hacemos eso es agregar las páginas al menú en la parte superior, ¿verdad? Entonces si estoy en la ubicación de personalización para el tema, agregamos las páginas al menú en la parte superior. Y si quería personalizar algo como la página Acerca de Nosotros son contáctanos página o cualquier tipo de esas páginas terciarias, derecha. Eso son como Preguntas Frecuentes o algo así. Simplemente daría clic en la página real. Nos mostrará los datos de esa página. Da click en el botón Contáctenos y editado para poder editar esto como puedo seleccionar una imagen de fondo. Entonces una vez más, si quiero seleccionar, digamos la imagen del gimnasio que tenía. Entonces como digamos que esta es la foto, ¿verdad? Puedo tener esta foto y va a decir algo así como contáctanos. Pero idealmente, me gustaría que fuera una versión más ligera del texto. Entonces tendría que entrar en mi configuración y hacer esas ediciones, pero puedes hacer los cambios para el Banner real. Entonces tal vez necesito algo un poco de color claro. Entonces no tengo demasiados pancartas aquí, pero esto es sólo un ejemplo rápido. Entonces si hago clic en algo como esto, puedes ver aquí dice contáctanos ahora esta no es necesariamente la imagen que usaría a menos que esté promocionando nadador. Pero ustedes chicos como que hacen bien el punto. Entonces no quieres tener una imagen como esta porque saldrá pixelada, ¿verdad? Estas, estas fotos no están diseñadas realmente para eso, ¿verdad? Aquí se ven todos pixelados. Ahí sólo pixelados porque no están diseñados para el tamaño de pancarta. Están diseñados para como tamaño de foto, ¿verdad? Por lo que quieres encontrar banner que se ajuste a los criterios de la página. Entonces en este caso tenemos texto negro. Y tendríamos que entrar en los principales ajustes de tipografía y colores para cambiar eso. Pero, ya sabes, puedes elegir, ya sabes, qué pancarta quieres, ¿verdad? Entonces si solo quieres quitar el banner y seleccionar como una imagen gratuita que tengan disponible. Entonces si escribo a Jim Wright y quiero algo de cañón de color claro como este, ¿verdad? Esto funcionará de la misma manera. Entonces quiero decir, hay, hay muchas cosas que podemos hacer. Podemos hacerlo un poco así, ¿verdad? Por lo que incluso se ve mejor en mi opinión, hit save. De acuerdo, y no hay todo el tiempo donde usaría mi propia imagen personalizada. O sea, nos dan imágenes gratis. Pero como dije, podrías hacer lo mismo y vamos a seguir adelante y hacer eso realmente rápido con la página sobre nosotros sólo para que todos puedan ver y eso puedan, todos puedan entender. Entonces aquí tenemos el banner About Us y tenemos diferentes como texto de apoyo. Y luego tenemos las razones para comprar sección. Contamos con una sección de Instagram. Todo esto está dentro de este botón aquí mismo. Dice de nosotros y en realidad podemos hacer algo de edición. Por lo que tenemos la imagen de fondo una vez más. Entonces digamos que queríamos usar esta imagen para sobre nosotros, ¿verdad? Y obviamente, esto probablemente no sea una imagen que usaré. Usaré algo más como un banner de algún tipo que promueva la marca o algo así. Pero tal vez si escribo 4k fuera, esto lo tendría un poco más de sentido. Vamos a ver aquí. Si hago clic en esta imagen, como dije, tienes que prestar atención a qué tipo de banner estás seleccionando y asegurarte de que se vea bien en general. Veamos aquí puedes editar algún texto, agregar algunas imágenes. Entonces tenemos un so si buscas aquí el texto, dice Justin, lo que sea que todas esas cosas no estén aquí. Eso es en realidad justo aquí. Entonces el servicio número uno, ¿verdad? Y así servicio número uno, servicio número dos, la introducción. Por lo que quiero editar la introducción. Yo lo llamaría, digamos nuestro equipo o algo así, ¿verdad? Nuestro equipo de trabajo. Quizás cambiando la descripción también sobre nosotros. ¿ Verdad? Y luego agrega, ya sabes, cambia el texto que aparece perfectamente bien, y selecciona una imagen para el equipo. Entonces tal vez no sea como una imagen como esta. Sería como una imagen relacionada con el equipo con un montón de personas. Entonces encontremos al verdadero rápido. Entonces tal vez algo como esto, ¿verdad? Desearía más de una persona. Y eso en realidad funciona muy bien para las tiendas que tienen páginas como About Us para tener más de una persona dentro las fotos y sólo tipo de espectáculo como la empresa y la gente. Ya sabes, hay muchas cosas que puedes hacer. A lo mejor me desharé de esta porción de introducción, ¿verdad? Y entonces sí, eso es realmente. Al igual que es, es bastante autoexplicativo personalizar este tipo de páginas. Pero no obstante, si ustedes chicos quieren hacer algunas personalizaciones, ahora ya saben cómo hacerlo en sus páginas personalizadas.