Cómo diseñar un sitio web desde cero con Wix: el único curso de diseño web que necesitarás

1. ¡Bienvenido al curso!: Oye, soy Caleb, justo alrededor del galardonado estudio de diseño web llamado digital emparejado. Y en este curso, soy profesor, hago lo que hago, creo sitios web increíbles como este en obras. Incluso vale la pena aprender a diseñar sitios web a lo que es el? ¿Y bien? Con obras, puedes hacer una tienda de comercio electrónico como Wayfair o Amazon. Se crea una publicación en medios como el Huffington Post. Podrías usar tus habilidades para diseñar sitios web profesionalmente, como lo hago yo. Y eso puede ser lucrativo para que haya tantos tipos diferentes de sitios web que podrías construir que enriquecerían tu vida y la de otras personas. cuando termines con este curso, Paracuando termines con este curso, podrás crear magníficos sitios web que se ven muy bien en todos los tamaños de pantalla y tienen funcionalidad única como granjas de contacto personalizadas, blogs, foros, blogs, comercio electrónico y mucho más. También cubriremos algunos conceptos técnicos más avanzados como el Gestor de Contenido Web. Una vez que tu sitio esté construido, discutiremos la optimización de tu sitio para motores de búsqueda como Google y bang, y la conexión de tu propio nombre de dominio a tu sitio web. También hay algunos grandes freebies incluidos con este curso. Si necesitas ayuda durante o después del curso, estaré a tu disposición. Y también estoy abierto a la retroalimentación. Entonces si tienes sugerencia para hacer mejor el curso o crees que me falta algo o necesito agregar algunos videos, por favor avísame para que pueda hacerlo. Quiero que todos logremos juntos y estoy tan emocionado de ver la página web que construyes. Empecemos. 2. 04 Planificación de tu sitio web: Así que decidiste construir un sitio web que sea impresionante y es muy emocionante. Pero antes de empezar, necesitas realmente planear tu sitio web hacia fuera. No se puede simplemente saltar a ciegas. Vas a cometer muchos errores y tendrás que hacer muchas cosas dos o tres veces. Entonces eso es en realidad sitio web del planificador. Antes de empezar a construirlo, debes recordar que tu sitio web es el rostro digital de tu negocio. La gente va a poder acceder a esto todo el tiempo, todos los días sin importar lo que estés hecho, no importa donde estés, estés trabajando o no, va a estar vendiendo, ¿verdad? Y podrás realizar ventas desde tu página web principal a las dos de la mañana del martes por la noche. Eso es impresionante, pero con gran poder viene una gran responsabilidad, ¿verdad? Es importante que consigas bien tu sitio web, para que puedas aprovechar plenamente esas oportunidades. Entonces primero, seamos claros sobre qué tipo de sitio web quieres construir. Hay un montón de diferentes tipos de sitios web. Hay sitios web de folletos que son puramente informativos. Hay blogs donde estás agregando información de contenido y hablando y escribiendo sobre un tema en particular. Y tiendas de comercio electrónico donde estás vendiendo productos, ya sean físicos o digitales. Hay foros donde estás creando una plataforma para que las personas interactúen y chateen entre sí sobre el tema que les interesa. Ahí hay portafolios donde podrías ser algún tipo de diseñador o una persona creativa. Quieres mostrarle tu trabajo al mundo. También hay aplicaciones más avanzadas que tienen algún tipo de interactividad incorporada. Piensa en cosas como Facebook o Twitter, esas son aplicaciones web. Y hay todo tipo de sitios web que puedes construir. Pero este es un buen punto de partida. Y estos son todo tipo de sitios web que son posibles con Wix en realidad, incluso aplicaciones web. Una vez que sepas qué tipo de sitio web estás construyendo, necesitas hacerte algunas preguntas para determinar qué dirección tomar las cosas. Entonces, en primer lugar, ¿por qué quieres o necesitas un sitio web? Y cada negocio necesita un sitio web, casi todos los negocios lo hacen como diseñador profesional, sí creo que cada negocio necesita un sitio web y casi definitivamente no pueden hacer daño si tienes un buen sitio web. En realidad déjame recuperar eso. Un mal sitio web realmente puede dañar la credibilidad y respetabilidad para los negocios. Pero, ¿por qué quieres un sitio web? ¿ Quién estará utilizando el sitio? El sitio que construyes para un grupo de personas mayores de 85 años que no están muy familiarizados con la tecnología y solo necesitan obtener algo de información rápidamente es diferente al tipo de sitio web que construyes para un niño de 13 años que realmente le gusta Minecraft y está en busca de entretenimiento. Por lo que sus usuarios, cuando una forma que se verá y la sensación y la funcionalidad del sitio. ¿ Por qué elegirían mi sitio web? Y por extensión, ¿su servicio o negocio? Hay mucho por ahí. Hay muchos blogs, hay muchas tiendas de comercio electrónico. ¿ Qué te hace diferente? ¿Por qué la gente te elegiría sobre otra persona? ¿ Cómo van a encontrar que una vez que tu plan de marketing, sólo porque hayas construido un sitio web, no significa que vaya a haber miles y millones de personas acudiendo a él para escuchar de ti y los productos de los compradores, lo definen de alguna manera, ¿verdad? Tienes que llevarlos a tu página web. Por lo que necesitas comercializar ya sea publicar en redes sociales o crear videos de YouTube para publicar anuncios, o trabajar en la optimización de motores de búsqueda. Necesitas decidir con anticipación cómo planeas ayudar a las personas a encontrar tu sitio web. ¿ Qué características necesitará su sitio web? ¿ Necesita un formulario? No necesita un blog, will, hay un comercio ED y el envío en esas características, qué bivalente encontrarlas. Sí, lo encontrarán del menú esperemos. Pero hay una necesidad de ser una cuadra en la página de inicio. Las personas interactúan con tu sitio web y sus características de una manera que les resulta fácil. Bueno, el ser humano al estar involucrado en el proceso de construcción, ¿necesitas hablar con un socio de negocios sobre planeación y estrategia y contenido? ¿ Vas a contratar a un diseñador? Y de ser así, ¿qué información necesitas darle al diseñador para asegurarse de que puedan hacer un buen trabajo. Adicionalmente, ¿qué sitios web te gustan? Eso te ayudará a tener una buena idea del diseño y la funcionalidad que estás tratando de lograr. ¿ Qué te gusta de ellos? ¿ Qué los hace atractivos para ti? ¿ Por qué quieres que tu sitio web parezca que hay sitios web odias? Hay un sitio web que odias. Identifica qué es lo que no te gusta de ese sitio web, por lo que puedes evitar incorporar eso en tu propio. En ese sentido. ¿ Qué les pasa? ¿ Cuánto me costará esto? Absolutamente van a haber costos asociados con la creación de un sitio web. El deseo es que el sitio web te devuelva mucho más de lo que cuesta. Sitio web es casi siempre una inversión. Y si es un buen sitio web que hace su trabajo, va a ser una excelente inversión. Vas a obtener un enorme retorno de tu inversión. Entonces, ¿cuánto me va a costar? Un diseñador profesional, dependiendo de dónde encuentres quién podría tener desde 500 hasta 5000 dólares, también vas a necesitar pagar un nombre de dominio que va a estar en algún lugar entre 10, 20 dólares al año. Y vas a necesitar pagar por un plan de hospedaje de pelucas. Eso va a ser en cualquier lugar de 12 a 40 dólares al año. Y luego finalmente, ¿cómo comercializa este sitio web? ¿ Cómo vas a conseguir que la gente encuentre tu página web? De acuerdo, también necesitas elegir un nombre de dominio. No tienes que hacer esto antes de empezar. En realidad podrías hacer esto más adelante, pero hablemos de ello ahora. Idealmente, tu nombre de dominio va a ser corto y sencillo, algo así como google.com, no, hey, este es un motor de búsqueda realmente bueno y su nombre es Google.com dotnet, escribir corto y simple y memorable es ideal. Ahora ya se han comprado muchos nombres de dominio. No vas a conseguir blog.com, pero solo trata de hacerlo lo más corto y simple posible. Acude a GoDaddy y comprueba si tu nombre de dominio está disponible. Y generally.com va a ser lo más fácil para que la gente recuerde. Antes de que realmente construyas tu sitio web. También necesitas saber cuál es tu branding porque esto va a informar el diseño de toda la página web. Por lo que necesitas tener un logo descubierto. Se puede ver arriba en la esquina superior derecha, tengo mi logo justo aquí. Y nuestros colores desde el azul hasta tonos de azul y rojo. Necesitas tener una fuente para tu encabezado en tus textos de cuerpo. A veces tendremos una fuente y es simplemente más grande y más audaz para el encabezado. Eso está bien. Y averigüe qué fuentes desea usar. Averigua los colores. Otra vez. Para nosotros, es azul y rojo. Puede ser lo que quieras, pero está tratando de tener algo, tener unos colores que coincidan. Ni siquiera 20 colores y probablemente necesites dos o tres colores. Y determinaste la sensación. Yo siento. Es decir, ¿qué tipo de sentimiento evoca tu marca en el cliente? ¿ Te ves profesional y te ves divertido? ¿ Tienes cool? ¿ Cómo quieres que tu marca sea retratada? ¿ En qué quieres que el cliente piense de ti cuando vea tu marca? Una gran manera de armar todos estos juntos para crear un tablero de humor. Eso se puede hacer en Pinterest. Podrás crear un kit de marca, documento particular de algún tipo que hasta te dan una sensación por tu marca. Aquí te dejamos un ejemplo de un kit de marca que creé para la página web que vamos a construir en este curso. Entonces vamos a estar creando un blog de viajes. Y así creé este dramático logo de Caleb con una mochilita fresca. Y tengo mi fuente de encabezado y mi fuente de cuerpo escogida. Tengo un esquema de colores, una paleta de colores escogida. Y luego la sensación general para un blog de viajes, creo que debería ser aventurero y feliz y divertido y solo algo así como evocar este sentimiento de buen momento. Se trata de un kit de marca de una página. Algunas empresas más grandes tenían nietos mucho más complicados, complejos. Tengo personalidad del cliente y voz de marca y todo este tipo de cosas. Para una pequeña empresa o una startup, podemos empezar aquí con un kit de marca de una página y trabajar desde ahí. Una vez que tengas tu marca establecida, es hora de planificar realmente la estructura de tu sitio web. ¿ Qué, cuál va a ser el flujo? Las páginas donde se va a ver la página. Hice esto con bolígrafo y papel. Simplemente dibujo como quiero que se vea el sitio web. Muy en general, muy vagamente. Todo esto es completamente subjetivo y abierto al cambio. Pero en contra me da una idea de cómo van a quedar las cosas. Entonces así es como quiero que se cargue mi sitio web. Ahora aquí hay algunas herramientas realmente impresionantes. Puedes usar un planificador en tu página web, colocarlo hecho que tenga un generador de logotipos. También hay algunos otros generadores de logotipos alrededor en internet. Semanas, dependiendo del plan que compres tiene un generador de logotipos. Este sitio web coolers dot CEO tiene un generador de paleta de colores. Utilizan todo el tiempo. Te guiaré por algunos de estos servicios cool en un video diferente que pondré en la sección de video bonus. Por lo que todo de lo que hablamos en este video debería ayudarte a crear un sitio web asesino que te ayude a tener éxito. Está bien, espero que eso te haya ayudado a planear tu página web. Nos vemos siguiente video. 3. BONUS: usa Coolors.co para crear paletas de colores: De acuerdo, en este video, te voy a mostrar cómo usar coolers dot CEO para crear esquemas de color súper rápidos. Para que puedas pasar menos tiempo jugando con colores y llegas a diseñar tu sitio web mucho más rápido. Entonces si vas a colores que SEO, verás este botón azul que dice Arranca el generador. Vamos a hacer clic en eso. Una forma en que me gusta generar nuevas paletas de colores es hacer clic en la barra espaciadora de este generador de paletas de colores para voltear a través de los colores hasta que empecé a ver colores que me gustan. Entonces digamos que estoy trabajando en una empresa de corte de césped. Podría decir que me gusta este verde. Entonces pasaré por encima de esto y cerraré un candado de ese color. Ahora cuando haga clic en Barra espaciadora, las nuevas paletas de colores se generarán con este color en mente. Entonces recuerda que estoy haciendo el sitio web de una empresa en curso desde hace mucho tiempo. Entonces tal vez se ve un poco divertido. Entonces tal vez quiero usar este azul. Y simplemente se va a mantener fuera. Reducirlo hasta que tenga algunos colores que me gustan. De acuerdo, entonces Bill Mann, uso esos cinco colores. Y entonces puedo guardar esta paleta de colores. Asegúrate de tener una cuenta. Y va a salvar esto como empresa de corte de césped. Y podemos etiquetarlo si quieres céspedes. Una vez que eso esté guardado, podemos hacer clic en el menú de hamburguesas y ahí está tu paleta y paleta de colores, para que podamos agarrarla y usarla más tarde. A veces para mis clientes, solo tomaré una captura de pantalla de todos estos colores y les enviaré unas paletas de colores diferentes para que los escojan. Y donde pueden ver los nombres en los colores hexagonales y ver más información por sí mismos. ¿ Cuál otra parte genial de los colores es la función Explorar. Y aquí puedes ver un montón de paletas de colores realmente geniales, muy bien hechas una suma. Se puede ver lo populares que son. Y así está bien, solo mira estos con tu proyecto en mente y mira si alguno de estos podría encajar con el proyecto en el que estás trabajando hasta ahora, London Company, Podríamos haber usado una paleta de colores más grande como esta con una tonelada de diferentes colores. A lo mejor éste. También puedes buscar por palabra clave hasta ahora en una empresa tal vez podríamos buscar largo y conseguir un montón de obtenemos un montón de paletas de colores que podrían funcionar para ese tipo de proyecto. Entonces esa es causa en pocas palabras es súper útil. Permita que lo hiciera un tipo, lo cual es muy impresionante. Entonces si necesitas llamarlo, pero los colores rápidos es el camino a seguir. 4. Planas Premium: Muy bien, Hablemos de los planes de precios de Wix. Tienen cuatro planes de sitio web básicos diferentes y luego otros cuatro o cinco planes de negocios. Por lo que el más popular es el plan combinado. También es el más barato en $14 al mes viene con un dominio gratuito. No habrá ninguno en Wix anuncios en tu página web de un SSL. Y un SSL es solo una característica de seguridad que todos los sitios web necesitan. Es lo que provoca que este pequeño candado aquí se muestre suficiente espacio de almacenamiento para que empieces. Algunos algunos de almacenamiento de video también. Estas otras estas otras cosas que vienen, algunos de los otros planes que no necesariamente necesitas el Get Started agregan vales de Google y Bing. Y el booster del sitio es una App SEO, y envía tu sitio web para ser diferentes directorios, 20 directorios en línea diferentes. El análisis de visitantes es lo que suena. Se trata de una aplicación analítica. Y luego tienes el calendario de eventos, que es la app de calendario, el creador de logotipos que llega al VIP y la prosa, bastante cool. Esencialmente generará un logotipo para usted basado en las respuestas a un par de preguntas y su elección entre unos pocos logotipos diferentes. Y viene todos los archivos que necesitarías para todo tipo de usos diferentes si quieres usarlo en Facebook e Instagram y todos estos diferentes spots. Te dará los tamaños de archivo adecuados. Entonces esos son los planes estándar. También hay planes de comercio electrónico. Por lo que lo más común es el plan ilimitado de negocios. Y ahí es donde ofrecemos nuestra clase, hospedando y manteniendo sus sitios con nosotros. Así que las características algo útiles son los bits de limitado sobre Business Basic son que obtienes suscripciones, servicios de suscripción. Se puede tener múltiples monedas. El impuesto automatizado a las ventas es bastante útil. Envío avanzado, puedes conectarte a diferentes mercados y además tienes algunos otros pequeños complementos. Por lo que recomendaría un negocio ilimitado. Aunque los conceptos básicos del negocio serían suficientes para ponerte en marcha. Todavía tienes pagos en línea. Viste planes de pago, y aún así obtienes ese dominio gratuito y espacio de almacenamiento y todo. Entonces creo que si estás a estrenar y listo para solo sumergir tus dedos de los pies en la construcción de un sitio web, comenzaría con el combo. Se quería abrir una tienda de comercio electrónico. Yo iría con el negocio y lo dejaría ir. Por lo que eso cubre más o menos los planes premium de Wix. 5. Diseño con Wix ADI: Por lo que estás listo para crear tu sitio. Y creas tu sitio, vas a tener dos opciones que puedes crear con el editor regular de Wix o Editor X. El editor X es el que dice editor más avanzado para típicamente utilizado por diseñadores profesionales más cualificados. Definitivamente recomiendo empezar a construir con el editor de Wix. Por lo que podemos hacer click ahí y esto sale. Entonces la razón por la que estoy haciendo esta pregunta es porque quieren mostrarte un montón de plantillas relacionadas con tu sitio web. Entonces finjamos que quiero construir un, un blog de viajes para un nómada digital. De acuerdo, Entonces vamos a hacer clic en blog y luego nos presenta dos opciones. Ahora está el Wix ADI, editor real. De hecho, trabajemos a través de ambos. Por lo que con el Wix ADI, haga clic en Inicio. Ahora, llamémoslo el blog de viajes de Caleb. Y luego haga clic en Siguiente. Te va a dar algunas opciones de cosas que queremos agregar automáticamente a un lado. Y pensaré que necesito una charla, pero vamos a tener un formulario de suscripción para que la gente pueda suscribirse a mi newsletter. Y tal vez también algunos productos digitales, PDF o algo así. A lo mejor quería que una galería de videos de YouTube se mostrara y dejara que sus viajes en Instagram. Y a lo mejor quiero charlar sobre viajar al foro. Entonces tenemos algunas cosas diferentes como el término. Y el nombre de nuestro blog es el blog de viajes de Caleb. Y pensarán en un mejor nombre para eso más adelante. No tenemos un sitio web existente. Esto es bastante guay sin embargo. El otro sitio web en Squarespace o WordPress o cualquier plataforma que puedas poner tu sitio web justo aquí y tirar de toda la información o tanta información como su algoritmo pueda agarrar. Tire de ella aquí. Lo mismo con los lugares de Google. Si tuvieras que tener configuración de Google, My Business, acabo de hacer un logotipo muy rápido para que lo usemos para este sitio web de pretensión. Se debe la industria. ¿ De acuerdo? También crea automáticamente tus enlaces sociales si redes sociales para tu negocio o para ti mismo y cúbito. Muy bien, Ahora vamos a escoger un par de equipos que nos gusta dar la, la semana dicen ion idea del tipo de look que estás buscando, para tu página web. Entonces creo que éste está bien. Sí, Usemos mi nivel para crear la paleta de colores. Estos dos colores juntos. De acuerdo, ahora, creé primero una página de inicio para mi nuevo blog de viajes. Echemos un vistazo. Mal. Tiene todas las piezas de las que hablamos, ¿verdad? Entonces tiene el blog, tiene videos, es una especie de Instagram. Y ella está con el formulario de contacto como enlace de redes sociales allá arriba. Todos se ven bastante bien, usemos este diseño. ¿ Quiero más páginas? Probablemente quiera adoptar página tal vez una página de contacto dos. De acuerdo, creo que eso es todo, dijo Editar sitio. Genial. Por lo que nuestro sitio está construido. Echemos un vistazo a la vista previa. Por lo que tenemos un bonito encabezado de apertura aquí. blog Kinda, formulario de suscripción, videos, instagram, contacto. Tiene todos los fundamentos de un sitio web real. Y nos llevó qué? Llenar un formulario por tres minutos y llegar a los productos y girar sobre información en una foto mía. Agregar un formulario de contacto. Tienes un foro para que la gente pueda hablar entre sí mientras incluso escribía alguna información sobre el formulario de viaje. Entonces es bastante loco lo fácil que es si realmente quisieras construir un lado Wix ADI. Y aquí puedes agregar secciones, los contenidos de la página con los colores, todas estas opciones en estas piezas de su sitio web o editables. Por lo que podemos dar click aquí y escribir lo que queramos. Por lo que en resumen, el Wix ADI es súper fácil de usar. De verdad lo recomiendo. Si necesitas un sitio web arriba esta noche, acabas de salir del trabajo y tienes un día siguiente pitched sobre tu negocio. Y así no tienes un sitio web mostrando el negocio fuera para mañana por la mañana. Y esta es una gran opción, pero también te va a restringir mucho. Y no vas a poder crear el tipo de diseños más elaborados que realmente te diferencia como negocio o incluso como individuo. Por lo que te recomiendo usar el editor de Wix y nos meteremos en eso en el siguiente video. Gracias. 6. Crear un sitio nuevo y plantillas de sitio web: Entonces he vuelto atrás y ahora en lugar de usar Wix ADI, vamos a usar el editor de Wix. Entonces de nuevo, estamos haciendo un blog. Lo estamos llamando nómada, Caleb, Va a ser un blog de viajes. Vamos a crear el sitio web con el editor. Entonces cualquier editor, Hay una tonelada de plantillas diferentes para hacer el pago. Y muchos de ellos son bastante bien nombrados. Algunos de ellos son mayores y algunos de ellos se ven bastante mal. Por lo que te recomendaría que busques a través de plantillas relacionadas con tu negocio, pero no te restrinjas a esas porque vamos a personalizar todo de todos modos, lee. Para que no tengas, si estás creando un blog, blogger de viajes no tiene que ser una plantilla de blog de viajes que pueda ser un tipo diferente de blog. Echemos un vistazo a este. Es para un blog de viajes. Ella consiguió la cena completa. Está bien. Diferentes secciones del Blom donde se presentan. Últimas entradas de blog. Parece su Instagram aquí. Redes sociales. Entonces creo que esta es una plantilla bastante sólida, bastante sólida. Si quisiera usar una plantilla, probablemente usaría esta. A mí me queda genial. Incluso puedes comprobarlo en el móvil. Sí. Mira, el salario sería un gran punto de partida. Pero en realidad no vamos a usar plantillas. Vamos a construir un sitio desde cero. Esto es importante porque si vas a construir más de un sitio, vas a poder construirlo exactamente de la manera que quieras. Y esta forma de hacerlo es empezar de cero. Entonces aquí arriba en la parte superior que todas las plantillas y luego plantillas en blanco. Hay algunos con alguna disposición simple, lo siento, configuración para nosotros. Vamos a empezar completamente desde cero. Editar. De acuerdo, eso nos trae al editor de Wix, una pizarra completamente en blanco. Podemos hacer cualquier sitio web que podamos imaginar. Aquí mismo a un costado. Solo para darte un poco de inspiración, echemos un vistazo a alguna ciencia que hemos construido todo completamente desde cero en el editor de Wix. Aquí tienes un lado personal del chef, chef a medida. Aquí tienes un sitio para una consultora, Courtney Branson. Aquí hay un sitio para un negocio de consultoría de personal, para lavadoras a presión local, sitio web clásico de pequeñas empresas, y el sitio para una empresa de carne de vacuno y capital. Entonces creo que en base a esos pocos lados, te ocurre la idea de que se puede hacer casi cualquier cosa en el editor de Wix. La pregunta es, ¿por dónde empiezas? Y obtienes esta pizarra en blanco. Tienes todas estas opciones y otras cosas pasando. Entonces, ¿por dónde empiezas a construir tu sitio? Eso lo vamos a hacer en el siguiente video. 7. Un tour del tablero de Wix: Antes de empezar realmente a construir nuestro sitio web y hacer un recorrido rápido por el tablero de Whigs. El tablero de libros es donde viven todo tipo de configuraciones diferentes. Es donde vive tu CRM, base de datos de gestión de relaciones con clientes, tu configuración, tus productos de tu tienda. Vas a pasar mucho tiempo en el tablero de obras. Entonces, en otras palabras, dashboard en la parte superior, puedes ver una vista previa rápida de tu sitio, el título de tu sitio, tu URL. En este momento esto dice Digital, ese website.com slash ellipse a los 18 porque no hemos conectado un dominio y se meterá en conectar dominios más adelante. Hay una variedad de acciones de conjunto que puedes tomar, incluyendo previsualizar el dicho, duplicarlo, transformarlo a otra persona y otro propietario agregar gente son algo así. Aquí puedes ver tu rol de sitio y veremos en un poco los roles del sitio, pero hay diferentes roles del sitio con diferentes permisos. En cada sitio web. Puedes ver tu plan de sitio desde obras. Entonces un plan de negocios o simplemente un plan premium regular. Puedes ver si has conectado una bandeja de entrada de correo y puedes ver tu plan Wix ascend. También hablaremos de ascender más tarde. Pero parece un pecado es la comercialización. Ellos todas las herramientas de marketing que funciona ofrece justo debajo de aquí, ya que agregamos como tienda semanas nos da esta pequeña caja auxiliar. Y sugieren agregar su producto de primera parte o configurar métodos de pago, regiones de envío. Y entonces esta parte aquí también es importante. Te ayuda a publicar tu sitio. Te dice cómo conectar el dominio, te ayuda a enviar tu sitio a Google Search Console. Por lo que este es solo un pequeño tutorial rápido que te ayudará a guiarte a través de algunos pasos clave para conseguir tu sitio en línea. Y nos desplazamos un poco hacia abajo. Hay algunas sugerencias más. Debajo de eso. Hay un montón de enlaces rápidos a diversas herramientas. Y por aquí puedes ver algunas analíticas. Por lo que una vez que tus sitios estén en línea, es posible que veas unas 107 sesiones este mes. Te propongo es que te han hecho $10 mil y ventas. Eso sería genial. De acuerdo, Así que ahora aquí en la barra lateral izquierda, hay un montón de opciones, ¿verdad? Vamos a caminar por cada una de estas para que tengas una base fuerte en te sentirás cómodo navegando por el panel web. Entonces justo debajo aquí, tenemos la videoteca, y eso es porque agregué una aplicación de video a mi sitio web. Hacemos click aquí. Iremos más allá en la videoteca que más tarde. Pero podemos subir archivos o podemos incrustar playlist desde diversos servicios como YouTube, Vimeo, Facebook. También en realidad streaming en vivo, que es una característica muy cool en la que también entraremos más tarde. Y puedes configurar canales similares a YouTube. Si alguna vez has tenido una cuenta de YouTube. Debajo de que tenemos todos nuestros productos de tienda tendrán toda una sección larga sobre e-commerce. Pero se puede ver realmente rápidamente que ya hay todos estos productos agregados en. Puedes hacer clic en cada uno de estos para editar esta información. Puedes gestionar tu inventario desde el panel de control. Se pueden configurar colecciones y colecciones o simplemente categorías de productos. E incluso hay esta interesante pestaña, encuentra productos para vender y te conectarán con diversos cargadores de gota y te ayudarán a buscar productos para vender en tu tienda online. De acuerdo, debajo de eso puedes tener pedidos de tienda. Y así podrás ver una lista de todos los pedidos que han llegado a tu tienda. Golpe que carros abandonados. Entonces va a haber una lista de personas que metieron un montón de cosas en tu auto, el carrito de compras, y luego no compraron. Para que puedas llegar a estas personas y preguntarles por qué no compraron. Podrás enviarles un cupón. Se puede configurar una automatización para enviarles cupones, que recomiendo encarecidamente. Y también hablaré de configurar una página web automatizaciones más adelante en el curso. De acuerdo, debajo de eso, ya que agregamos el formato, se puede ver que hay una variedad de publicaciones diferentes. Y en cada uno de estos puedes hacer click para ver más información al respecto. Y también están las categorías. Por lo que típicamente Santa forma de viaje, tal vez tengas una sección para ideas de viaje de presupuesto. Mi otra sección para viajar por Asia, algo así. De acuerdo, debajo de eso, tenemos nuestro blog. De nuevo, tendremos todo un video sobre agregar post a tu blog, pero es muy sencillo. Y esencialmente solo tienes que hacer clic en Crear una nueva publicación, llena la información y ya estás listo para ir. Y así eventualmente verás, una vez que tengas algunas entradas de blog, verás una lista de toda tu cruz negra aquí, borradores en los que estás trabajando. Sugiero altamente en el futuro que programes puestos de avanzada porque Google éxtasis que estás publicando en un horario regular. Para que puedas escribir. Y también para que puedas empanar tu trabajo. Para que pudieras escribir 10 posts durante un fin de semana y luego programar y salir durante el siguiente par de meses. Algunos de los puestos en la basura. Y luego de nuevo, puedes categorías ya sea sopla tus entradas de blog. Entonces tal vez tengas una categoría para como las publicaciones del foro. La gente tiene una categoría para China y algunos para Europa y algo así. De acuerdo, debajo de eso, tienes el pecado por las herramientas de marketing de Wix. Por lo que aquí hay muchas herramientas realmente geniales. Simplemente vamos a brisa sobre eso algunos de estos realmente rápido y vamos a profundizar en ellos más tarde. Entonces para empezar, si la gestión de clientes, y esta es tu base de datos de gestión de relaciones con clientes CRM, piénsalo como una hoja de cálculo gigante con toda la información que necesitarías sobre tus clientes. Entonces aquí estoy yo, aquí hay un ejemplo, contacto. Entonces vamos a verlo muy rápido, sólo para que sepas de lo que estamos hablando. Entonces a medida que llegues, como la gente llena formularios en tu página web, como la gente compra productos, vas a ver toda la información sobre ese contacto aquí en tu CRM. Y esta es una gran característica porque generalmente se tiene que pagar a un proveedor de software externo para tener un CRM. Pero funciona te proporciona el CRM con tu plan de sitio web. En realidad es un gran valor porque los teoremas pueden ser muy caros. Por lo que verás una visión general. Se pueden tener tareas. Aquí hay todo tipo de cosas que ver. Nos meteremos en esto más tarde. Pero solo conoce tu CRM es una base de datos para todos tus contactos en tu que interactúan con tu sitio web. Eso tenemos marketing SEO. Aquí es donde puedes conectar todo tipo de herramientas de marketing como Google Analytics, Facebook Pixel, Google ads. También puedes crear publicaciones en redes sociales para publicarlas en tus canales de redes sociales. Puedes conectar Google, My Business, lo cual es muy importante para obtener críticas para tu empresa. Se puede enviar boletines por correo electrónico. Te puedes encontrar en Google. Por lo que envía, de nuevo, optimiza tu sitio web para SEO y envíalo a Google. En realidad puedes conseguir ceras ayudadas para configurar algunos anuncios automatizados de Facebook e Instagram, y estos en realidad pueden ser bastante efectivos. También hay un pequeño fabricante de video que es bastante útil. Esto es genial para publicaciones en redes sociales. Puedes configurar cupones para tu tienda. Por lo que hay muchas herramientas realmente geniales en la suite de marketing y ventas y marketing. Y realmente recomiendo solo hacer clic aquí y jugar y ver lo que se puede llegar. De acuerdo, debajo de marketing y SEO, tenemos analíticas e informes. Aquí es donde se puede rastrear toda la información del visitante o la interacción del visitante con su sitio web. Entonces verás cuántas personas están visitando, qué páginas están visitando, dónde vienen en términos de qué sitio, pero también de dónde viven. Geográficamente. Se puede ver cuántas personas están regresando mes a mes, lo cual es importante. Puedes ver tus análisis de ventas. Entonces, ¿cuánto estás vendiendo mes a mes? Se puede ver cómo se está desempeñando su sitio. Desde una perspectiva de velocidad. Es muy importante revisar regularmente tus analíticas porque necesitas saber cómo está funcionando tu sitio para que ella pueda mejorarlo. De acuerdo, Ahora la pestaña de finanzas aquí mismo también es bastante útil. Podrás ver una lista de todos los pagos que los clientes han enviado a ti puedes generar cotizaciones de precios. Entonces, si tienes un negocio basado en servicios, di que eres plomero, di que eres diseñador web. Podrás armar una cotización de precio para tus clientes. Obtienes incluso facturarlos y usar el método de pago configurado en la configuración. Y hay un sinfín de otras integraciones financieras. La mayoría de las personas, las empresas más divertidas usan QuickBooks. Freshbooks podría usar QuickBooks. Puedes integrarlo aquí. Puedes agregar tu nómina. Por lo que hay muchas maneras en que despierta te ayuda a dirigir tu negocio. Es extremadamente útil tener cotizaciones de precios y facturas que puedes enviar a Shae desde tu página web. Porque de nuevo, esta es otra característica como la CRM que normalmente tendrías que pagar a algún proveedor de software de terceros. De acuerdo, ahora vamos a entrar en ajustes. 8. Ajustes de sitio web de Wix: Correcto, repasemos todos los ajustes de tu sitio web. Entonces recuerda dónde en el tablero del lado izquierdo, estamos aquí en ajustes. ¿ De acuerdo? Entonces en la configuración general tienes configuración de sitios web, información de negocios, idioma y región, roles y permisos, configuración de video. Entonces vamos a pasar por cada una de estas configuraciones de sitios web uno por uno. Puedes establecer el nombre de tus vistas, la URL. Adelante y cambiemos esto a nómada, Caleb, ya que ese es el upsampling. Favicon es este pequeño ícono aquí en la parte superior. Por lo que necesitas un plan premium para cambiar eso. Cambiaremos esto más adelante. Tu imagen social general es lo que se va a compartir cuando compartes tu sitio web en una red social como Facebook. También es lo que va a surgir cuando envíes mensajes de texto a alguien, tu sitio web, en cualquier momento que pongas tu URL y aparece una cajita con una imagen, esa es esta imagen. También puedes agregar tu cuenta personal de Facebook. Aquí. Realmente no necesitas y se usa a menudo. De acuerdo, y luego dentro del historial, puedes ver y restaurar una versiones anteriores de tu sitio. Hablamos de esto un poco antes. Esto es extremadamente útil. Si algo sale mal en tu sitio web, intentas diseñarlo y estropeas algo terriblemente. No puedes justo lo que hiciste mal o decir que le das permiso a alguien más a tu sitio y ellos estropean algo y eliminan algo importante. Siempre puedes simplemente revertirlo a una versión guardada anterior de tu sitio, que dice un montón de versiones de tu sitio. Por lo que deberías poder restaurar tu sitio para trabajar en él. No te olvides de esto es extremadamente útil si algo sale mal en tu sitio. De acuerdo, así que esa es la configuración del sitio web. Volvamos a la configuración. De acuerdo, debajo de la configuración, tenemos información de negocios. Por lo que este subs va a aparecer en esas facturas y cotizaciones de precios que acabamos de ver en la herramienta de finanzas. Y puedes establecer tu nombre comercial, tu dirección a través del logotipo, una descripción de tu negocio, qué tipo de negocio es, establecerlo en comida y viajes, la ubicación. Y vamos a decir que es un Austin. Austin, Texas. Por eso me encanta no voy a renunciar a mi verdadera dirección ellos. Está bien. Y luego puedes decir tu información de contacto, correo electrónico, tu teléfono, tus datos de que esta cosa va a aparecer en tus facturas y tus cotizaciones de precios, gastar y guardar eso de nuevo. De acuerdo, por debajo de eso, puedes establecer tu n-región de idioma. Entonces vamos a poner todo esto a inglés. Zona horaria central. Ese es el momento que le maravilla a dólares americanos. Pero di que lo eres, acabas convirtiéndote diseñador web y estás diseñando para alguien en Alemania. En realidad recientemente tuvimos un cliente que estaba en Holanda. Entonces necesitarías cambiar todos estos ajustes diferentes a, en nuestro caso, holandés, ¿verdad? Y la zona horaria holandesa. Por lo que esto puede ser útil. De acuerdo, debajo de eso, roles y permisos donde puedes agregar personas a tu sitio, ya sea un empleado que solo necesita mirar las cotizaciones de precios, o es alguien que está diseñando un sitio web para ti, o diseñas un sitio web y tú desea agregar a su cliente a este artículo. Por lo que hay una variedad de roles diferentes y puedes crear roles personalizados. Pero aquí, puedes hacer click, Invita a la gente y solo tecleas su correo electrónico y así. Ahora aquí hay algunos roles personalizados que he creado. Pero generalmente probablemente no necesites clientes. Hay un montón de diferentes roles preestablecidos que w's. Entonces, para que diseñes un sitio web con alguien, querrías agregarlos como copropietario. Digamos que si eres un empleado que está cuidando del lado y haciendo todo por ti, posible que quieras agregarlos como gerente de sitio web. O si tienes a alguien diseñando un sitio web para ti, podrías agregarlos como Diseño de sitios web. El administrador de back office puede editar la configuración, cambiar la configuración en el tablero. Básicamente tienen acceso al tablero, pero no van a poder cambiar el aspecto visual del sitio. Aquí abajo, el gerente de facturación sería alguien que esté lidiando con compras, suscripciones, métodos de Pam, pero realidad no van a estar cambiando el sitio web en sí. Administrador de dominio solo está conectando, administrando los dominios. Entonces es un papel bastante limitado. Gerente de tienda podría ser si tienes una empresa de comercio electrónico y tienes a alguien que esté mirando todos los pedidos y cambiando productos y gestionando la tienda. Esa sería esta fila. Aquí abajo. Si tienes un equipo de escritores trabajando en tu blog, podrías haberlos agregado como escritores de blog y luego agregar alguien más de cómo editor para editar todas esas entradas de blog. Aquí abajo. Gestor de pagos, de nuevo, es bastante autoexplicativo. Pueden gestionar los pagos de los clientes. Por lo que esos son algunos de los roles personalizados disponibles. Y solo seguiré adelante y me sumaré como copropietario. Cuando añadas a alguien, eso te preguntará qué tipo de relación tienes con este nuevo, este nuevo usuario. Entonces voy a decir que esta es una agencia, ojalá ambas partes. De acuerdo, así que eso son roles y permisos. Debajo de eso, tenemos ajustes de video. Todavía no nos hemos metido. Pero en realidad se pueden vender videos individuales. Para que puedas establecer el precio estándar, el tipo de moneda que lo estás vendiendo y elegir en qué canal se están subiendo tus videos. Configuración de correo electrónico cuando haces una ensalada, un video. Y en realidad recomendaría encender eso. Vas a tener un canal de video. Puedes agregar tu logo a estos videos. Y esto es importante si vas a tener mucho contenido de video. Entonces en los planes premium de Wix, creo que está fijado a un puñado de horas. Necesitarás un plan actualizado para tener que tener mucho contenido de video en tu página web. Ahora hay una larga lista de configuraciones de comercio electrónico y vamos a entrar en eso más adelante en la sección de comercio electrónico de este curso. Debajo de eso, tienes tus comunicaciones. Entonces configurar tu bandeja de entrada de correo electrónico, configurar tu número de teléfono de empresa, editar tus notificaciones, editar las notificaciones que recibes, incluso en tu teléfono. Y luego algunas cosas avanzadas que yo, eso está más allá del alcance de este curso. Cosas como código personalizado, tus cookies, política de privacidad. Estos dos son los únicos que usarías en realidad, que es mirar versiones pasadas de tu sitio y volverlo atrás porque cometiste un error o alguien más lo hizo. De acuerdo, así que esa es una rápida visión general de la configuración del sitio web de ceras. 9. Agrega páginas y elementos de diseño: Aquí estamos de vuelta al inicio del tablero. Y ahora vamos a volver al editor frontend. Entonces vamos a hacer clic en Aparecen Acciones del sitio, botón azul en la parte superior derecha, y luego editar lado. Por lo que aún tenemos este letrero de Wix ADI. Vamos a convertir este sitio ahora en un sitio editor de Wix. Entonces bajo sitio en la parte superior, en la parte inferior del menú que aparece que dice una más opciones de diseño. Acude al editor. Nosotros vamos a hacer eso. Vamos a cambiar al editor. Y aquí solo te dice un poco sobre la edición y tener mucho más control y mucho más poder de diseño en el editor de libros. De acuerdo, estamos en el negocio, estamos en el editor de Wix. Ahora, voy a quitar todas estas cosas porque construyo mis sitios desde cero. Y creo que todos los mejores conjuntos se construyen desde cero y no se basan en plantillas como esta. Entonces vamos a seguir adelante y simplemente empezar a deshacernos de todo. Para que podamos empezar con una pizarra en blanco. De acuerdo, ahora hemos quitado todo lo que tenemos una bonita pizarra en blanco con la que trabajar. Antes de empezar realmente a diseñar el sitio, tenemos una gira más que hacer, y estamos tan cerca, estamos a punto de comenzar realmente la parte divertida que es diseñar el sitio. Pero repasemos unas cuantas opciones y configuraciones más aquí para que estés preparado para el éxito. ¿ De acuerdo? Entonces en la barra lateral izquierda aquí, tienes todas estas opciones. El primero es una lista de tus páginas. Por lo que bajo las páginas principales podemos ver ya tenemos tienda en casa sobre los miembros del foro de contacto. Y en realidad sigamos adelante y agreguemos un par de páginas para que veas cómo funciona esto. Y porque lo vamos a necesitar más páginas. Entonces creo que vamos a necesitar una página para videos. Vamos a escribir videos. Y también necesitaremos la página de blog. Entonces lo que en realidad acabo de hacer, porque el blog estaba atado a la página de inicio, fue en elite, la app del blog. Y ahora vamos a volver a agregar la app de bloque. Eso se debe a la forma o Wix ADI establecido por celda. No tendrías que hacer así si hubieras empezado desde cero. Entonces vamos a bajar al ícono del pin, mi blog. Voy a hacer clic en él y hacer clic en Agregar ahora. Por lo que ahora tenemos una página única para nuestro blog. También vamos a poder agregar un feed de nuestras últimas entradas de blog a nuestra página de inicio. Por lo que ahora tenemos todas estas páginas listas para ir. Te acuerdas de que este es el icono de arriba a la izquierda. También puedes navegar entre páginas aquí mismo. Al hacer clic en página, tal vez todas estas páginas en blanco ahora, cuatro páginas diferentes estaremos diseñando. El siguiente burbuja debajo de las páginas es para el fondo de tu página. Para que puedas establecer un color, una imagen o video, y su fondo se va a aplicar a toda la página. Ahora después de establecer uno, puedes aplicar estos fondos a otras páginas también. Entonces si queríamos una especie de sitio Dr. Black Theme, elige negro. Y entonces podemos aplicarlo a otras páginas aquí mismo con este botón azul. Ahora todos nuestros fondos de página son negros. Entonces creo que lo dejaremos blanco por ahora. Pero se puede ver lo útil que sería eso. De acuerdo, debajo de esto, este es más icono es que vamos a sumar todos tus elementos de diseño. Cosas como tus tiras, ¿verdad? Tus filas que estarás diseñando. Mucho de tu sitio web y cuadros de texto, imágenes, botones, galerías, artículos decorativos como líneas y formas, ese tipo de cosas. Cosas interactivas, presentaciones de diapositivas, lightbox, lightbox o como pop-ups. Y tendremos todo el video sobre cómo crear cajas de luz. Cajas en las que puedes agregar otros elementos. Entonces di que quieres agregar algo de texto e imagen a una caja y moverlo, podrás hacer que escuche rejillas. Por lo que estos se llaman repetidores, y es esencialmente un elemento de diseño que se repite una y otra vez. Entonces en este ejemplo aquí mismo, sería para una agencia de viajes. Aquí te dejamos algunas de sus aquí algunas de las ubicaciones y alguna información sobre esas ubicaciones con un botón que enlaza allí. Por lo que los repetidores son muy útiles si tienes mucha información repetitiva, ahorra muchos servicios diferentes. Tienes 10 servicios. Podrías agregar un repetidor y luego simplemente enumerar esos servicios. Y solo hay que diseñar un elemento y todos los demás elementos después, tendremos el diseño idéntico. Por lo que es muy útil. Video y música. Estaremos agregando estos elementos a nuestra página de videos. Y puedes agregar videos de forma individual o puedes agregar una alimentación de video. También se puede enlazar a reproductores de audio. Entonces si eres músico, puedes vincularte a tu cuenta de Spotify o a tu SoundCloud. Tienes apps de música propias de Wix. Por lo que esta es una característica bastante útil también. De acuerdo, debajo de eso tienes menús y estaremos construyendo nuestro menú para cabecera muy pronto. Pero puedes ver tenemos algunos menús prediseñados de alkynes. Vamos a estar trabajando con nuestro tema de menús. Debajo de eso, tienes lo que se llama anclas. Los anclajes son como enlaces rápidos a diferentes a una parte específica de la página. Para que puedas tener anclas, la homepage retro. Y lo haría, si hacías clic en el enlace para ese ancla, te saltaría hacia abajo a eso. Pete, esa sección que está anclada a decir al final de tu página, tenías tu feed de Instagram, ¿verdad? Entonces podrías tener un enlace que diga Instagram y nosotros hacemos clic en él y tal vez directamente hacia abajo en esa parte de la página. Entonces ojalá eso tuviera sentido. construiremos menús de anclaje. De acuerdo, debajo de eso, obtienes tus iconos sociales, botones, y configurarás tus enlaces a tus perfiles sociales. También tienes algunas cosas geniales. Se puede incrustar un feed de Facebook. Puedes agregar botones de seguimiento de Twitter. Entonces haremos algunas de estas cosas también. En contacto y foros, puedes agregar exactamente lo que suena. Puedes agregar tus contactos. Se puede hacer Pago como formularios de pago personalizados, formularios varios pasos, aplicaciones Java. Por lo que puedes hacer que estos sean bastante complejos. Creo que por defecto Wix, no tienes un look actualizado un plan de pecado se ve extremidad superado 10 campos. Con el pecado, podrías hacer aún más. que puedas hacer algunos foros bastante complejos y reunir mucha información de personas que habían estado no deberían hacer negocios contigo, chupar eso. Google Maps, puedes agregar una pequeña caja con un pin en tu ubicación o ubicaciones. Si lo eres, tal vez seas una franquicia y tienes un montón de ubicaciones diferentes. Te metes en eso aquí en Wix chat es chat en vivo, y puedes conectarlo a tu teléfono móvil para que en cualquier momento que alguien quiera interactuar con tu negocio, lo puedan hacer directamente contigo. Es esencialmente como si estuvieran enviando mensajes de texto contigo a través de tu página web. Debajo de eso se encuentra embed. Por lo que muchos servicios de terceros te permitirán incrustar sus características y funcionalidad en tu sitio web. Y te darán algún código HTML, te darán un bloque de código un poco viejo. Todo lo que tienes que hacer es copiarlo y pegarlo usando este widget embed. También puedes incrustar videos individuales de YouTube y todo este tipo de cosas. Mucha de esta información que se fundará, videos, música, obtener un gestor de contenidos es un poco más avanzada de un concepto de sitio web. Con el gestor de contenidos hace, es crear un montón de páginas diferentes con el diseño idéntico pero contenido diferente. Entonces la forma en que podrías usar esto, digamos que eres un agente inmobiliario y quieres enumerar tus todos tus anuncios. Se puede tener un 100 páginas que luciré exactamente igual, pero las imágenes, el nombre, y la dirección son diferentes, pero el diseño real es el mismo. A lo mejor eres constructor de casas, muestra algunos de tus proyectos de cartera. Cualquier cosa que necesite ser muy repetitiva en apariencia, pero con contenido diferente, usarías un formulario de gestor de contenido. Debajo de eso, tenemos algunas opciones de bloque, por lo que podemos usar esto pronto. Puedes enumerar algunas de tus publicaciones, publicaciones recientes elegidas, categoría, menú, y tienda. Podría agregar una galería de productos, galería de deslizadores. Me gusta mucho agregar productos relacionados a la página o páginas del producto, sobre todo puedes agregar una longitud de producto individual tu carrito de compras. Por lo que definitivamente estaremos agregando el enlace del carrito de compras a un menú. Debajo de eso, puedes tomar reservas online y esa es una app entera por su cuenta a la que entraremos más tarde. Podría agregar eventos. Otra vez. Esa es otra app en la que entraremos más tarde. Puedes configurar tus perfiles de membresía aquí para los miembros de tu sitio web, realizar miembros. Y luego finalmente, puedes tener estos diseños que dices a través de los sitios web de Iowa. Si puedes reutilizar las cosas con frecuencia. 10. Subir archivos e imágenes a la biblioteca de medios: En la Media Library de Wix viven todos tus archivos. Entonces en tu tablero de Wix, en el lado izquierdo está este pequeño ícono de la foto. Si se cierne sobre él, dice medios de comunicación. Esa es tu mediateca. Por lo que hay algunas formas diferentes de agregar o subir archivos aquí. Por lo que el 99 por ciento del tiempo subo archivos con el botón azul Subir medios. Haz clic ahí y los subes directamente desde tu computadora. Pero también podrías subir algunos de Facebook conectando tu cuenta de Facebook. Aunque realmente creo que solo aplico si estás creando algún tipo de sitio web personal. Puedes subirlos desde la cuenta de Instagram. Puedes conectar tu Google Drive y navegar. Y dentro de la estructura de archivos ahí, puedes conectar tus Google Fotos. En realidad hay bastantes otras formas diferentes en las que puedes subir archivos. Haz click en estos iconos, puedes ver todos los de la izquierda aquí. Entonces voy a subir algunos archivos directamente a la mediateca. Pero antes de hacer eso, en realidad voy a crear unas cuantas carpetas para que podamos mantenernos organizados. Al tener cada vez más imágenes, videos, logotipos, otros tipo de contenido en su sitio web. Va a ser muy útil si te mantienes organizado usando carpetas. Por lo que es logos nombre1. Vamos a nombrar otras imágenes en stock, contenido de video en stock. Está bien, y ahora subiré estos locales limpios. Encontré todas estas imágenes en un sitio web llamado free pick. Te lo mostraré en tan solo un seg. Es página web súper útil. Lo uso constantemente. Imágenes en stock y las suscripciones solo 999 al mes. Por lo que realmente te recomiendo obtener una suscripción a una biblioteca de valores como esta. Si terminas convirtiéndote en diseñador web profesional o solo necesitas un montón de imágenes de stock para lo que sea. Tan sin preparar 3 Peg, no busqué, viajé y encontré una tonelada de grandes imágenes vectoriales, imágenes de stock, Cualquier cosa que posiblemente puedas necesitar gratis recogido probablemente lo tenga. De vuelta en nuestra página web. Nuestras fotos están subiendo seis de 40. Se pueden subir múltiples archivos a la vez. Y también puedes salir de la mediateca y volver y seguirá subiendo. Tenemos nuestros logotipos ahí dentro. Eso es más o menos. Es realmente fácil subir imágenes y videos en una especie de archivos a la página web. No creo que tengas ningún problema. 11. Gerente de temas de Wix: En este video, vamos a hacer algo muy, muy importante para que crear tu sitio web sea lo más fácil y rápido posible. Vamos a establecer el tema, Ese es el sitio global, colores y fuentes. Por lo que en la esquina izquierda, tenemos nuestro menú. Y la tercera opción es el encargado. Aquí podemos establecer nuestros colores y nuestro texto. El modo en que funciona esto es establecer cinco colores que informan tu esquema de color. Y luego cada vez que añadas, agregas tiras, añades cajas, agrega realmente cualquier elemento a tu sitio web. Puedes configurarlos para que sean uno de tus colores temáticos. Cuando, si cambias tu esquema de color, tendré que hacer es cambiar el color aquí y cambiará globalmente en todo el sitio. Entonces eso significa que si realizas cambios serios tu marca o utilizas todo tu sitio web y decides que quieres un poco de un esquema de color diferente. Se puede hacer ese cambio de manera extremadamente fácil en cinco segundos, lugar de bajar por todo el sitio y hacer ese cambio a cada elemento diferente del costado. Y te lleva horas. Y lo mismo es cierto del texto. Dices tus fuentes globales. Y luego si decides que no te gusta Courier New, te gustaría que Times New Roman para tu rumbo. Todo lo que tienes que hacer es cambiar el tema del texto aquí, y cambiará en toda la página web. En lugar de ir a cada libro de texto individual y encabezado blog y hacer ese cambio manualmente, vas a ahorrarte una tonelada de tiempo. Va a hacer más fácil matar al sitio anfitrión porque puedes arrastrar y soltar texto ya estilizado y elementos ya estilizados en el sitio web. Te prometo que no te saltes esta parte. Necesitas establecer tu tema, tus colores globales, textos integrales. Entonces voy a hacer eso ahora mismo. Para cambiar realmente estos colores, todo lo que tienes que hacer es hacer clic en el icono de la pequeña lágrima. Y luego se puede poner el código hexadecimal, hecho este kit de marca para el sitio web. Y puedes ver aquí tenemos algunos colores escogidos para la página web. Entonces vamos a agarrar estos códigos hex, estos códigos que le dicen al navegador qué color seleccionar. Y vamos a sumar esos al gestor de temas y la cera. Entonces vamos a hacer eso muy rápido. Entonces estamos aquí. Muy bien, entonces tenemos nuestros colores temáticos seleccionados y ahora vamos a seleccionar el texto. De vuelta en el kit de marca. Tenemos una fuente de encabezado seleccionada, hecho negocios como una fuente todo mayúscula. Los machos tienen una fuente corporal aquí, arenas. Entonces vamos a poner esos aquí, incluso ponerlos directamente en estos temas para cambiarlos. Entonces si haces click aquí, es popps up. Y entonces necesitamos realmente subir la fuente. Porque las fuentes que hemos elegido nuestras fuentes de terceros, no vienen con Wix. Entonces aquí abajo hay un botón de subir, haga clic ahí. Y luego el botón naranja Subir. Y luego agarraremos nuestras fuentes. Por lo general, una de las fuentes que vienen con Wix estaría bien. David tipo de fuentes. Decidí usar fuentes personalizadas que puedes encontrar gratis. Oliver, el Internet, sólo fresco buscar Fuentes gratis. Hay algo específico que podrías buscar. Fuentes de script. Saldrán todo tipo de cosas. El 1000 y prescripción pons. Por lo que siempre puedes encontrar una tonelada de fuentes gratuitas. Tengo que hacer es descargarlos y luego subirlos aquí y tú eres el encargado. Tardó un minuto, pero están todos cargados. Por lo que podemos hacer clic en Hecho, y ahora podemos seleccionar la nueva fuente. Entonces Dalton va a ser nuestra nueva fuente para encabezamientos. Y vamos a establecer el tamaño de fuente para sus fuentes de encabezado. Pasaste por un bastante grande en tu rumbo. Estás encabezando 1 va a ser esencialmente el título de la página, el título principal, el encabezamiento principal de cada página. Entonces pongamos esto en 50. Y vamos a seguir adelante y cambiar todos nuestros encabezamientos para terminar. Cada una tiene seis fuentes de encabezamiento. Cada uno va a ser un poco más pequeño que antes. Entonces éste, H2 a 40, 38. No necesitas otra hebra ahora, pero estos encabezamientos corresponden con elementos HTML, HTML. Por lo que esto le dice al navegador cómo mostrar estas piezas de texto. Entonces tenemos todos nuestros encabezamientos, y luego vamos a fijar nuestros párrafos. Tenemos tres de esos. Y puedes usar estos indistintamente. Para la mayoría de tus textos. Se puede utilizar el párrafo uno, pero para el subtexto o algunos elementos pequeños, se pueden utilizar los párrafos 2 y 3. Por lo que suele poner esos un poco más pequeños. Y así vamos a usar el miedo, un sentido para eso. Sonidos puros. Y para usar el dicho del miedo, ella es bastante Sans extra light. Y estableceremos todas estas comparaciones línea extra en tamaños descendentes. De acuerdo, Así que todos nuestros encabezados están establecidos, todos nuestros párrafos están establecidos, nuestros colores se restablecen, por lo que nuestro tema está listo para salir y en realidad finalmente, empezar a construir nuestro sitio web en el siguiente video. 12. Strips: Muy bien, La parte divertida. A partir de ahora, realidad vamos a construir nuestro sitio web. Lo primero que vamos a hacer es crear el encabezado de apertura. Si recuerdas, creamos un boceto rápido de la forma en que quieres que se vea esta página de inicio del sitio web. En. Lo primero que vamos a hacer es el panorama general al inicio de la página web. Un ejemplo de mi propia página web sería este. Entonces por lo general es una imagen, algún texto de encabezado, tal vez algún subtexto. Y soy botones algún tipo de llamada a la acción. Y ahí estoy yo. Entonces para hacer eso en Wix, otros elementos de diseño, recuerda, vive bajo este botón Añadir, vas a dar click aquí y vamos a añadir una tira. Ahora estos viajes prenatales, incluyendo unas tiras de bienvenida que podrías usar si quisieras, pero es tanto trabajo editar el trabajo de otra persona que eso fuera. Casi siempre es más fácil solo usar un clásico en tira de diseño y hacerlo tú mismo. Entonces, arrastremos uno de estos aquí. Fue a la Y1. Entonces esto es una tira, un camarón como una fila. Y tu, cada página en tu sitio web cuando piernas idealmente va a ser una serie de tiras. Por lo que vas a seguir agregando tiras para cada nueva sección de la página web. Y va a hacer que sea realmente fácil para ti reordenar las cosas en tu sitio web para mover las cosas y cambiarlas. Y los camarones tienen algunas grandes características a uno de ellos siendo que puedes convertirlos en tiras de columnas multiescala. Por lo que en la página web se ven estas líneas en blanco y negro. Esta es tu zona segura. Aquí es donde es seguro diseñar dentro. Quieres guardar todos tus textos, todo tu contenido dentro de estas dos líneas de puntos en blanco y negro. Eso se debe a que todo dentro de esas líneas responde en diferentes tamaños de pantalla. Entonces si tuviéramos una pantalla más grande o una pantalla más pequeña, todo aquí dentro, seguirá apareciendo. Pero si agregamos, recuerda que teníamos nuestro encabezado personalizado y un texto de párrafo. Ahora bien, si agregamos algunos textos que lo teníamos sobresaliendo así, fuera de las líneas en blanco y negro. Se ve bien ahora mismo en el tamaño de la pantalla. Pero si acercamos y dijimos, una pantalla más pequeña, denotan empezar a cortar. En tanto que el lo mantienen dentro de la línea en blanco y negro en el borde. Y nos acercamos. Todavía dice dentro del marco, dentro de la ventanilla. Está bien. Entonces, alejemos el zoom y deshagamos de esos. Y aprendamos un poco sobre los guiones antes de que construyera esto. Por lo que puedes cambiar el fondo de la tira y puede ser de un color sólido. Y aquí tienes tus colores temáticos, forma correcta de establecer esos también. Podría ser una imagen, y eso es lo que vamos a hacer aquí. Así que encuéntreme desde Wix es imágenes gratis de lagos. Tenemos todos esos documentales que cargamos antes. Vas a escoger uno de esos. Entonces también puedes elegir un video que iba a ser realmente genial también. Depende de ti. Lo que elijas. El diseño de tu sitio web va a ser muy dependiente de tus metas y contenidos que tengas. Pero para este sitio web, vamos a elegir una imagen. Antes de poner la imagen ahí dentro. Déjame mostrarte un poco sobre columnas aunque. Por lo que si haces clic en Diseño, tercera opción, cuando tengas seleccionadas las tiras, puedes agregar columnas. Y así son esas líneas en blanco y negro ahora en vivo, ahora dependen de la columna en lugar de toda la tira. Podemos usar más de la pantalla en sí, más de esta inmobiliaria de pantalla verde, y representar más información de una manera más agradable. Entonces si haces clic en la tercera opción, dice diseño y haz clic en Agregar columna para agregar otra columna. Se pueden tener algunas columnas. Y así esta es una gran manera. A veces para dividir alguna información y una imagen. Por lo que podría tener una imagen en esta columna y agregar en algún texto y tal vez un botón de llamada a la acción I en esta columna. Se puede cambiar el fondo de forma independiente para cada columna, así. Y luego también puedes alinear el contenido a la izquierda, a la derecha o al centro. Entonces si quieres que tu contenido de la columna esté más a la izquierda, de ahí a la derecha, puedes alinearlo de esa manera. También puedes cambiar el tamaño de la columna, que es bastante genial. Entonces bajo esa misma administración de opciones, quiero decir, bajo diseños, puedes ajustar el tamaño de las columnas. Entonces tal vez quieras tener una imagen más pequeña a la izquierda y muchos más textos por aquí o algo así. Ya sabes, algunas proporciones de icono preestablecidas. Esa es una forma interesante de hacer que tu diseño sea un poco más dinámico. Entonces, vamos a deshacernos de esta columna. Vamos a administrar columna y simplemente eliminar una de esas columnas. Y ahora vamos a hacer esta tira de fondo e imagen. Hagámoslo un poco más grande. Por lo que muchas veces se ocupará de tu imagen de héroe, tu imagen principal en la página de inicio. A veces ocupará toda la pantalla excepto el encabezado, al que llegaremos pronto. Entonces lo hicimos un poco más grande arrastrando estas manecitas. Ahora vamos a cambiar el fondo de la tira. Por lo tanto, ve a los archivos del sitio Imagen. Pero recuerda aquí es donde viven todos mis archivos. Entonces vamos a elegir una de estas imágenes en stock. Y creo que este primero se ve bastante bien para un blog de viajes. Entonces así como así, tenemos esta imagen de héroe iniciada y se ve bastante bien, pero necesitamos un poco de café, un texto, y creo que también necesitamos un botón. Entonces sigamos adelante y entrémonos en eso en el siguiente video. 13. Agrega y texto: De acuerdo, así que agreguemos un encabezado a nuestra imagen principal de héroe. De vuelta en el plus. Tenemos estas listas. Recuerda, eso es lo que es un texto, y elige algunos de nuestros textos temáticos, ya está estilizado para ser coherente con el resto de nuestro tema. Tales eligen ese, el encabezamiento 1, es decir 4, específicamente página en títulos de sección. Y ponlo aquí. Ahora, cuando arrastramos y soltamos, y ahora solo podemos hacer clic y mover esto alrededor. Entonces creo que vamos a poner este tipo de a la derecha. Y si hacemos doble clic, podemos editar el texto. También puedes llegar haciendo clic en Editar texto. Hagamos doble clic y escribamos algo así como ven a viajar con nosotros. ¿ De acuerdo? Entonces tenemos algo de texto ahora, pero en realidad no se ve bien. No lo puedes leer. Es decir, esto no va a funcionar bien? Entonces si hacemos clic en editar texto, tenemos todas estas opciones. Entonces el tema y las fuentes ya decían, porque los pusimos antes en nuestro gestor de temas, ¿recuerdas? Pero centremos este texto, algo así. Hagamos esto un poco más grande, así que todo está en una línea. Y para hacer eso sólo estamos arrastrando aquí y este pequeño punto blanco. Puedes arrastrar el cuadro de texto para hacerlo más grande. Y luego vamos a hacer clic en editar texto y ponerlo en blanco. Ahora manda un poco más. Pero, ¿qué más podríamos hacer para que esto realmente destaque? Podemos cambiar el fondo de la tira haciendo clic en cambiar tu fondo, y luego entrar en ajustes. Podemos agregar una superposición de color a esta imagen. Por lo que vamos a hacer de esta imagen una superposición de color negro. Y luego vamos a reducir la opacidad de la imagen para que esta imagen sea más oscura, el texto en blanco se muestre mejor. Y así estás tratando de crear esta estafa, es mayor contraste entre la imagen y el texto. Por lo que el texto es legible. Entonces tenemos ese texto. Y agreguemos ahora algún texto de párrafo. Texto de Poisson, el texto. En tanto que este primero, párrafo uno. Vamos a arrastrar eso bajo, conviértete en viajar con nosotros. Hazlo un poco más grande. Haz lo mismo. Hacemos doble clic o cambiamos el color aquí mismo a blanco. Y nuestros colores temáticos no en nuestro color personalizado en nuestros colores temáticos. Porque cuando queremos cambiar los colores del tema a través de la página web, si quisiéramos, podemos hacerlo fácilmente cambiando los colores del tema por aquí, y también cambiará aquí en la página. Entonces elige el blanco de nuevo. Y luego lo centraremos de nuevo, la línea ellos. Y luego eliminemos esto y reescribamos algo como descubrir las formas más fáciles de viajar con un presupuesto reducido. De acuerdo, Así que un poco difícil de leer. A lo mejor podemos hacer que esta tira sea un poco más oscura. Y luego agreguemos un botón. Entonces en el plus, tal vez botones aquí. Por lo que podemos arrastrar uno de estos botones justo aquí, centrar debajo del texto. Y puedes ver esta línea morada que te permite saber que está centrada bajo el texto. Entonces podemos hacer doble clic en él y escribir, reescribir el texto del botón. Oye, algo así como leer el blog. Spot se ve bien. Vamos a restyle esto más tarde, pero eso va a servir por ahora. Y luego por aquí en el lado izquierdo, vamos a tener una imagen. Sólo para que esto sea un poco más interesante, un poco más convincente. Vamos a añadir este PNG, este archivo de imagen de esta mujer, feliz con su cámara. Muchos viajeros están en fotografía. Entonces esto tiene sentido. Está bien. Entonces eso empieza a parecer bien, ahora, limpiaremos esto más tarde. Pero ahora construyamos nuestro encabezado. Ahora que estás al tanto de cómo funcionan las tiras, cómo agregar texto, cómo agregar una imagen. Estamos listos para construir ese encabezado. 14. Crear un menú de navegación: Por lo que en la construcción de nuestro encabezado, necesitamos algunos elementos clave. Vamos a necesitar nuestro logo. Vamos a necesitar nuestro menú. Probablemente se encendió botón que tiene algún tipo de llamada a la acción. Y vamos a querer algunos enlaces a nuestras redes sociales. Y recuerda que planeamos todo eso en nuestro pequeño pedazo de papel antes. Por lo que en realidad vamos a añadir una tira a nuestro menú para que podamos tener múltiples columnas y hacer un mejor uso del espacio. Entonces alejemos a este rebelde sólo por ahora, dragón y nueva tira. Y luego vamos a mover esto hasta la cabecera. Entonces para hacer eso, y vamos a hacer este viaje más pequeño. Y lo vamos a hacer ancho de página. Una vez que hayamos hecho un ancho de página, lo vamos a hacer un poco más pequeño para que pueda caber en el encabezado, arrástrelo hacia arriba, brillará naranja en él. Dirá adjuntar el encabezado, pero digamos, ya sabes, en realidad se está adjuntando al encabezado y no se mueve detrás del encabezado. Entonces si no ves que esta cajas naranjas se adjunta un encabezado, no estás en el encabezado, necesitas probablemente hacer tu tira más pequeña para que quepa dentro de ese encabezado o necesitas estirarla. De acuerdo, entonces nuestros barcos de vuelta en la cabecera. Podemos estirar de nuevo para hacerlo, perdón, podemos hacer el encabezado más pequeño para que sea el ancho de la tira. Y luego podemos hacer clic en el estiramiento y encogerlo de nuevo a pantalla completa. De acuerdo, entonces ahora tienes una tira en nuestra cabecera. Es un gran comienzo. Y ahora hagamos estas dos columnas. Una columna sostendrá nuestro logotipo, columna de retardo mantendrá nuestro menú y nuestro botón y nuestros tratos sociales. Por lo que hacemos clic en Agregar Columna. Ahora tenemos estas dos grandes columnas. No cambiar el diseño. El logo sólo va a estar en la esquina izquierda, derecha. Entonces podemos hacer eso probablemente algo así como el 25 por ciento de la tira. De acuerdo, entonces ahora tenemos dos columnas. Y si volvemos a hacer clic, en la columna 1, podemos hacer clic en Diseño y podemos alinear el contenido a la izquierda. Eso cuando agregamos el logo directamente en la esquina izquierda. Y entonces llamo para que no pudiéramos lo mismo. Haga clic en la Columna, haga clic en Diseño y alinéela a la derecha. Y ahora todos nuestros contenidos no pueden caber aquí con las lindas líneas de puntos en blanco y negro. De acuerdo, entonces ahora vamos a arrastrar nuestro logo y nuestros niveles va a ser una imagen que hemos mirado antes. Vamos a arrastrar nuestro logo al encabezado. Tenemos una carpeta para eso. Enfriar. Entonces está apegado a un encabezado, así que eso es bueno. Nos vamos a asegurar que esté dentro de esos lineamientos. No tan adherido a columna. ¿De acuerdo? Ahora nuestros logotipos en el encabezado, y vamos a enlazar esto también, la página de inicio. La mayoría de la gente sabe que si haces clic en el logotipo, puedes volver a la página de inicio. Tienes que hacer esto manualmente y Wix. Por lo que ahora nuestros logotipos ahí dentro, haciendo clic en el icono del enlace de la cadena y luego haciendo clic en página home. Está bien. Ahora vamos a arrastrar nuestro menú a esta columna. Por lo que pulsamos el botón Plus. Vas a Menú y luego tema y menú's. Vamos a arrastrar este primero aquí y dice adherido a columna. Enfriar. Ahora tenemos un menú aquí, pero este no es el orden correcto de páginas y páginas sólidas que queremos tener. Por lo que hacemos clic en Administrar menú y podemos cambiar el orden del menú y agregar elementos del menú. Por lo que vamos a añadir algunos elementos de menú y reordenar este botón azul y elemento de menú. Y luego citar páginas. Estas son todas las páginas que existen en este sitio web. El pedido que quiero está bloqueado primero, luego nuestros videos, luego nuestro que nuestra tienda porque en realidad va a ser un botón. Entonces vamos a quitar eso, los tres puntos de los que vamos a hacer clic y decir esconderse, entonces sólo lo vas a ocultar del menú, no de todo el sitio web. Y vamos a mover el antebrazo hacia arriba después de los videos. Por lo que tu blog videos foro sobre contacto. Creo que eso va a funcionar. Por lo que podemos hacer click fuera de eso. Y ahora queremos un botón para nuestra tienda. Conoce qué enlaces para redes sociales. Entonces botón hará eso. El nuevo botón otra vez, justo a la derecha. Es otro botón dirá tienda en donde dice ¿a qué enlaza? Haremos click allí e iremos a Page y lo más me gustó la página de la tienda. De acuerdo, entonces ahora tengo un botón que dice tienda. Está vinculado a nuestra tienda para que sea realmente obvio que las personas que hacen clic a una tienda y van de compras, ¿cuántas veces puedo decir tienda? De acuerdo, y así ahora vamos a añadir botones de redes sociales encima del menú y el botón de choque. Por lo que haremos clic en Plus en y bajo social. Aquí mismo, tenemos los bares. Hagamos los botones negros por ahora. Y ahora tenemos todos estos enlaces a redes sociales y solo ponlo a la derecha, alineados a la derecha con el botón de tienda. Esos son realmente grandes, ¿verdad? Entonces si hacemos clic en Layout, puedes hacerlos más pequeños, tal vez como 20 años atrás hacia abajo. Hagamos este botón un poco más pequeño. Por lo que podemos arrastrar en la esquina para que eso sea un poco más pequeño. Entonces ahora tenemos un encabezado y arrastremos nuestra copia de seguridad ahora. De acuerdo, entonces ya tenemos el inicio de una página web. Eran menú, tenemos un logo, imagen de héroe laboral y un botón para dar click en la tienda. Iconos sociales. Nos estamos moviendo. Ahora para establecer tus vínculos sociales. Puedes hacer clic en Establecer enlaces sociales. Y entonces tengo que hacer es dar click en qué páginas sociales puedo enlazar contigo. Haga clic allí y sólo lo escribes. Entonces el nuestro es digital. ¿De acuerdo? Además, si no te gustan estos iconos, puedes hacer clic en el icono de reemplazar. Y ella es un nuevo ícono. Por lo que típicamente puedes simplemente buscar en Facebook y luego tienen un montón de iconos diferentes para Facebook. Haces un círculo. Se puede hacer esto, los colores reales de la marca de Facebook y mantenerlo negro como es por ahora. Ahora, una cosa que podrías haber notado es que nuestra fuente de menú no es la misma que nuestras otras fuentes. Creo que queremos que esta fuente de menú sea nuestro encabezado divertido, sólo porque es un estilo bonito me gusta la forma en que se ve. Por lo que vamos a dar clic en el menú y luego hacer clic en Diseño. Esto aparece y luego vamos a personalizar el diseño. En la parte inferior hay botón azul. Por lo que hacemos click ahí. Tenemos todas estas opciones. Y así bajo regular, podemos hacer clic en Texto y luego elegir un tema. Recuerda dijimos nuestros temas antes. Para que podamos elegir nuestro, elegí el H6 para Dalton. Y desde 2006, y creo que eso es un poco grande. Entonces hagámoslo tal vez 20. Y ese es un buen tamaño, tal vez hasta 18 porque es diversión capital. Cosa 19, eso parece un medio feliz. De acuerdo, ahora tenemos el hover regular y clicado. Por lo que la forma en que aparezca cada uno de estos elementos del menú va a ser diferente dependiendo de cómo estés interactuando con él, si estás rondando sobre él, si es la página en la que estás porque has hecho clic en ese enlace. O si solo está ahí sentado. Entonces si pasas por encima de él, tal vez queremos que sea rojo, como los colores de nuestra marca. Y se puede ver un ejemplo de cómo sería eso. Y queremos que sea azul porque nuestro botón de tienda es rojo. Y ese es un bonito contraste. Creo que tal vez vamos a mantenerlo como azul. Creo que eso se ve genial. Y luego si se hace clic, podemos, se puede leer. Mucho diseño es así. De verdad solo sientes lo que crees que te queda mejor. A medida que lo haces cada vez más, obtienes una mejor idea de lo que se ve bien y lo que funciona y lo que no. Mucho es solo práctica y repetición. De acuerdo, entonces ahora tenemos nuestro menú completo listo para salir. En el siguiente video, hablemos de peinar nuestros botones. 15. Construir tu pie: De acuerdo, los sitios web se juntan y obtenemos un menú aquí tenemos nuestra imagen de héroe de apertura. Está empezando a verse bien. Ahora vamos a hacer nuestro pie de página. Normalmente hago primero el encabezado, el pie de página y la imagen del héroe porque me da una buena idea de la sensación y el aspecto del sitio, cómo se van a unir todos los colores. El encabezado y el pie de página estarán en cada página. Y así tenemos que asegurarnos de que a medida que diseñamos esas páginas, todo se vea bien con el encabezado y el pie de página. Entonces si pasas el cursor sobre el pie de página, veremos que se vuelve naranja. Pero sólo sepan que ese es el pie de página. Tan similar al encabezado, le vamos a agregar una tira y usar la tira para diseñar diferentes columnas. Entonces la tira de signo más, clásica, vamos a arrastrar aquí una blanca y hacerla mucho más pequeña. Por lo que va a caber en el pie de página, el pie de página más grande. Por lo que la Franja de Gaza y muévala al fondo. Verás que aparece este botón que dice Moodle twitter, va a hacer clic en eso. Y ahora nuestro, nuestro viaje está en el pie de página. Entonces hazlo un poco más grande de nuevo para que quepa dentro del pie de página. Pie de página un poco más pequeño que esa tira juntos. Bueno, esto es sólo una especie de fecha límite para hacerlo bien. Vamos a hacerlo un poco más grande tamaño y hacer esa tira. Ahí. Por lo general hay mucho jugueteo para que este viaje y pie de página sean de tamaño adecuado el uno para el otro. Y sucede lo mismo con el menú. Eso está bien. No es gran cosa. Es solo parte del diseño web. Entonces tenemos la tira aquí y ahora creo que voy a cambiar esto a un fondo. un vistazo a algunas imágenes que tenemos, creo que tal vez podría usar uno de estos vectores para tener un fondo texturizado fresco. Está bien, Ahora pongámoslo de fondo. Eso es un poco guay. Y ahora agreguemos una superposición para que coincida con el resto del sitio. A lo mejor rojo, baje la opacidad. Entonces eso es algo genial. Cosa azul. El tono de azul me funciona mejor. Los rojos tipo de garish, un poco brillantes y ya lo usan en nuestros botones. Entonces vamos a usarla. Usemos este azul. Y agreguemos algunas columnas. Me acabo de dar cuenta de que cometí un error, pero está bien porque esta es una lección importante para aprender. Por lo que convertí este viaje en tres columnas. Pero si miras de cerca, puedes ver las separaciones entre cada columna. Eso se debe a que cada columna tiene su propio fondo y la tira no está compartiendo un solo fondo. Yo quiero que la nave tenga sólo un fondo. Entonces hay todas estas rupturas entre las columnas. Entonces para lograr eso, bueno, en realidad lo hacemos es levemente la columna, cambiar ese fondo de columna a color. Se, establece la opacidad en 0 y haz eso para cada columna. Y una vez que hemos hecho eso, entonces seleccionamos y cambiamos todo el fondo de la tira. Y seleccionará ese fondo que acabamos de usar y aplicará ese color. Bajar la opacidad como 28 y 10. Sí, creo que se ve genial. Y por cierto, siempre puedes hacer clic derecho si tienes átomos superpuestos. Y por ejemplo, ahora mismo tenemos una tira sobre nuestro pie de página. Queremos seleccionar el pie de página, hacer clic derecho y luego ir a átomos superpuestos. Y luego construye más que abajo un poco porque quiero que esto sea un poquito. ¿ De acuerdo? Entonces ahora tengo tres columnas y nuestro pie de página. Ahora podemos poner lo que queramos en nuestro pie de página. Y mucha gente pone cosas diferentes. Por lo general en la columna de la izquierda que está en la información de contacto. A lo mejor tu logo. Podría tener una columna para sus enlaces de redes sociales. Podría tener una columna para nuestro registro de newsletter. Se pueden poner muchas cosas diferentes en el pie de página. De verdad depende de ti y es una especie de depende de cómo quieras que las personas interactúen con tu sitio web. Recuerda que la gente va a ver este pie de página en cada página. Entonces si hay algún contenido o enlaces o información que la gente necesite encontrar fácilmente en cada página. Y en la parte inferior cuando se están desplazando en su teléfono, entonces el pie de página es un buen lugar para ponerlo. Entonces voy a poner alguna información de contacto y tira. Voy a poner un feed de Facebook y la columna media. Y en la columna de la derecha, voy a poner un menú. De esa manera cuando la gente se está desplazando hacia abajo y terminaron de mirar a un costado, hay un montón más de enlaces y pueden seguir con los presos. Yo así vamos a sumar todas esas cosas. Y solo voy a seguir adelante y hacer esto y probablemente agilizar el video. que no tengas que verme hacer esto en tiempo real, lo hará rápido. Está bien. Tenemos que armar un conjunto. Por lo que tenemos ponerse en contacto columna, contacto, calma en ese e-mail y sobre el número y nuestra dirección, estás haciendo un error de viaje. A lo mejor tienes una dirección, tus direcciones el mundo. Y luego en la columna media, etc, vamos a hacer, poner una fuente de Facebook les, pero era demasiado largo. Yo quería mantener el pie de página un poco más corto. Entonces en cambio puse ahí los enlaces sociales. Y luego en la tercera columna, acabo de poner una navegación vertical. También tenemos el texto pequeño aquí mismo. Derechos de autor. Y así construí por mí y mi empresa, no hay genial. Entonces tenemos nuestro pie de página, tenemos nuestra imagen de héroe, tenemos nuestro menú. Estamos haciendo una tonelada de grandes avances. En el siguiente video, vamos a terminar toda la página de inicio. Vean eso. 16. Diseño de botones: Hablemos de personalizar botones en WebEx. Por lo que tenemos esto lee el botón del blog en nuestra imagen de héroe aquí. Caminemos por todos estos ajustes diferentes y luego personalizaré el botón a mi manera para que se vea un poco más interesante. Por lo que podríamos cambiar el ícono de texto y para agregar un ícono pincharíamos aquí y luego hacer el icono de texto y hacer clic en dos flechas para tomar un ícono o puedo hacerlo ahora mismo, va a ser solo texto. Aquí también es donde se puede enlazar. También puedes hacer clic en este enlace para enlazar un, vincularlo ahora mismo a nuestro blog. Blog. Es importante recordar probar todos tus botones antes de lanzar tu sitio. Es muy fácil olvidar enlazar tus botones o vincularte con el lugar equivocado porque todavía estás construyendo algo. Así que solo asegúrate cuando estés terminando tu sitio y sientas que es para ti. Sí, queríamos ser continuar tu cliente o usuario y probar todo, pasar, todos los botones, probar las granjas, hacer todo lo que haces en la página web para que puedas estar seguro de que todo está funcionando de la manera que se supone que debe. ¿ De acuerdo? A continuación, se puede cambiar el diseño del botón. Cuando las cosas están agregando, rellenando, cambiando la alineación. Vamos a mantenerlo en línea central o él se molesta, cambiar el color a los exportadores esquina icono de capa de sombra. También cambias el color del cursor. Este botón es para animaciones. Haremos animaciones en un video posterior hasta que construimos mucha más perspicacia. Porque normalmente hacemos que ese paso dure una vez que hayas diseñado la mayor parte de su sitio y solo estás agregando algunos toques finales. Entonces ahora voy a seguir adelante y hacer que esto me vea un poco mejor. Ahora, hagamos el texto un poco más grande. A lo mejor deberíamos incluso usar una de las fuentes de encabezamiento, así que creemos que podemos hacer eso y hacer que esa cursiva más pequeña ahora. ¿De acuerdo? Entonces no vamos a tener fronteras. Vamos a agotar las esquinas por píxeles h Eso le da apenas una esquina ligeramente redondeada. Esto puede ir hasta un 100 pixeles si quieres que sea un botón redondo. En realidad, como que me gusta el botón ovalado. Vamos a hacerlo, vamos a usar eso. Y luego en sombras, esto es una caja-sombra. Por lo que esta es la sombra va a aparecer debajo en el lateral del botón. Vamos a añadir una sombra. Y el ángulo es la dirección de la que viene la sombra. Entonces se ve si los ángulos en 315 y las sombras van a estar en el lado opuesto de este círculo. Entonces puedes simplemente pensar así en ello. Y estoy seguro de que son dos este C, pero se puede ver cómo está girando alrededor del botón. Entonces lo dejaremos hasta 15. Distancia un poco más cerca. Mucho de esto para el desenfoque de distancia en tamaño. Así era borrosa la sombra. 0 sería como una sombra dura. El tamaño es lo lejos que está en píxeles la sombra del botón. Entonces uno de esto es sólo un poco de ajustar y apuntar y meterse y tratar de averiguar qué es lo que te queda bien. Probemos eso. Lee el blog. Eso sí luce mejor. Creo que las sombras un poco oscuras. Entonces voy a hacer esa sombra en lugar de este negro oscuro o gris oscuro. Bastante así. Sí, tal vez eso sea demasiado sutil. Volvamos a cambiarlo a negro. Esos son dos tipos diferentes de sombras, y nuestra externa, externa va fuera de las fronteras y va dentro de un botón con un tipo de sombra interior, como parece que está insertada en el sitio web, mientras que un tipo de sombra externa parece que es 3D en la parte superior de la página web. Ojalá eso tenga sentido. Y nunca lo estaba haciendo. Todavía estoy siempre hacer exterior. Yo sólo creo que se ve mejor. De acuerdo, y luego en la configuración del cursor, ahora mismo si pasamos el cursor sobre él, se vuelve una especie de color rosado y un tono más claro del color rojo. Y eso está bien. Pero creo que quiero que sea no queremos que sea azul o inverso del rojo. Texto tan rojo sobre un fondo blanco. Me gusta el azul con los labios azules. Y luego si hace clic en este botón, puede aplicar el mismo diseño de regular a flotar. Está bien, se ve un poco mejor. Entonces eso son botones y es bastante sencillo. Al igual que un montón de diseño y simplemente jugar con un poco. Y estoy seguro que encontrarás un diseño que funcione para ti. Y tú eres como, está bien, vamos a entrar en el siguiente video. 17. Terminar la página de inicio: De acuerdo, en este video, vamos a terminar la página de inicio. Eso incluye agregar una suscripción suscríbase a nuestro boletín, agregar nuestras últimas publicaciones, agregar nuestros últimos videos para un blog y sus últimos productos para una tienda. A breve sección Acerca de mí, y debe ser sobre ello. Entonces vamos a hacer eso en este video. Probablemente vamos a avanzar rápido a través de algunas de las partes y hablaré un poco más de algunas de las secciones solo para que entiendas lo que estoy haciendo. Empecemos. Entonces por aquí, vamos a volver a golpear el signo más. Y en contacto y formularios, vamos a tirar de una de estas barras de suscripción y lo es, estas cajas de suscripción son un poco de forma. Vamos a profundizar en los foros más adelante en el curso. Pero por ahora, solo te mostraré un par de cosas para que podamos personalizar esto y terminar nuestra página de inicio. Por lo que queremos añadir una tira. Recuerda, casi siempre vamos a construir nuestras páginas en una serie de tiras y ponernos un poco más pequeños. Y voy a redimensionar mucho de esto. Oso conmigo deshaciéndome del teléfono y muévete todo. Luce más así. Y luego estoy sosteniendo Control para seleccionar todo, moviéndolo hasta la parte superior de ese formulario de caja de suscripción. Y una vez un redimensionamiento que consigue forma de suscriptores, lo voy a poner en nuestra tira. Recuerda que necesita cambiar color para que sepamos que en realidad está siendo apegado a esa tira o elemento. ¿ De acuerdo? Déjame algo así. Sé aún más pequeño. Río nos podemos alinear usando la barra de herramientas aquí. Tira materiales más pequeños, fondo compartido para leer nuestro tema rojo para que destaque. De acuerdo, ahora cuando haces click en el formulario, aquí hay algunas opciones diferentes. Entonces vamos a profundizar en la configuración del formulario más adelante. Por ahora solo voy a diseñar el formulario para que coincida con el resto de nuestra página web. Déjame hacer eso muy rápido. De acuerdo, Así que he creado esta barra suscrita justo debajo de nuestra imagen de héroe de apertura. Pide nombre y correo electrónico. El propósito es recolectar correos electrónicos para tu blog para que puedas enviar automáticamente tus últimas entradas de blog y blogs a email lista de suscriptores de enviar un boletín. Podrás enviar unos videos más recientes. Es construir una audiencia, ¿verdad? Y así queremos recolectar tantos correos electrónicos como sea posible en cualquier sitio web realmente que tengamos en casi indica. De acuerdo, entonces a continuación, vamos a hacer otro viaje y vamos a añadir nuestras últimas entradas de nuestro blog. Entonces esto es realmente fácil. Y el plus, bajo blog, solo puedes hacer clic en publicaciones recientes y tienen este conveniente pequeño elemento slider. Para que podamos decidir, ¿queremos que solo sea así? Queremos estirar a ancho completo. Mantengamos la restricción por ahora, pero cuando lo cambie más tarde. Y vamos a añadir un poco de texto de encabezamiento. Sólo para que la gente sepa lo que está mirando. Últimas entradas de blog. Lee mi, voy a tratar de hacerlo un poco más personal. Y así hay un blog personal de viajes. De acuerdo, así que está centrado esto en la página. Y entonces lo que estoy haciendo aquí mismo, sólo para volver atrás, me estoy centrando usando la lambda aquí para centrarla en la página. Y luego estoy agregando el texto y centrando el texto dentro de ese elemento, dentro del elemento de texto. Correcto, así que estamos iniciando todo el bloque de la página e incentivando el texto dentro de su elemento. De acuerdo, entonces ahora tenemos nuestras últimas entradas de blog. Strip, Es un poco enorme. Está bien. Y así es como la siguiente sección, que van a ser los últimos videos. Entonces de nuevo, podemos darle al pequeño plus para agregar una tira de fondo negro que probablemente cambiaré el color. Y luego en el video de videos y libros de música, creo que podemos hacer tal vez un pequeño deslizador como este. Vamos a moverlo. Ups. Vamos a moverlo a esa correa. Recuerda si necesitaba flotar el acortamiento para ponerme azul y diríamos adjuntar viaje para saber que realmente te conectas a un derrame cerebral. Muy bien, Ahora voy a montar el elemento de video de esta semana. Entonces encontré alguna blogger aleatoria de YouTube y sólo vamos a usar su canal. Entonces en la configuración de video de Wix, vamos a administrar, administrar videos. Entonces solo voy a copiar y pegar la URL de su canal, Aaron Krauss. No sé nada de ella. Ojalá no sea racista ni algo así. Ella parece estar bien. que podamos usar su canal para esta página web y vamos a tener que alimentarnos. Y así lo que está pasando es, es semanas es simplemente tirar todos los videos de YouTube al canal y solo, lo siento, al WhatsApp y mostrarlos aquí. Ahora Erin cruza plato de alimentación de YouTube que se muestra en nuestra página web también. par de algunas publicaciones en el blog o suscribirse, tenemos la imagen del héroe, el encabezado, el pie de página, los que realmente comenzaron a juntarse. Entonces está de cerca. Y vamos a cambiar un poco algunos de los diseños. Los títulos corrieron un nuevo rumbo, tres, dejaron dos líneas bien. Y los botones al azar. Ahora el texto. Hagámoslo párrafo dos. Está bien. Y no creo que necesitemos este trasfondo. Vamos a volver a colorear algo de esto podría cambiar el color de fondo. A mí me gusta la oscuridad. Veamos qué otros colores podrían quedar bien. En un montón de rojo pasando. Blues, vale, podríamos usar eso por ahora, pero piensa en cambiarlo. ¿De acuerdo? Muy bien, el próximo viaje va a ser nuestros últimos productos. Entonces vamos a añadir otra tira. Entonces el signo más. Tenemos tienda, obtenemos galería de productos slider. Por lo que en toda la tienda, en la tienda principal pagada, podríamos usar una galería de productos de rejilla donde podrás ver todos los productos. Pero para esta página de inicio, solo vamos a añadir un slider para que puedas desplazarte rápidamente por algunos de los productos que tenemos, la oferta. Y no estoy seguro de si te das cuenta todavía, pero esta es básicamente mi estrategia para toda esta página de inicio, es usarla como una especie de vistazo de una página sobre todo lo que hay en el sitio web. Para que puedas ver las últimas entradas de blog, elimina blogs, los últimos productos. Podrás hacerte una idea de todo lo que se ofrece en esta página web. Voy a ir productos. Parece confundido acerca de qué tira es dónde cuál. A veces conseguirás pequeños bichos así en obras. Sólo sé paciente e inténtalo de nuevo. Ahí vamos. De acuerdo, así que tenemos nuestra galería de productos de deslizador aquí. En este momento no tenemos ningún producto, agregaremos algunos productos de Pig más adelante. Pero esta es solo una buena manera de mostrarte cómo va a terminar con esto. De acuerdo, tenemos nuestros libros, videos, tenemos nuestros productos, y nuestras últimas entradas de blog. Añadamos este texto aquí. Y hagamos que diga este texto, echa un vistazo a mis últimos blogs. Y haremos que este blanco destaque mejor y para que coincida con el resto del elemento. ¿ De acuerdo? Entonces voy a escribir, vamos a llamar a esta tira productos más vendidos. Venta de productos de viaje. Nuevamente, voy a usar la barra de herramientas para alinearla al centro de la página y luego editar texto y alinear el texto al centro también. Está bien. Esto un poco más grande. Una característica genial en Wix es que puedes mantener presionada la opción Control, seleccionar varios objetos, varios elementos y luego agrupar los elementos. Y así ahora que su grupo, puedes moverlos como un, moverlos como un grupo. También puedes alinearlos como grupo, lo cual es super, súper útil. De acuerdo, entonces tenemos nuestra sección de viajes, veríamos una sección más la cual va a ser una sección Acerca. Podríamos usar uno de estos prefabricados, pero nunca lo hago. Yo sólo voy a construir otra tira clásica. Y lo vamos a hacer dos columnas. Vamos a hacer una columna un poco más grande. Porque eso calma, puede tener texto en él y las otras columnas más pequeñas pueden tener una imagen. Y vamos a arrastrar una imagen hacia adentro. A ver, ¿quién queremos en la cara de nuestro blog de viajes que sea? Uno de esos Aaron Krauss crecer parecen tal vez así tanto. Lisa. Muy bien, entonces tenemos la imagen seleccionada. Estamos rondando sobre la columna. Dice adherido a columna. De acuerdo, estamos bien. Ahora realmente no me encanta este diseño cuadrado, así que vamos a dar click en Crop. Vamos a hacer clic de nuevo en el cultivo de forma y convertirlo en un círculo. Y podemos arrastrar la imagen por dentro, dentro del cuadrado del cultivo. Entonces vamos a centrar eso un poco. Está bien, se ve un poco mejor. Vamos a hacer que la imagen sea más grande arrastrando estos extremos. ¿ De acuerdo? Digamos, yo me lo diré. Podría tener sentido ya que esto se llama nómada, Caleb, el tamaño se va a llamar club de Medicaid. Esta V foto de alguien que se parece a un Caleb minutos 12. Pero sabes qué, estoy así de lejos. Entonces vamos a rodar con él y vamos a seguir usando uno. Y estoy agregando en algún texto. Hay un sitio divertido llamado IPsum.com. Y te daré algunos párrafos que tengo un montón de palabras hipster, bordes, algo para que sea un poco más divertido para tu texto Lorem Ipsum, tu falso texto ficticio. Entonces recoloreando eso, correcto, y vamos a agrupar esto y centrarnos en una columna. Y yo centro esto en la columna a bien, eso se ve bien. Tiene un pequeño borde a esta señora. Ahí, este borde blanco y más débil, un poco más grande. Y nos sentimos por eso. A lo mejor cambiemos el fondo. Entonces voy a cambiar todo el fondo de la tira. Hicimos esto antes. Vamos a cambiar los fondos de las columnas a 0% de opacidad. Y ahora podemos cambiar. Y tuvimos que desnudar seleccionado siendo cambiado. Todo el fondo de la tira, como cualquiera de estos, rociará un gris por ahora. Está bien. Por lo que se hace toda la página de inicio. ¿Cuánto tiempo nos llevó? Diez minutos. Por lo que vamos a previsualizar el sitio y mostrarte cómo se ve hasta ahora. De acuerdo, entonces es un poco básico. Probablemente vamos a añadir algunos elementos de diseño más. A lo mejor son algunos fondos e iconos geniales y ese tipo de cosas. Pero la estructura funcional de la página de inicio está completa ahora. Y creo que se ve bastante sólido. No se ve terrible. Tan gran inicio. Espero que este video te muestre lo rápido que Lee podrías construir tu propio sitio web en Wix. Y tendré diez minutos. Tenemos la página de inicio. Probablemente haré trabajo en el sitio por menos de una hora. Y ya tenemos todo esto. En el siguiente video, te voy a mostrar cómo crear un pop up. Para que puedas hacer cosas como ofrecer cupones en tienda de comercio electrónico, pedir correos electrónicos de las personas e intercambiar, tal vez por algún tipo de contenido gratuito. Vamos a hacer una caja pop-up o en semanas se llama caja de luz. Ver en el siguiente video. 18. Crear un subscripción por correo electrónico: De acuerdo, hagamos una caja de luz y juntemos algunos correos electrónicos. Por lo que en este cuadro de plomo, les vamos a ofrecer una guía de viaje gratuita a Tailandia a cambio de su correo electrónico. De esa manera, una vez que tengamos su correo electrónico, podemos contactar con empujar hacia fuera nuestros últimos posts y ese tipo de cosas para nosotros, para ellos. Y en general, mantener una relación con este visitante en lugar de que visiten el sitio una vez y luego nunca más saber de ti. Así que haz clic en el signo más. Y luego una interactiva, hay una sección llamada cajas de luz. Hagamos click, suscríbase y dejemos algunas opciones diferentes en cuanto a dónde aparecen las cajas de luz. Por lo que podría ser un pop-up directamente en medio del sitio. Podría ser algo que bajara de arriba, de costado, de abajo. Hagamos un pop-up centrado básico. Cajas de laboratorio y nombre más bonito pero sus pop-ups. Y así hagamos algo como descargar. Mai, guía de viaje de Tailandia. Por lo general si solo le pides a alguien su correo electrónico, entonces te lo voy a dar. ¿ Por qué lo harían? Pero si les ofreces algún tipo de contenido e intercambio, mucho más probable que te den su correo electrónico porque estás dando algo gratis, por algo de ellos. Por lo que realmente recomiendo crear algún tipo de contenido, ya sea un curso corto o una guía de viaje o lo que sea, y ofrecerles eso por su correo electrónico. De acuerdo, Así que sólo vamos a hacer un poco de diseño. Dentro de este pop-up hay algunos elementos diferentes. Ahí está la caja de luz real en sí con su propio conjunto de opciones. Esta de una manera en particular como una caja de contenedor que en realidad no necesitamos. Entonces lo que vamos a eliminarlo y luego conseguiríamos que se formaran suscriptores. En realidad es recolectar los correos electrónicos. Entonces en esta caja de luz primero apagado, yo este fondo de mármol no tiene sentido. Cambiemos el fondo. Por lo que puedes hacer clic en el pincel para el diseño. Y luego elijamos una imagen. Tenemos una tonelada de imágenes en stock y creo que tenemos algunas que son de Tailandia. Probablemente. Basta con buscar hacia abajo. Usemos este. Esta mujer viajando en el tiempo. De acuerdo, y hagámoslo más ligero para que puedas leer el texto. Hemos cambiado el título del formulario para que sea nuestra fuente de encabezado. Cambiemos los campos para que coincidan con nuestra marca también. Hay diferentes formas de hacer esto. Puede hacer clic directamente en el campo y cambiar la configuración de ese campo específico en particular. Pero lo que es mejor, la mejor manera de hacerlo es hacer clic en el formulario real y cambiar allí la configuración de diseño. Porque entonces cambiará la configuración del campo de formulario para todo el formulario, no solo un elemento específico, un campo específico. Por lo que haremos clic en Diseño, campos de entrada de diseño personalizados y vamos a cambiar el texto para este primer párrafo 2. Nos estamos haciendo el párrafo sólo para que sea un poco más pequeño. Vi un cambio ahí. Ahora vamos a comprobar cómo se ve al hover el mismo. Cambiemos el texto y el color del botón Enviar. Entonces hagamos rojo el botón para que realmente destaque. En entonces en hover aquí podemos tener ese color azul. El texto. Cambiemos a p dos también, párrafo dos. De acuerdo, el mensaje de éxito. Cambiemos eso para que sea nuestro párrafo tres. Hagámoslo un poco más pequeño. Y podemos tener que ser, hagámoslo verde. Y realmente no se destaca sin embargo. Puede ser rojo, eso está hecho. Está bien. Ahí está nuestra nueva forma. Creo que ya es suficiente. De acuerdo, ahora pongamos los disparadores para caja de luz. Por lo que no queremos que esto se muestre en todas nuestras páginas. Simplemente queríamos mostrar en nuestra página de inicio. Podríamos tenerlo ajustado a otras páginas. ¿Cuál tiene sentido? Diga que alguien navega a la página de tu tienda, les muestras un pop-up por un cupón gratis si no van y gratis o algo así. Vamos a elegir sólo la página de inicio para que la gente no reciba aviso. Se va a retrasar dos segundos. Entonces no es lo primero que dicen. Ver cuándo llegó a la página web. Tienen un par de segundos para leer el menú y el logotipo, echa un vistazo a la imagen del héroe. Y luego después de esos dos segundos, aparecerá este pop-up. De acuerdo, ¿Eso ha sido cerrar el icono x? Eso está bien. Otro Vamos a ponerlo en la caja de luz. Es un poco más notable. Y luego lo último, si haces clic fuera de la caja de luz en sí, entonces tienes esta superposición de fondo. Vamos a cambiarlo. Es, es un color gris raro. Entonces tipo de un bonito color azul y luego establece la opacidad para que puedas ver ese sitio web detrás de ellos dijo que es como el 25 por ciento. Está bien. Entonces esa es nuestra caja de luz hecha. Se ve bastante decente. Obviamente hay un par de otras formas que podríamos hacer es tener un fondo de video. Podemos configurar esto para que sea la barra superior, para que sea una barra superior pop-up o inferior barbería, nuestro lado. Pero creo que esto se ve sólido bajo el título del foro, probablemente podrías agregar un poco de descripción y lo que obtienes en la guía de viajes. A lo mejor algo así como 100 páginas más. Impresionante centro de contenido de Tailandia. Esto un poco más grande para caber cada vez. ¿De acuerdo? Está bien, eso parece droga. Hagamos esto más pequeño. Te das cuenta mucho del diseño y el diseño del trabajo en general, solo jugando con las cosas, ajustándolas un poco, solo para hacerlo bien. Está bien. Nos vemos en el siguiente video. 19. Configuración de la página del blog: De acuerdo, El borrador aproximado de nuestra página de inicio está hecho. Ahora diseñemos nuestras otras cinco páginas. Tenemos una página para nuestras entradas de blog son blogs, un foro donde la gente puede chatear entre sí y sobre página que te dice un poco sobre el nómada Caleb, o quien sea el viajero como y una página de contacto la gente se pone en contacto con nosotros. Por lo que a partir de la página del blog, cuando tan pronto como configuras un blog sobre pelucas, auto genera esta página para ti. Y honestamente se ve bastante bien, se ve bien. Pero déjame mostrarte algunos de los ajustes y hagamos que esta página sea un poco más interesante. En primer lugar, me gusta agregar unas tiras de título a todas mis páginas para que la gente sepa dónde están y qué han hecho. Entonces vamos a añadir una tira, y vamos a cambiar el fondo de la tira a un color. A lo mejor hacer una imagen con una superposición de color. O tal vez podríamos hacer un fondo, una especie de antecedentes. Nos dieron pudimos hacer lo que hicimos en el pie de página, que fue esta cuadra en fondo de viaje en vivo. Y luego superponer un color encima de él. Ese azul. Y vamos por ese mundo bastante brillante que por ahora. Ahora, ya que este es nuestro título de página haría un Encabezado. Uno. Puede centrarlo y decir mi blog de viajes. Estirar hacia fuera, centrar para centrar el texto. Hacer esto más pequeño aún no así. Está bien. Vuelve a subir esto. De acuerdo, Ahora aquí está nuestra página para nuestro blog de viajes. Si haces clic en la sección de blog, puedes ir directamente al gestor de blogs y estás buscando dashboard y administrar publicaciones. Pero hagamos clic en Configuración y veamos algunas de nuestras opciones de blog. Por lo que en Configuración, blog principal y crea un póster administra las publicaciones de nuevo, esto te lleva al tablero de libros donde puedes hacerlo. Puedes seleccionar lo que realmente muestra aquí en tu feed de blog. Entonces, por ejemplo, eso realmente no me gusta. Ahí está esta pequeña corona junto a mi nombre y luego deshazte de eso. Publicada a está bien, pero quiero gente, tal vez estoy publicando cosas de hace mucho tiempo. No quiero que sepan que fue publicado mientras sólo voy a quitarme eso. Realmente no me gusta ese contador de piernitas. Entonces es mi blog esta a estrenar. No voy a tener un contador de comentarios o contador de abusos porque no quiero realmente que la gente sepa que solo tengo siete para usar en tus comentarios. Creo que eso es tomar el LDAP para nuevos blogs bastante común, así que no me preocuparía por ello. Por lo que quitándote esos, puedes decidir cómo quieren mostrar el menú del blog, que sería esto de aquí arriba. Necesitamos algunas categorías para mostrarte cómo podría parecer eso y podemos hacerlas en un segundo. Y no vamos a tener un botón de inicio de sesión. En realidad no desde que tenemos el foro, vamos, vamos a añadir un botón de inicio de sesión. Y eso es lo que es este pequeño círculo. Las personas pueden iniciar sesión y dejar comentarios como su perfil de usuario. Ahora hay algunos diseños diferentes. Esto es editoriales lado a lado, más como cuadrados, algo así como en nuestra página de inicio. Podríamos haber puesto un montón de fichas al azar. Estilo de revista, al igual que un poco cool y medio tal vez se ve bien para un blog de viajes en realidad porque hace que la imagen sea más importante. Ya sabes, es los puestos completos. Podríamos tener una columna. Creo que por ahora voy a Irak el diseño de la revista. Cambiamos la relación de imagen. Cómo se ve la relación de imagen. Para esta imagen. Yo quería ser cuadrado o 4 por 3, 16 por 9. Hay diferentes opciones. Haremos cuatro por tres por ahora. A ver. Lo que hago está bien. Puedes cambiar todos estos ajustes diferentes para el diseño, el tamaño de la pose real, espacio entre el post, que tal vez haremos como 25 márgenes, relleno de texto, todo esto. De acuerdo, podemos cambiar el diseño de la pose del menú del blog, botones, los márgenes vía ajustes. Probablemente no vas a cambiar la mayoría de las cosas. Se ve bastante decente fuera de la caja en función de la configuración de necesidades, configuras tu gestor de temas. Entonces vamos a dejar esto por ahora. A lo mejor cambiaremos este texto de título para que sea blanco sin embargo. Eso es lo que vamos a hacer para la página del blog real. Ahora esto está en nuestra página de videos. 20. Configuración de la página de video: De acuerdo, vamos a crear nuestra página de videos. Entonces voy a copiar y pegar esta tira de encabezamiento. Para que podamos poner la tira de clic derecho copia. Y luego vamos a usar la página Navigator para saltar a videos. Ahora aquí vamos a hacer clic derecho y pegar esa tira. Y vamos a renombrar esta página, mi blog de viajes. Y luego como en la página de inicio, podemos hacer clic en el signo más y añadir un widget de video. Pero como esta es nuestra página principal de videos, usemos un widget diferente entonces este pequeño deslizador. Hagamos algo como esto donde te muestra un video principal y luego un par de videos ahí dentro podrían equipararse a lo siento y arrástrelo y soltarlo aquí. Y hazlo más grande. Para llenar ese espacio entre esas dos líneas de puntos en blanco y negro. Háganos saber la zona segura para nuestro diseño. Haz un poco más de espacio en la parte inferior. Y luego en ajustes, lo vamos a enganchar a nuestro canal de YouTube, que fue Aaron Krauss. Y realmente espero que esta chica sea genial y no terrible persona. Y ahora nuestro blog está configurado. Vamos a repasar algunos de los ajustes de la aplicación de video de esa semana. Se puede cambiar el diseño y esto es lo que acabamos de arrastrar. Tan solo una forma diferente de verlo. Para que pudiéramos hacer el slider como en la página de inicio, de diferentes maneras. Videos seguidos. Hagamos cuatro. Y en realidad vamos a configurar unas cuantas filas para que puedas ver un montón de ella sus últimos videos. A lo mejor como seis. A ver cómo se ve eso. Sí, realmente demuestra que tiene bastante contenido, un poco de texto, como por debajo. Es todo demasiado corto. Se lo va a dejar en la miniatura. Por lo que cuando pasas por encima, el jugador, puede ser la portada del canal. Creo que eso se ve bien. Y queremos toda esta información. Yo creo. Bueno, por lo general he salido en los videos israelíes de YouTube, así que no funcionará exactamente así. Y luego en el diseño, en lugar del título, recuerda que vamos a ponerlo en nuestra configuración de gestor de temas. Tengo algunos enlaces, botón rojo de color rojo. De acuerdo, entonces vamos a previsualizar. Ahora se ve esta bandera para que veas cómo todo esto va a funcionar en conjunto. De acuerdo, aquí estamos en la vista previa. Ahora si tocas el video y mañana a todos, hoy, no necesito el super tropical. Está bien. Por lo que puedes ver que está incrustado desde la configuración de YouTube o YouTube por aquí. Podrías verlo en YouTube. Se cierne sobre estos, se puede ver un poco sobre las próximas entradas del blog. Y si haces click llega a la cima. Es así que enviamos a decir, Vale, eso tiene sentido. Eso es todo lo que vamos a hacer para la página de video también. Por ahora. Podríamos no tener antecedentes más adelante. Ahora pasemos a nuestra siguiente página. 21. Configuración del foro: Nuestra siguiente página es nuestro foro, nuestro foro de viajes. Entonces por defecto, ya que usamos una plantilla de viaje, Ya se dijo que el tema un poco ser una forma de viaje. Entonces hagamos un par de cambios sin embargo. Vamos a dar click en el foro. Estiró la palabra completa. Vio esta imagen se estira, se ve un poco mejor. Y luego en nuestra configuración, cambiemos el texto bajo diseño para que coincida con todo. Coincide con el resto de nuestra página web. Y nuestra descripción y post deben ser arenas de miedo, que es nuestro texto de párrafo. Y hagamos nuestros títulos DOT y en realidad en nuestros párrafos aquí suena bien Ahora eso coincide con el resto del sitio. Ahora déjame mostrarte cómo funciona este foro y funciona como una forma estándar. Por lo que tienes publicaciones que por defecto cualquiera puede crear con el botón Crear nueva publicación, botón. Botón Crear Nueva Publicación. Para que puedas iniciar una discusión que sería así, o puedes hacer una pregunta y la gente puede votar por respuestas. Y puedes decir cuál crees que es tu favorito como el cuatro moderador. Y cuando haces clic en estos, Aquí es que parece que te puede gustar a la gente le puede gustar el tema, comenta al respecto. Y sus comentarios aquí con videos, fotos, regalos. Se pueden ver algunas otras publicaciones. En realidad es realmente genial lo mucho que puedes hacer con solo un formato estándar para cualquier necesidad básica de forma normal. Creo que esto es más que suficiente. De acuerdo, volvamos al editor y déjame mostrarte algunos de los ajustes del foro en el tablero real. Entonces cuando hacemos clic en Configuración bajo principal y podemos hacer administrar publicaciones y categorías. Y esto se abre, este pop-up, ese es el tablero. Y sólo vamos a añadir un par de categorías para que podamos ver que parece que vamos a nombrar nuestras categorías, cosas, categorías de viajes, como Asia. Todo sobre viajar en Asia. Y vas a agregar imágenes y colores y todas las cosas para el encabezado. Eso es porque déjame mostrarte cómo es eso. De acuerdo, ahora tenemos a Asia como categoría. Hay menos donde los temas de discusión estaban en la sección de formulario de viaje del formulario de viaje. Y entonces también tenemos esta nueva sección, Asia y podemos tener un montón de puestos dentro de esto también. Entonces esto es lo que es, se va a ver a tus visitantes cuando estén creando un nuevo post. Echa un vistazo a mi nuevo post. Esto se supone que tiene que hacer es publicarlo. Y ahora la sección Páginas tiene su primer post. Súper directo y sencillo, ¿verdad? Podríamos haber agregado una imagen aquí a, para haber terminado fondo igual que esta imagen. De acuerdo, así que ese es el foro. Es realmente bastante sencillo y sencillo. Puedes hacer clic en Administrar publicaciones para ver todas tus publicaciones y hacer cosas como eliminarlas, moverlas a nueva categoría, editarlas tú mismo. Pero si no te gusta algo de ellos, tú el moderador, puedes hacer algunas ediciones. ¿ De acuerdo? Bajo publicaciones también tienes ajustes de moderación. Se puede establecer un límite para nuevos, para carteles que parece que alguien spamming o está publicando una cantidad inapropiada. Se pueden configurar publicaciones en él. Se puede cambiar el tamaño del archivo adjunto. Y esto mantiene tu espacio de almacenamiento en tu sitio web abajo. Porque a medida que tengas más, más archivos almacenados en tu sitio, tus costos de hospedaje van a subir. Por lo que si no quieres volar tu espacio de almacenamiento, podrías restringir los sitios de apego. La gente no está subiendo 20 videos de gigabyte ni algo así. Y puedes bloquear algunas palabras si te preocupabas por algo inapropiado. Entonces ahora si la gente dice estúpido o maniquí, él va Postal, ser marcado como spam. ¿ De acuerdo? Muy bien, así que esa es la forma. Es bastante sencillo y sencillo. Y funciona muy bien fuera de la borra, fuera de la caja. Pasemos a la página siguiente. 22. Diseñar tu página de torno: Hagamos nuestra página sobre. Copiemos y peguemos nuestro viaje de encabezados y lo agreguemos a la página sobre. Y digamos algo bonito, como agradable conocerte. Por lo general en sobre página te da una breve visión general de la persona que posee el negocio. Yo la mayoría de los sitios web son sobre negocios. Te da alguna idea del negocio. A lo mejor tendrás algunas críticas o algunos enlaces donde podrás conocer más sobre la persona. Creo que vamos a tener un par de imágenes de R, de nómada Caleb. Y luego vamos a tener un poco de texto. Y eso va a ser más o menos, es bastante estándar sobre pitch. Entonces vamos a añadir una tira. Recuerda vamos El clásico y agregamos las Tiras en blanco. Hagámoslo un poco más grande. Ups. De acuerdo, y hagámoslo dos columnas. Y puedes hacer de éste quizá unos 45, solo un poco más pequeño para nuestro texto. Y luego agreguemos un par de imágenes de ostensiblemente yo, pero no estamos haciendo eso. Vamos a sumar a este tipo y a esta chica. ¿ De acuerdo? Entonces lo que quiero hacer aquí, sólo por diversión, voy a añadir a estas dos personas a esta columna y hacer un poco de diseño. Voy a hacer que estos parezcan Polaroids. Por lo que estas imágenes. Entonces voy a ir a Diseño y luego elegir el cuadrado blanco. Y me refiero a mí que básicamente se parece a un Polaroid. Y eso es todo lo que tengo que hacer. Por lo que diseña y elige de nuevo la plaza con el borde blanco. Dirán que tengo un par de Polaroid presumido de lo que hago. Entonces hagamos que esto del mismo tamaño sean bastante similares. Al hacer clic en esta imagen, puedo ver que el ancho es de 254 3p4 pixels. Por lo que solo puedo seleccionar esta otra imagen e ingresar eso. Y por defecto estos se establecen para escalar uniformemente. Por lo que ahora tenemos dos imágenes que son aproximadamente del mismo tamaño. Simplemente se ve un poco mejor. Ahora, selecciónalos ambos y agrupéalos en y usa mi herramienta Alineación para alinearlos bien en el centro de esa columna. Y luego vamos a arrastrar en algunos textos h1, h2, porque este no es el encabezado de nuestra página principal. Es un subepígrafe. Todo sobre somático, Caleb. Y agregaremos algún texto de párrafo. Libros siendo gravados texto párrafo. Agarra un poco más de texto ipsum. Rampas de apretón de manos y destilería biodiesel, man bollo, el arbusto, sudadera con capucha, mumble, Corbay, pokey. Odio mirar estos porque normalmente estoy, estoy bien representado en todas estas cosas hipster, como panza de cerdo. Ojalá tuviera un fondo fiduciario. Le le le deje ir a John. Sí, estoy bien, lo que me presentó. Está bien. Copia y pega el texto en. Probablemente necesite un poco más intacto. Agarremos otro párrafo. Después dentro de otra columna. Y vamos a añadir este elemento cool que robé de la página web nómada Matt, que también es obviamente, me ocurrió un nombre para el nómada Caleb. Entonces voy a añadir una imagen y luego subirla muy rápido. Ahora, ahora mismo, parece que sabemos de qué estamos hablando. Tenemos esto como elemento Sinon, que por cierto, si se puede publicar en, en cualquier publicación, no sólo estas enorme tendencia Linden Nueva York en CNN. Te recomiendo encarecidamente que persigas esas oportunidades porque la gente realmente no respeta este tipo de publicaciones como señales sociales de la calidad y respetabilidad, legitimidad de tu negocio. Por lo que estar teniendo una como se ve en la sección si te han visto en cualquier parte es definitivamente lo que pasó. De acuerdo, vamos a hacer blanco este fondo de tira. Entonces eso se ve bien. Y vamos a añadir un poco de textos. Entonces esto no sólo tiene un poco más de sentido. Pero se ven estos logotipos. Y centrará el texto como de costumbre. Subirlo un poco. Está bien. Súper sencillo y directo. Acerca de tu página o sobre mí. Está bien, Esa es nuestra página sobre. Algunas fotos, algún texto como Sinon. Estamos bien para irnos. Hagamos la página de contacto. Y los huesos de una página web estarán completos. Bastante impresionante ahora. 23. Diseño de la página de contacto: De acuerdo, hagamos nuestra página de contacto. Y así última página estándar en nuestra página web, entraremos a la tienda más tarde. Entonces vamos a copiar y pegar esa tira de encabezamiento en nuestra página de contacto. Y decir algo así como contactarme. Hay diferentes formas de capas de la página de contacto. Una forma simple estándar de hacerlo sería tener esencialmente dos columnas, una de la forma y la otra con toda tu información de contacto. Así que realmente simple, ¿verdad? Entonces vamos a sumar en una tira y luego beta y dos columnas, pero de igual tamaño. Y solo voy a copiar y pegar nuestra información de contacto. Voy a recolorearlo. Y entonces también vamos a querer iniciar vínculos sociales. Estamos tratando de facilitar que la gente se ponga en contacto con nosotros y encuentre toda la información para que puedan ponerse en contacto con nosotros cómo quieren recolorear estos realmente rápido. De acuerdo, entonces tenemos nuestra información de contacto ahí. Y luego arrastremos en un formulario, 100 más contacto en los foros. Y solo haremos un formulario de contacto estándar. Podemos hacer uno así. Y luego hagamos que quepa en esa columna. Y tenemos un glitch adjuntará este formulario a nuestra columna. En el siguiente video, profundizaremos mucho más en la creación de un formulario, agregando nuevos campos, personalizándolo, y realmente ayudándote a dominar la funcionalidad Wix se forma. Nos vemos ahí. 24. Personalización de formas: Diseñemos formulario de contacto personalizado con algunos campos más y recorremos todos los ajustes incluidos en cuáles son sus formularios. En primer lugar, vamos a hacer esto un poco más grande. Entonces tenemos espacio para esta forma y todos sus elementos, digamos dentro del módulo Whigs formas. Entonces vamos a necesitar hacer este módulo más grande para que tengamos un espacio para más campos de formulario. Y luego vamos a caminar a través de todos estos ajustes diferentes, vale, para simplemente una configuración de formulario, justo fuera del bate en la pestaña Principal, puedes ir a ver tus envíos si has estado haciendo clic en envíos. Pero también es útil. Aquí tienes un conjunto de notificaciones por correo electrónico. Cuando la gente envíe este formulario, enviará notificaciones Con esa información a todos los correos electrónicos del equipo bajo roles y permisos que trabajamos para eso antes. Podrías seleccionar quién en el equipo que es realmente conseguir esos. Ahora di que construiste este sitio web o alguien más. No están gestionando el sitio web ellos mismos, tú estás gestionando para ellos, pero necesitan recibir los correos cuando las personas se ponen en contacto con ellos y su formulario, podrías agregar un nuevo correo aquí. Pero si no tienes a Woods está actualizado, sus planes de centro, eso es lo que es esto. Entonces solo puedes tener dos en los de aquí. Entonces tal vez tú y el dueño de ese negocio. Está bien. Por lo que nos iremos sobre el equipo in situ. Ahora. Ahora, puedes configurar diferentes funcionalidades. Cuando alguien envía el formulario, podrías tener un pequeño mensaje como gracias por enviar. Puedes llevarlos a una nueva página, como una página de agradecimiento. Y me gusta hacer eso. Puedes agregar un poco de agradecimiento. Mensaje un poco gracias. Video o algo así en esa página de Gracias. Y también es útil en el futuro si estás publicitando para realizar un seguimiento de tus conversiones. Por lo que me gusta configurar páginas de agradecimiento. Sin embargo, hay otras formas de hacerlo. Podrías enlazar a una descarga de archivos, ¿verdad? Si, por ejemplo, antes en nuestro pop-up, el trato era cuando envían el formulario, se supone que tienen que conseguir una guía de viaje a Tailandia. Por lo que necesitábamos actualizar nuestro plan de lecciones para que la gente, cuando enviaran ese formulario, obtuvieran esa descarga de archivo. También podría enlazar a una URL externa. Se los lleva a google.com o lo que sea. De acuerdo, lo siguiente es el pago. Entonces no vamos a entrar en esto porque no vamos a crear un plan de lecciones en este momento, pero puedes crear un formulario de pago personalizado. Por lo que tienes algún tipo de producto de cliente para el que necesitas recolectar información. Y no puedes usar las opciones de la tienda Wix o tal vez estás recolectando donaciones. A pesar de que la forma de pago de la semana sería la opción para ti, ya sabes, tipo de condicionales. Por lo que ese sería un campo que muestra con base en las respuestas a un campo anterior. Entonces di que tienes una pregunta que dice: ¿ Alguna vez has estado en este lugar antes? Si revisas sí, entonces el siguiente campo que aparece es genial. ¿ Cuál es tu nombre? A lo mejor dices que no, entonces la respuesta podría ser, bien, cuando quisiéramos visitarnos, algo así, ¿verdad? Entonces es un campo que depende de las respuestas a otro campo. El siguiente tabulador son los contactos. Se puede etiquetar a las personas que están usando este formulario. Entonces esto podría ser, podrías dejarlos como formulario de contacto general o algo así. Y para un foro diferente y podrían ser suscriptores de newsletter justo en nuestra portada. De acuerdo, la siguiente pestaña son las automatizaciones. Las automatizaciones son súper útiles. De verdad te recomiendo que busques automatizar parte de tu flujo de trabajo. Las automatizaciones son acciones que sucedieron. Fue el visitante toma una acción. Por lo que enviarán este formulario y el MI automáticamente tan pronto él un correo electrónico y luego crearán una nueva tarea para llamarlos directa o indirectamente, o facturarlos, o cualquier funcionalidad que necesites para tu automatización empresarial específica. Te vas a ahorrar mucho tiempo y usar una variedad de automatizaciones diferentes en mi propio negocio. Entonces a medida que empiezas a escalar y encuentras que estás haciendo las cosas una y otra vez, de forma manual. Cualquier cosa que se esté haciendo una y otra vez exactamente de la misma manera. Probablemente puedas encontrar una manera de automatizarlo. Y este es uno de esos, este es uno de esos lugares en los que probablemente puedas automatizar parte de tu trabajo. Marketing por correo electrónico. Realmente no sé qué se vincula esto en los foros, pero puedes configurar campañas de email y hablaremos de eso más adelante en el curso. De acuerdo, entonces eso es lo que nuestra configuración, la siguiente pestaña para Whigs se formó en sí mismo es agregar nuevos campos. Se puede agregar un montón de campos diferentes. Y buscando por aquí casi cualquier forma que quieras, vas a querer agregar una recapturarlos. Eso son estos, no soy un robot campos. Y esto te impida conseguir mucho spam. El Morris, cuanto más popular y más tráfico llegues a tu sitio, más probable es que empieces a tener spammers que están realmente ahí para molestarte. Por lo que realmente te recomiendo agregar recapturado a todos tus campos. Spam abajo. Y vamos a sumar un par de campos diferentes. Entonces estos son nuestros campos de conducta estándar, pero entonces los campos básicos son campos personalizados que podemos hacer. Entonces, agreguemos una pregunta que diga algo así como, a dónde te gustaría viajar? Y les da un desplegable. Eso vamos a añadir. Y además agreguemos un campo más. Like ¿Cuál es tu presupuesto de viaje? Y haremos botones de radio para eso. Está bien. Ahora puedo hacer clic en ese desplegable y administrar opciones. Y así va a ser esto, ¿qué quieres viajar para escribir? Entonces pongamos eso en el texto del marcador de posición. Y gestionará esas opciones. Y puedes simplemente hacer doble clic en estos para cambiar el nombre de esas opciones. Y luego, y los botones de radio, podemos hacer algo similar. Podemos gestionar las elecciones. Y va a ser nuestro presupuesto de viajes. Entonces digamos 0 0 dólares a $5 mil, $1000 a $20,000.20 mil dólares más algunos rodillos altos. Y agreguemos ese campo para que pregunte. ¿ Cuál es tu presupuesto de viaje? Para los botones de radio, también puede seleccionar un campo preseleccionado. También harías que cualquiera de estos campos sean obligatorios y recomiendo hacer eso para cosas que envíen correo electrónico. Por lo que bajo campo de edición, se requiere este campo. De acuerdo, así que ahora reorganizemos un poco y luego lo peinemos para que coincida con esos dos por sitio. Por lo que ha sido el fondo de facturación de recaptura. Podemos ponerlo al otro lado del camino desde el botón de enviar. Y creo que el mensaje debe ser lo último. Por esto. Para eso, vamos a sumar 41 para viajar allí. ¿ En qué presupuesto viajaste? No, me gusta la forma en que se ve. Podría tomar las fronteras de estos y diremos, vale. Entonces ahí está nuestra forma. Realmente no necesitamos esa forma titulada porque está ahí mismo. Eliminemos eso y subiremos todos nuestros campos. Ahora, en realidad necesitamos hacer esto un poco más pequeño también, porque no encaja correctamente en nuestras pautas y en nuestras columnas. Lo que significa que es algunos tamaños de pantalla. Algunas de las cosas podrían cortarse. Por lo que voy a dar clic en cada campo y redimensionarlo. Y los tamaños por aquí, o tamaños en un ancho de 225 píxeles. Y eso en realidad es un poco de espacio para respirar entre cada uno de estos campos como este. Sólo para que no se estén poniendo directamente encima el uno del otro. Se me ha puesto un poco apretado. Muy bien, así que casi tenemos todo redimensionado. Gracias por presentar. Mi vínculo de contacto. Estará en contacto pronto. No te olvides de pequeños toques como tu mensaje de éxito es cuando envías un formulario. Son todas estas pequeñas cosas las que hacen, que humanizan tu negocio y lo hacen gente interesante. Obviamente esos no son los mejores textos de sumisión, sino cualquier cosa que haga las cosas un poco más personales y la gente lo va a apreciar. De acuerdo, lo hicimos un poco más apretado. Ahora está encajando correctamente. Ahora está en la habitación es de fondo blanco y cambiar el diseño para que se ajuste un poco mejor. Antes de hacer eso, déjame simplemente caminar por todos los campos para que estés consciente de lo que es cada uno. Entonces están los campos de contacto estándar. Pero entonces básicamente sostiene que tienes textos cortos que serían como nombre de pila, un campo de párrafo, que debería ser como el mensaje. Por lo que puedes escribir múltiples líneas de texto. Campo numérico significaría que sólo se puede poner en números. Los botones de radio es como una opción múltiple como esta. Checkbox es una casilla de verificación única. Entonces algo así como, ¿deseas recibir comunicaciones de este negocio? Multi comprueba casillas de verificación exactamente como suena. Puede revisar múltiples casillas. Esto sería algo así como Lo que está pasando es que quieres en tu pizza y puedes revisar pepperoni, infierno, opinio, piña, jamón, lo que sea. A lo mejor esa no es una buena pizza. De todos modos, campo desplegable sería como, ¿a qué quieres viajar? Fallo de lectura, podrías darles una calificación estelar. Campo de fecha, pones una fecha abierta hora, solo pones en tiempo URL. Se requiere que pongas un enlace como, ¿cuál es tu sitio web? Suscriptor opt-in realmente sería algo que necesitábamos en ese boletín inscríbase en la página de inicio. Suscriptor opt-in solo está pidiendo permiso para enviar correos electrónicos a la gente y luego invertir campo. Necesitas tu vigoroso y plan, pero también puedes solicitar subir archivos e incluso hacer que firmen el formulario si necesitas una firma para algo. Está bien. A continuación, tenemos maquetación. Y vamos a mantener esto más o menos como es este artículo que quería. Está bien, y luego diseña. Haremos lo que hicimos hasta el punto antes. Voy a adelantar algo de esto, pero vamos a hacer de este partido el resto de nuestra marca. De acuerdo, así están formados listos para ir. Hemos eliminado el fondo, añadido un par de opciones, personalizar el personalizado nuestro mensaje de envío. Agregamos un recaptcha. Este formulario está listo para que lo utilicemos en nuestro bug de viaje. Muy bien, pasemos al siguiente video. 25. Agrega Google Maps a tu página de contacto: De acuerdo, así que he agregado un par de pequeños elementos a la página de contacto. Entonces los ponemos en una caja de contenedores con el pequeño Boyer's, lo hacemos un poco más interesante. Tuvimos en una galería para que puedas ser un poco y espiral o no puedas formar. Lo último que quiero mostrarte cómo hacer es cómo agregar un mapa usando Google Maps. Entonces vamos a superar, como de costumbre, probablemente un poco más grande. Y luego una señal de un plus. Vamos a ir al contacto y poemas, Google Maps, mapas, y diferentes diseños. Solo vamos a rodar con el mapa estándar de autopistas por ahora. Vamos a estirar a la gente lo haría un poco más grande. Por lo que esta es una forma realmente común de hacer un mapa en una página de contacto. Por cierto, sería al final de la página para mojado así. Es, supongo que en realidad es solo la tendencia del diseño. Se ve genial. Por lo que ahora vamos a seleccionar nuestras matemáticas y administrar ubicaciones. Ahora inscríbase que es 1, y abordando los impuestos de Austin. Y el título va a ser nómada, Kayla, no vivo demasiado lejos de su Pilotón. Trata de encontrarme. Está bien. Y reconocer cualquier otra cosa. A lo mejor vamos a añadir una descripción. Blog de viajes número uno del mundo. Una cosa genial de la función de Google Maps en Next es que ella puede cambiar este pequeño ícono. Entonces hay que diseñar. Se puede ir a InDesign y ver si su valor predeterminado. Tengamos una estrellita por ahora. Te agradezco y cambiemos el color a cono rojo. Por eso dicho vamos a configurar un Google Maps personalizado. Diga el siguiente video. 26. Vender en línea: configurar una tienda de comercio Wix E: Vamos a montar nuestra tienda. El comercio electrónico es una enorme oportunidad. Te permite hacer un ingreso desde cualquier parte del mundo. Es realmente atraído por la gente como los nómadas digitales, que técnicamente podría clasificarme como a pesar de que la mayoría del tiempo vivo en Austin. Pero realmente es increíble que ella pueda ganar dinero desde cualquier parte del mundo vendiendo productos que tal vez ni siquiera estéis almacenando. Por lo que deberías estar bastante emocionado de aprender un poco más sobre el comercio electrónico. Y en este video, vamos a sumar algunos productos a nuestra tienda. Te mostraré cómo funciona eso. Entonces, empecemos. Hay dos formas de hacerlo. Desde el editor frontend, podemos hacer clic en nuestra tienda, en nuestra página de tienda Eso es auto creado cuando agregamos la app de tienda, que recuerdan era un anuncio apps. Y así podemos dar click aquí y hacer clic en Administrar productos. Y abrirá este panel emergente. También podemos simplemente ir al tablero e ir a almacenar productos una vez que nuestras aplicaciones estén instaladas, recordadas en resolver la aplicación primero. Y así vamos a empezar desde aquí. Y estos son todos display tipo de productos para ayudarte y ver cómo se verá la tienda, que se va a ver, elemento de tienda en tu frente, en el front end aquí. Entonces ya no los necesitamos. Vamos a eliminar todos estos productos. El elite, vamos a sumar algunos productos nuevos. Hay dos tipos de productos que puedes agregar. Ahí hay archivos digitales o físicos. Por lo que explican qué es esto. Si estás vendiendo, en este caso para este sitio web, tal vez una guía de viaje, WE archivo digital porque puedes vender en la descarga PDF. Por lo que cualquier tipo de productos de información casi siempre van a ser archivos digitales. Físico es lo que suena. Va a ser una camiseta o una patineta o un libro físico real y no la copia en PDF. Entonces, vamos a hacer clic físico. Y he creado algunos productos de maqueta para nosotros sólo para que podamos ver cómo van a quedar todos estos. Cargado en el sitio. Obtienes imágenes y videos que usan tasas de conversión de salud. Entonces si puedes tomar videos de tus productos, te recomiendo hacerlo. Pero así tenemos una camiseta y déjame agregarles esas imágenes. Está bien. O fotos o subidas. Es decir, se trata de maquetas rápidas o diferentes productos utilizando un sitio web llamado place it dotnet link en la siguiente descripción. Pero es un gran sitio web para crear maquetas como esta. Y así aquí te dejamos una foto de nuestra camiseta o de la camiseta de tirantes. Caminemos por todos estos diferentes campos para la información del producto. Podemos nombrar el producto, podemos agregar un ritmo en la esquina que diga algo así como bestseller. Y estos se guardarán para que puedas reutilizar estas cintas. Y de nuevo, la cinta es solo una cajita en la esquina de la imagen del producto que tiene algún tipo de descripción. Podemos darle un precio a lo que queramos al 99. Podemos ofrecer una venta y descuento o monto en dólares. Hagamos 10 por ciento de descuento en venta. Y puedes mostrar precio por unidad si tienes algo que estás vendiendo por unidad, si estás vendiendo, sabes qué, por la pulgada cuadrada o algo así, podemos describir nuestro producto aquí. Realmente genial. Camiseta Slashdot. Y podemos agregar algún impuesto aduanero si se trata de un producto que es personalizado. A continuación, podemos agregar opciones de producto. Entonces esta es una camiseta, así que probablemente vamos a tener tallas. pequeñas, medianas, grandes, XL Células sexualespequeñas, medianas, grandes, XL, XX, XX. Entonces esa es una opción que la gente elige en pan. Esa es una personalización que la gente puede hacer, la otra para un maestro, realmente va a ser el rojo de color. Entonces vamos a nombrar este color. Y sólo lo pondré en los colores. Rojo, negro, azul, verde, rosa, naranja, morado. Eso probablemente no lo sea. Entiendes la idea. Pueden elegir el color y el tamaño del producto. También puedes gestionar los precios y el inventario de esas variantes. Entonces si seleccionas este botón, entonces la varianza administrar. Muchas variantes hoja de cálculo esencialmente aparecerá. Y así digamos que querías que todas tus camisas extra grandes fueran un dólar extra, entonces puedes seleccionar todas esas variantes aquí arriba. Entonces haz clic en el menú desplegable y haces clic en Excel. Se va a seleccionar todas las celdas, ¿verdad? Tienes 42 varianza porque tienes un montón de diferentes tamaños de extremos y colores. Y dicho, caminando por cada elemento y encontrándolo manualmente, puedes seleccionarlos todos juntos. Digamos en este caso, todos los más grandes reales juntos. Y obtienes el cargo y triste como lo lejos, así que cetera cobra y los cargos un dólar extra por Archer real. Y ahí tienes. Eso es todo lo que haces para cambiar el, cambiar los precios por cierta varianza de tu producto primario? ¿ De acuerdo? También puedes configurar suscripciones. Digamos que alguien quiere comprar una camiseta todos los meses porque no sé que estuvieron en todo el mes y simplemente se desmorona. Puedes crear una suscripción, llámalo camiseta mensual. Suscríbete y di, cuánto deben decir 10 por ciento. Y puede ser mensual. Típicamente. Depende del producto, Pero muchas veces descripciones o hace otoñal, lo cancelará. Si el cliente no dice nada, entonces solo seguiré recibiendo ese producto o ese servicio para siempre. Y entonces tal vez 10 por ciento de descuento. Genial. Ahora la gente puede, tendríamos que actualizar, pero la gente puede comprar una suscripción y obtener este producto cada mes. Eso es realmente todo lo que tienes que hacer para crear un nuevo producto y funciona. Ahora voy a seguir adelante y sumar el resto de nuestros productos y hablaremos de colecciones. Muy bien, todos nuestros productos habían sido agregados. Tenemos cuatro productos, un sombrero de papá, funda de teléfono, una bolsa de tote en la camiseta, y realmente está recogido. De acuerdo, ahora podemos crear una colección. Placeres, categorías de productos, algunas categorías de productos de columna de servicios, algunas colecciones de productos de columna. No te confundas. Es sólo un grupo de productos. Entonces vamos a crear uno nuevo que se llame merch de marca porque eso son todos estos productos. Por lo que acabamos de agregar, para que podamos nombrarlo arriba y luego podemos agregar nuestros productos aquí. Tengo que hacer es revisar las que quieres agregar m. y luego puedes agregar tu imagen de colección, que en este caso, hagámosla esta foto de un sombrero. Y eso es todo. Es bastante sencillo. Eso es todo lo que tengo que hacer para crear una colección privada. Una vez que hayas terminado de crear una colección, ¿van a aparecer las ventanas emergentes? Y te va a pedir que agregues la colección. Ahora si quieres, Vamos a crear una nueva página con una cuadrícula de producto que esté conectada a esa colección. Entonces hagámoslo para que veas qué eso, qué pasa. De acuerdo, así que cuando hicimos clic en Agregar, ahora se creó esta página que sólo tiene son de marca merch collection en ella. Y también va a crear una nueva página para nosotros y luego la página imagen de marca. Por lo que podemos agregar eso como página de categoría. Pero entonces podríamos agregar un poco de título. No se fusionó, estirar este centro. Se habría hecho. Enfriar. Por lo que ahora tenemos una página específicamente para el matrimonio otorgado. Ahora, hablemos de personalizar nuestra tienda y nuestras páginas de productos. Por lo que tenemos esta página de imagen de marca. Voy a dejar esto solo por ahora, volver a la página principal de Shoppe, que tendría todo nuestro lado de producto si tuviéramos más de cuatro productos. Y vamos a añadir un título muy rápido. ¿ De acuerdo? Y puedes personalizar este centro de widgets de tienda. Y también puedes personalizar las páginas de productos. Entonces si hace clic en Configuración aquí, y puede elegir qué colecciones se muestran en la tienda. Por ejemplo, nos hemos fusionado. Tenemos las colecciones, podemos mostrarlas aquí. De nuevo, elige la pantalla. Y así solo hay determina cómo se muestran los productos. Se puede ver que están cambiando aquí. Este se ve bien. El ratio de imagen o las imágenes se están mostrando lo suficientemente bien. Pero a veces no necesitas cambiar esto dependiendo de qué producto estés vendiendo. Cuatro columnas y tres filas. Eso también funciona para mí. Ahora solo tenemos cuatro productos. Entramos en la configuración. Podemos seleccionar lo que se muestra. Nombre del producto, precio del producto, divisor de precios con nombre. Y creo que su estado de ánimo pero divisor, para conseguirlo un poco más simple, de aspecto más limpio. Y luego se debe cargar el botón Ver Más, más paginación sería donde hay pequeñas burbujas en la parte inferior dice 1, 2, 3, 4. Y puedes elegir qué página navegar para cargar más ya que solo haces clic en un botón y se carga dicho más productos. Desplazamiento infinito, pero mantienes la cuerda, sigues desplazándote, y las cosas siguen apareciendo. De acuerdo, agreguemos un botón de agregar al carrito solo para que sea fácil para la gente el check out. ¿ Ves eso? Y cuando se haga clic en el botón, abramos la mini tarjeta. Te mostraré cuál es la mini tarjeta en un segundo. Añadamos también este botón Mostrar opciones de producto. Ahora la gente puede elegir las opciones de producto, qué color y de qué tamaño. Y para el sombrero, ¿de qué talla? Está bien. Impuesto para los botones Agregar al carrito. Eso funciona. Diseño. Sí, todos estos funcionan para mí para agregar al botón del carrito. Nosotros queremos ser negros. Vamos a sentarnos con eso por ahora. Por lo que los filtros son muy útiles. Casi siempre recomiendo agregar filtros. Los filtros permiten a las personas navegar por tu sitio en base a unos pocos diferentes, bien basados en todos los parámetros que has dicho. Entonces colecciones, precio, color, talla. Y si tuviéramos más opciones para nuestros productos, se mostrarían aquí también. También puedes agregar clasificación. La clasificación va a aparecer aquí. Esta lección es para ordenar por precio o por nombre. Por lo que el punto de agregar ordenar y filtrar a las páginas de tu tienda es que sea lo más fácil posible para que las personas encuentren el producto que desean y lo compren. Cuanto más fácil le hagas a tus clientes comprar tus cosas, más van a comprar cosas, ¿verdad? Eso tiene sentido. Tan rápida vista es el pequeño pop-up te mostrará eso en un segundo también. Y eso es más o menos. Entonces déjame mostrarte una vista previa de esta página ahora para que puedas ver cómo funciona todo esto. Entonces pasamos el rato y ahí está el trato rápido realmente rápido es el popup. Y sólo nos muestra más información sobre el producto. Haz clic en el Más detalles te lleva a la página de la tienda real. Está bien, es buen caso. Está bien. Y si volvemos a la tienda, podemos mirar el filtro y tal vez no queremos gastar más de 19 dólares. Los sonidos filtran un par más y digamos que no gastamos más de 13 dólares filtrados un poco más. Está bien. A lo mejor estamos buscando algo en rojo para que puedas elegir Read. Sólo la playera está disponible en rojo. Entonces ahora lo sabemos. De acuerdo, así que lo consigues. Puedes añadirlo al carrito y haces clic en Agregar al carrito II, esto aparece y podemos seleccionar medio. Entonces esta es la mini tarjeta. Recomiendo mantener esto encendido. Simplemente hace que sea un poco más fácil para la gente moverse en su sitio. Muy bien, ahora siguiente vamos a personalizar nuestras páginas de productos. Entonces vamos a páginas y restauramos páginas. Podemos personalizar tu página de producto aquí mismo. Por lo que realmente no me gusta esta página de producto que nos han dado. No parece un muy buen uso del espacio. Entonces voy a ir a Configuración y elegir un diseño diferente para la página del producto. A mí me gusta el clásico, funciona bastante bien para mí. Ahora tenemos un panorama más grande y tamaño y cantidad por aquí. Buena mitad. De acuerdo, entonces vamos a agregar una cosa a una página de producto y te recomiendo que hagas esto en la mayoría de ustedes sitios de comercio electrónico. El pequeño plus. Y luego a la tienda, puedes agregar productos relacionados. Y esto mostrará a la gente productos relacionados con éste. Muy de compras, algo así, ¿verdad? Digamos que tenías un montón de sombreros diferentes. Les mostraría sombreros similares en esta galería. Ayuda a las personas. Me va a ayudar a alguien, esencialmente, porque la gente va a tener un momento más fácil encontrar productos relacionados con algo muy parecido a que ya está en esta página, lácteos como el sombrero, ¿verdad? Y pueden ver productos relacionados con eso. Ojalá que todo tuviera sentido. Pero en resumen, te recomiendo agregar productos relacionados para convertirse en estrella. De acuerdo, así que ahora nuestras páginas de productos de la tienda lucen bien. Nuestra página de tienda se ve bien. Añadamos un poco de espacio aquí abajo. Algo que olvidamos agregar a nuestro menú es una tarjeta. Entonces vamos a añadir un icono de carrito, muy rápido. Tienda, carrito de compras. Entonces sólo vamos a arrastrar esto hacia un costado. Añádalo justo al lado del botón de tienda. Ahí vamos, como una bolsa de compras. Entonces vamos a ir a Ajustes. Voy a cambiar el aspecto de eso. Déjame simplemente rodear algo simple como eso. Todavía es un poco demasiado grande. Yo soy más pequeño. De acuerdo, ahora tenemos un carrito de compras. Por último, puedes personalizar el aspecto de tu carrito y tu página de agradecimiento desde el navegador del espacio de trabajo también. Entonces te voy a mostrar cómo llegar y es página y luego auto e internado y gracias. Página. A mí me gusta la forma en que se ven estos. Creo que se ven bien. Lo subiré un poco. No creo que realmente necesiten ningún cambio, así que voy a dejar esto como está. Ya sea la página de agradecimiento. Creo que también se ve en algún momento subirlo un poco. Ahora si quisieras personalizar estos, puedes hacerlo. De acuerdo, vamos a conseguirlo en el siguiente video. 27. Agrega animación a tu sitio: De acuerdo, ahora animemos algo de nuestra página web. El motivo por el que hemos animado es sólo para que se sienta un poco más interesante, para que se molesten, un poco más convincente, para que sea más emocionante estar ahí. Las animaciones también pueden llevar al usuario a, hacia una acción. Digamos que tienes un botón subidas son deslizamientos eso o algo así. Las animaciones pueden ser geniales por una variedad de razones. Entonces animemos algo de este sitio web. Pero lo primero que vamos a animar como este botón, vamos a hacer que fluya desde abajo. Así. Se ve bien. Entonces ya ves lo que hice. Elige un elemento y luego haces clic en los cuadrados móviles, y aparece este menú. Y ahora hay diferentes animaciones. Ahora echemos un vistazo en realidad a algunas de estas animaciones para que veas qué van a hacer. Bounce m viene en rápido, deslizarse M se desliza y engordar flujo luego expandirse a su vez, fly-in gastado en Arkin, Puffin, Bolden, voltear y revelar, deslizarse n. sí, el presupuesto de las animaciones. Por lo que prácticamente solo uso flotador en, desvanecerse y deslizarse. En mi opinión, muchos de estos otros se ven bastante cursi así. Esto es demasiado, ¿verdad? No quieres que la animación le quite mensaje que estás tratando de comunicar a tu usuario. Entonces por eso prefiero animaciones más sutiles como fluidos, desvanecidos o contentos. Entonces hagámoslo. El flotador adentro y vamos a mantenerlo desde abajo. Una vez que seleccione una animación, puede cambiar la dirección de la que viene la animación, dependiendo de la animación. También puedes seleccionar la duración. Entonces cuánto tiempo se tarda. Si tenemos como un 3 segundos fluyeron y observamos los errores. Demasiado lento. Por lo que 1.2 suele estar bien. Y también puedes retrasar la animación si quieres darle un poco de tiempo a la gente antes de que esto aparezca. Y entonces es bueno hacer sólo animar la primera vez para establecer estas animaciones no suceden cada vez que alguien viene a la página web, eso se convierte en algo así. Entonces tenemos flotando para ese. Dejemos eso. Veamos qué más queremos animar. Animemos esto como grupo. Por lo que se puede animar a todo un grupo para agrupar estos dos elementos de textos, este rubro en este cuerpo. Y así vamos a animarlo y vamos a que flote, similar al último de la derecha. El flotador de la imagen desde la izquierda. Así. De acuerdo, Ahora vamos a echar un vistazo a lo que tenemos hasta ahora. Por lo que el botón tipo de flotarlos. Dejamos estos solos. Y luego el sobre BLOSUM. Creo que lo que podemos hacer con las tiras es tener agrupados los elementos dentro de ellas y luego simplemente desvanecerse y juntos. ¿ De acuerdo? Y la razón por la que decidí ponerle un fallar es solo para agregar un poco de intereses a la página mientras te desplazas así. De acuerdo, así que déjame seguir adelante y pasar y agregar algo de animación al resto del sitio. Y luego revisaremos todo el lado en lo que va del próximo video. 28. Un tour del sitio hasta el lejo: De acuerdo, sigamos adelante y a nuestro sitio hasta ahora, voy a refrescar la página para que podamos decir todo. Ok. botón no debería estar aquí. Ahí está. Ahí está nuestra guía de viaje pop-up para Tailandia. Se puede presentar, ¿verdad ahora? Y ya veré qué pasa cuando haga eso. Gracias por presentar. Está bien. Mejor formulario de suscripción aquí. Vamos a blogs posts o videos más recientes, animaciones de pareja, productos de viaje más vendidos sobre mí. Ese no soy yo, perdón. Sí. Y luego revisaré nuestra página de blog. Tiene todas nuestras publicaciones de blog ahí dentro. Página de videos y a los dos canales de aire y urogallo. Quién otra vez, no lo sé, pero apuesto a que es genial. Parece que tiene unos videos geniales. Y entonces nuestra siguiente página es nuestra forma. Contamos con algunos grupos básicos, Asia Travel Forum. Tengo una foto aquí. Muy sencillo. Tenemos nuestra página sobre, animaciones cool aquí, fotos cortas sobre el café y luego el Sinon, pesar de que esto en realidad no se ha estado viendo porque este es un sitio falso. Y luego en nuestra página de contacto, tenemos un formulario de contacto. Información de contacto, pequeña galería corta, y mantener a la gente interesada en nuestros Google Maps. Y seguir yendo a una tienda. Y nuestra tienda tenemos todos nuestros productos de viaje, así que he marcado merch. Vamos a añadir estos a nuestro carrito y abre una mini tarjeta. Eres carrito nos lleva aquí y después sigue adelante y echa un vistazo a un no. Gracias por ser un gran blogger de viajes. Está bien. Entonces ese es nuestro sitio hasta ahora. Definitivamente sirvió a su propósito, que es ser un punto central para una información de bloggers de viajes, su blog, su blog. Ahí hay foros de discusión y una tienda donde pueden vender guías de viaje emergen y ese tipo de cosas. Ahora nuestro siguiente paso es optimizar el sitio para móviles. Entonces nos vemos siguiente video. 29. Optimización para dispositivos móviles: De acuerdo, Esto es bastante emocionante. Ahora vamos a estar optimizando nuestro sitio para móviles. Por lo que se ve bien en todo tipo de teléfonos inteligentes. Optimizar tu sitio para móviles es súper importante. Al menos la mitad de tu tráfico va a venir de personas en sus smartphones. Y si tienes algo dirigido hacia los consumidores como un negocio de B2C, como un blog de viajes, entonces más que hackers, tu tráfico probablemente va a venir de lo que probablemente esté más cerca del 75 por ciento. Por lo que es genial que nuestro sitio de escritorio se vea sólido. Pero ahora necesitamos entrar en la versión que en realidad la mayoría de la gente va a ver, que es la versión móvil. Y así puse aquí en la parte superior, la selección de páginas. Hay un pequeño ícono para el escritorio y para el móvil. Vamos a hacer clic en móvil porque así es como personalizamos nuestra versión móvil. De acuerdo, Entonces ya podemos decir que esto se ve un poco mal, como si esto no va a funcionar. Entonces, realmente hagamos primero el encabezado. Esta cabecera de nuevo va a estar en cada página. Entonces este es un gran paso hacia nuestros traductores hipermóviles porque va a terminar cada pitch. Entonces lo primero es lo primero, hagamos que nuestro logo sea un poco más grande y agreguemos ese menú hasta la parte superior. Este es un diseño bastante estándar para que un sitio web tenga el logotipo y un pequeño menú de hamburguesas para el menú. Ahora, haga clic en el menú y haga clic en el menú Editar. Nuestro menú móvil real aparece. Entonces no queremos que se vean así. Podemos comprobar el diseño y tal vez podamos tenerlo a la derecha en su lugar. Y eso está bien por ahora. ¿De acuerdo? Por lo que tenemos tres columnas. Aquí solo hay mucha información. ¿ Necesitamos nuestras, todas nuestras redes sociales para comernos todas estas cosas aquí? No lo sé. Hagamos algo de esto un poco más pequeño. Está bien. Y eso es una mejora, pero todavía no me encanta eso. Adelante y escondamos el bar social. Y vamos a mantener la tienda ahí. El comercio importante. Es el moneymaker. Eso se ve mejor, pero no me encanta. Adelante y agreguemos la tarjeta junto al menú entre eso y el logo. Haz esto un poco más pequeño. Mueve un poco los tres artículos hacia arriba. Con la tienda justo debajo de ese botón de choque, justo debajo de eso. En los chicos más pequeños, poco más concisos. Aquí. Hacemos más pequeño el botón de la tienda. Otra opción que podemos hacer es hacer clic en este botón, hacer clic con el botón derecho en él, e ir a pasar al cuadro de menú. Entonces ahora nuestra tienda, ¿podemos poner en nuestro menú? Ahora vamos a hacer clic fuera de eso. Ahora estamos hablando ahora como es mucho más conciso. Ahora, me siento cómodo con este menú. Hagámoslo más pequeño. Necesitamos esta foto de esta mujer aquí para la versión móvil. No lo sé. Tratemos de hacer este viaje más grande. Haz esto más grande para que podamos ver, lee el blog. Yo soy una posición aquí porque parece que un camino está llevando a República. Ahora hay algo de espacio muerto y pasas por encima de algún espacio muerto como este, solo tienes que hacer clic en Eliminar espacio. Y esa es una manera fácil de hacer eso. Obtienes un tamaño aumentado, tamaño de fuente. En tu versión móvil, tengo que hacer es hacer clic en la fuente, clic en el texto, y luego hacer clic en estos botones. Simplemente puede hacer clic en el botón Configuración y escribirlo o arrastrar el tamaño de fuente. Sólo estoy haciendo esto un poco más grande. Suscríbete al blog que se ve bien. Lee las entradas de mis blogs. Eso se ve bien. Distribuyen poco más grande, en realidad hacen que 28. Lo que significa, que también es 128. Y ni siquiera se puede ver esto. Entonces movamos toda esta franja hacia abajo. Podría ser despojar las hojas, el mango de arrastre para arrastrarlo hacia abajo. Muy bien, aquí están nuestros productos de viaje más vendidos. Puedes desplazarte por aquí. Entonces se ve bien. En nuestro Acerca de mí, como sólido. Ahora arreglemos la mantequilla. No tenemos navegación en la parte superior. Podemos escondernos navegar. Lo que significa que podemos ocultar toda esta columna. Vamos a volver a posicionar algunas de estas cosas. ¿Cómo se ve eso? ¿ Cuál hacemos estos más centrados? Ahí vamos. De acuerdo, eso va a funcionar para nuestro pie de página por ahora. De acuerdo, entonces ahora hemos optimizado la página de inicio para móviles. Se ve mucho mejor. Pero ahora tenemos que pasar y hacer lo mismo a todas nuestras páginas. Eso lo voy a hacer ahora. Está bien, eso es todo. Y tendré diez minutos o sitio ha sido optimizado para móvil y se verá decente en tu smartphone. Echa un vistazo. Sí, a mí me parece bastante bien. Por lo que voy a añadir un video de este lado desde mi propio teléfono. Y ahora nuestro siguiente paso es comenzar a optimizar nuestro sitio para motores de búsqueda y luego bloqueado al mismo Callaway. Nos vemos en el siguiente video. 30. Un tour del sitio móvil: Está bien. Hola. 31. Blogging con Wix: En este video, te voy a mostrar cómo agregar nueva entrada de blog a tu blog. Si inicias en tu panel de control de Wix, en el lado izquierdo, verás blog en click ahí. Verás algunas opciones diferentes. el lado izquierdo, ya se han publicado borradores publicados, categorías de basura programadas, y publica todo el éxito de taquilla del espectador. Ya puedes ver tenemos algunas publicaciones de blog de ejemplo aquí ya con una imagen. El título y la fecha publicada bajo borradores son post-fechas en las que estás trabajando actualmente, pero aún no habías publicado bajo programación. Se puede ver post que terminó y están programados para publicar como este sobre Washington DC, eso lo tiene para el 15 de diciembre. Por fin basura. Puedes ver las publicaciones de blog de las que te has deshecho. El sillón, la opción en la basura para restaurar tus puestos en caso de que cambies de opinión y decidiste no eliminar uno de estos posts. El último, la última opción del lado izquierdo son categorías. Y ahí están tus entradas de blog, categorías, así que son agrupaciones, posts. Entonces por ejemplo, por una cantidad de bug de viajes de Asia, Europa, EU, un blogueo. Y es realmente fácil agregar un nuevo post. Simplemente puedes hacer clic en nueva categoría y le daremos un nombre África. Podrías agregar una imagen aquí mismo, donde quieras. Y esto abrirá tu mediateca y luego simplemente meter una imagen ahí dentro. Super-fácil. De acuerdo, así que de vuelta debajo de los posts y luego publicados, se puede ver mensajes de escucha. Y aquí es donde puedes crear un nuevo post. Por lo que si haces clic en Crear nueva entrada, aparecerá este constructor de post de blog. Lo primero que puedes hacer es agregar un título, algo así como un calamar vivo en Corea. Y luego justo debajo de ahí es donde puedes poner el texto de tu blog. Por lo que sólo tengo esto copiado y pegado. Podemos meter todo esto aquí. Y esto es más de ese hipster Ipsum que mencioné antes. Para que puedas copiar y pegar. Por lo general recomiendan escribir tu post en un documento de Word o en un documento de Google Doc y editarlo allí y luego moverlo sobre que tenemos tu propia copia en otro lugar. Y puedes configurarlo a las personas sin tener que enlazar a tu sitio web si no lo quisieras por alguna razón. ¿ Alguna vez se agregaron etiquetas a la entrada del blog? También puedes agregar cosas como imágenes. Tengo que hacer es dar click aquí y luego dar clic en Agregar. Y tienes algunas opciones diferentes. Se puede agregar una imagen, galería de imágenes o archivos de video, divisores, botones. Por lo que puedes hacer algo de luz diseñando estas publicaciones algo así como tus páginas web, pero mucho más simple. Entonces en este caso, solo agreguemos un entero para tirar aquí para que este equipo de publicaciones de blog sea un poco más interesante. No tengo ninguna foto de vivo al cuadrado, pero podemos hacer algunas fotos generales de viaje como esta. Y así una vez que agregues una imagen, tendrás algunas opciones aquí. Podrías hacer el tamaño real. Podrías hacer un ajuste más pequeño, mejor ajuste para el ancho. Y esto es realmente común a la alineación a izquierda a derecha. Por lo que hay texto en uno de los lados de la, la imagen y estos pequeños círculos blancos, puedes arrastrar estos similares también en el editor de Wix para cambiar el tamaño de tu imagen. Y luego también puedes editar la imagen usando el mismo editor de imágenes que en el editor frontend. Puedes cambiar la configuración de tu título. De todos los tipos hablaremos un poco más tarde. Pero esta es una característica SEO que esencialmente describe tu imagen para mí, a los motores de búsqueda. Por lo que esta sería una mujer en amarillo sosteniendo modelo avión. Adelante y nombremos eso. Hará eso para que el epígrafe. También puedes vincular tus imágenes. Y por último, puedes reemplazarlos. Si seleccionas alguno de tus textos. También tienes todas estas opciones similares a un documento de Google Doc o a un documento de Word. Y puedes cambiar cualquiera de estos ajustes cuando quieras. Para que estas cosas sean más grandes. Puede agregar encabezados a su documento. Puedes poner las cosas entre comillas, lo cual es un poco genial. Déjame mostrarte cómo se ve eso y lo rompe. Es bastante sencillo si has usado un, cualquier tipo de editor de texto antes. Ahora hablemos de algunos de los ajustes del lado izquierdo. Por lo que bajo el botón Agregar elementos, Hay ajustes. Y para que puedas crear, puedes cambiar tu imagen de portada, imágenes de portada con lo que se va a mostrar en el front end de la página web. Es esta imagen aquí mismo. Mantendremos esto como la imagen que ya hemos agregado al post por ahora. Se puede cambiar la fecha de publicación y así poder publicar las cosas retroactivamente. Di que escribiste algo el 1 de mayo y quieres que diga mi primer Indy ordenó de esa manera. Entonces después de estos, para que puedas publicar las cosas retroactivamente. También cambias al autor. Puedes tener tantas opciones como quieras. Entonces si querías y sur son ser Stan, entonces solo puedes agregar una imagen de tu mediateca. A lo mejor este tipo es Stan. Adivina blogger. Puedes cambiar tu configuración de SEO. Entonces estos son bastante importantes. Esto es lo que va a aparecer en Google. Para este post. Quieres que tu post sea optimizado para motores de búsqueda para que la gente que está buscando ciertas cosas, como, cómo es comer calamar viva y Corea. Yo aparecería. Para que puedas reescribir el título y la descripción que va a mostrar en Google para este post, si quieres algo así como, ¿cómo es estar al cuadrado? Yo lo hice en Corea. Lee mi reporte. De acuerdo, categorías es de lo que hablamos apenas unos minutos. Entra en la categorización de tus publicaciones, categorizará este como Asia, porque las actualizaciones en Asia, puedes etiquetar esto y esta es otra forma de categorizar. Pero es un poco, se toma en un nivel más pequeño. No es una categoría principal. La gente puede hacer clic en las etiquetas y ver otras publicaciones han sido categorizadas con las mismas cosas. Entonces cortadores como Asia, Corea cuadró comida, algo así. Monetizar sería, puedes ofrecer suscripciones a tu blog. Estos no lo son, no es tan común ofrecer suscripciones o entradas de blog. Entonces no vamos a meternos en eso demasiado lejos. Y también puedes configurar looks multilingües y hablaremos de looks multilingües en otro video. Pero se puede tener un sitio multilingüe. Entonces tal vez este post no es inglés y español y coreano o algo así. De acuerdo, así que una vez que tengas tus publicaciones buscando de la manera que quieras que aparezca, y además se encenderá un Mac y asegúrate de guardar tus cosas, periódicamente ellas, y vamos a previsualizarlo. Entonces así es como se va a ver un pulso. Se puede ver esa imagen de pie aquí porque soy nombre de pie. Se pueden ver otras cosas que ha escrito. Aquí está nuestro título y nuestros textos. Aquí está la imagen que agregamos, y aquí están esas etiquetas. Y si hacemos click en ese tiempo, podríamos ver todos los posts con esa etiqueta. De acuerdo, Así que salgamos de aquí. Y ahora podemos publicarlo. Podemos o publicar el post inmediatamente, guardarlo como borrador, o podemos programar el puesto para el futuro. Google y a otros motores de búsqueda les gusta ver que estás publicando contenido periódicamente. Para que pudieras programar tu puesto, ¿verdad? Cinco o diez artículos son muchos artículos. Vas a subir justo antes de tiempo y luego los publicas en algún tipo de horario preestablecido. Y eso es una vez a la semana o una vez al mes, una vez cada dos semanas. Depende de ti solo demostrar esto por ti. Voy a poner esto para publicar el 8 de julio. Está bien. Post programado para julio. Entonces eso funcionó. Pero en realidad, voy a seguir adelante y publicar esto ahora para ti, real para que puedas ver cómo se ve en el front end. Refresca nuestra página de blog. Y aquí está. Stan. Un minuto de larga lectura, vivo calamar y Corea. Ahí está. Entonces es realmente así de fácil publicar una entrada de blog. Si ya tienes algunos escritos, puedes conseguir que los publiquen muy rápidamente. Y si las estás corriendo regularmente, la tecnología en pelucas no será un impedimento para ti. debes poder tener ningún problema en navegar por la funcionalidad de blogging y funciona. De acuerdo, eso es todo para este video y te veré el siguiente. Gracias. 32. Tutorial de contenido: De acuerdo, en este video, vamos a meternos en algo un poco más complicado, un poco más avanzado y se despierta y ese es el gestor de contenidos. El gestor es esencialmente una hoja de cálculo gigante que se puede utilizar para crear dinámicamente páginas y páginas de categorías para información. Entonces, por ejemplo, digamos que eres un hogar o modelador y tienes un 100 proyectos diferentes que has hecho en tu pantalla. Aquellos con los que puedes usar el Content Manager para crear un diseño 100 idéntico, páginas de diseño con, con información personalizada para cada proyecto, digamos la fecha del proyecto, y algunos invitados de imágenes de galería y una imagen de portada. Y también crearía una página principal, un directorio de todas esas páginas, para que la gente pudiera desplazarse fácilmente por esas. Y permítanme mostrarles algunos ejemplos de eso. Aquí hay dos lados que construí que actualmente están usando el Content Manager para gestionar su cartera, proyectos o propiedades. Entonces kw es un contratista general y está en Texas. Y así hemos configurado el gestor de contenidos en esta página para mostrar muchos de sus proyectos. Y así esta es en realidad una imagen que pusimos en esta hoja de cálculo que estoy a punto de mostrarles. El título es, se establece en esa hoja de cálculo y se vincula a esta página de portafolio con una galería, con un título. Y eso es más o menos. Y cada una de estas páginas se ve idéntica y es idéntica. Está usando el mismo diseño. Eso es todo tirando del gestor de contenidos. Y si esto es un poco confuso, tiene más sentido en un poco. De acuerdo, Aquí hay otro ejemplo. Propiedades Jsp I. Rentan propiedades en el oeste de Texas. Y aquí puedes ver que tienen anuncios, casas en renta. Se puede ver la dirección, las camas, baño, metraje cuadrado, el precio al mes. Y si haces clic en estos, puedes ver más información sobre esa propiedad en particular. Se puede ver una pequeña galería. Se puede ver probablemente descripción que tienen en datos de contacto, muy ubicación. Y ahora permítanme mostrarles cómo se ve eso en Azure Content Manager y el back-end de semanas. Entonces aquí está el backend Content Manager para contratistas generales de Kw. Este es bastante sencillo. Acabamos de tener unos cuantos campos. Y recuerda que esto es sólo una hoja de cálculo, ¿verdad? Nada que no hayas visto antes problema. Y así tienes una columna de nombres de proyecto, una imagen de producto que es la imagen de portada principal que utilizamos en la página del directorio. Y luego tenemos la galería de sus diferentes cuadros del proyecto. Y luego aquí hay una que es un poco más complicada. Por uno como JASP invierto en propiedades. Aquí puedes ver tenemos un título de la propiedad y número de recámaras y baños, la dirección, tipo de propiedad. ¿ Cómo es el dúplex así? La descripción de la imagen de portada, si la hay, la galería de precio y metraje cuadrado. Entonces esto puede ser bastante complicado, ¿verdad? Y puedes hacer que estas sean bastante extensas si quieres, pero no tienen que serlo. Entonces creo que ojalá puedas ver a partir de estos dos ejemplos por qué tener un gestor de contenido es útil si tienes mucha información que es repetitiva que necesitará mostrar de alguna manera. Algunos otros ejemplos podrían ser si tienes galerías de lotes porque eres fotógrafo o eres cualquier tipo de diseñador o creativo y tienes un portafolio grande que deseas mostrar, el gestor de contenidos podría ser tu mejor apuesta. Entonces para nuestros propósitos, estamos creando un blog de viajes. Entonces usemos el Content Manager para crear un grupo de 518 páginas idénticas que podemos usar para mostrar alguna fotografía de viaje. Entonces podemos tener yo página de fotografía para todos estos diferentes países a los que este fotógrafo de viajes podría estar yendo. Entonces podríamos tener una página para fotos de Corea y es mucho fotos de Corea. Y tenemos la fecha el rango de fechas que estaban en carrera para él. Está bien. Empecemos. Y el lado izquierdo debajo del plus, vamos a hacer clic en Content Manager y llegar a esta pantalla. Y vamos a dar click Agregar decidir. Y así esto va a crear dos páginas para nosotros, la página principal del directorio y luego la página personalizada que muestra cada elemento en tu hoja de cálculo, cada pieza de esa base de datos. Entonces usemos, usemos este preset de portafolio solo para que sea un poco más fácil para nosotros mismos. Voy a dar clic en Agregar decidir. De acuerdo, entonces se creó una base de datos de administrador de contenido de plantilla para nosotros. Entonces el título de la pieza del portafolio, esa descripción, el año, la galería, y luego la imagen principal del producto. Tengamos un nombre de cliente. Entonces vamos a valer un poco esto. Vamos a personalizar esto para un fotógrafo de viajes lo para que podamos tener, en lugar de un título, Vamos a renombrar este nombre de país. Podemos mantenerlo en la descripción y usted hará esto visitado. Tendrá una galería y la imagen principal del producto se movieron el nombre del cliente. De acuerdo, ahora pongamos algunos nombres de países. Ahora tenemos nuestros nombres de país aquí. Añadamos también un campo para que veas cómo funciona eso. Entonces si nos desplazamos hasta el final de la hoja de cálculo, la base de datos, puedes hacer clic en el signo más y puedes agregar un campo. Hay algunos tipos diferentes de campos que podríamos crear. A textos simples, un TextField simple, un campo de imagen con la imagen principal del producto, un booleano, que es un sí o un no. Casilla de verificación, especie de número al día en el tiempo. Justo la hora. Textos ricos, que son textos que se pueden diseñar con negrita, Bolding, cursiva y el tipo de cosa, enlaces, documentos, PDF, descarga, video, un video, música, ubicación, Etiquetas, galería de medios, algunas funciones de codificación. Entonces vamos a crear un nuevo campo llamado país ubicación. Y usaremos esa dirección de tipo campo de mapa construida eso. Y luego estos se pueden reubicar en, se pueden reordenar. Se pueden reordenar los campos si eso te facilita. Entonces ahora tenemos el nombre del país. Entonces podemos poner en la ubicación del país para crear un mapa que podamos agregar a nuestra página web, ayudar a las personas a sacar sus conocimientos geográficos. Y así ahora voy a seguir adelante y personalizar esta hoja de cálculo para que veas cómo se va a ver esto en el front end. Por lo que probablemente voy a adelantar rápido a esta parte y volveremos a reunirnos en un segundo. De acuerdo, ahora nuestra base de datos de gestor de contenido ha sido completamente pensada el nombre del país y la descripción de tu ubicación. Se les visita la galería y la dimensión principal del proyecto. Y se llama a este hombre país. En realidad es renombrar esto de cartera también. Fotografía de viaje. Guarde eso. Y así para renombrarlo, solo hago clic en los tres puntos y luego hago clic en Editar configuración. Por cierto, también se pueden importar artículos o exportar desde un CSV. Entonces si tienes una hoja de cálculo real con algún contenido similar, alguna información podrías subir eso aquí, y solo necesitas hacer una hoja de cálculo con los mismos encabezados de columna. De acuerdo, así que ahora publiquemos esto y pasas por encima de esto, verás que necesitamos publicar realmente nuestro sitio web para ver esta información vive. Hagámoslo ahora. Salgamos de esto. Se va a guardar auto e y. y vamos a dar click Publicar. Seamos de este lado. Si tienes un portafolio, este es el directorio para toda esa información que acabamos de configurar. Por lo que se puede ver que cada línea tiene su propio artículo, China, Colombia, Marruecos. Y luego si hacemos clic en uno de estos, se puede ver esa imagen de portada principal, el título, y luego algunas de las imágenes. Entonces esto funciona. Nuestra información ha sido agregada y tenemos este directorio que se ha creado con estas páginas de directorio. Pero obviamente, no tenemos cliente. Faltan los datos del año. Los diseños un poco estropeados. Por lo que ahora vamos a trabajar en el diseño real de nuestras páginas y cómo todo se conecta en la página con el gestor de contenidos. De acuerdo, en este video, en realidad vamos a diseñar y maquetar son páginas que se están creando a partir del gestor de contenidos se van a conectar algunos de esos campos de esa hoja de cálculo, esa base de datos y el gestor de contenidos a estos páginas. Y generalmente terminaremos estas páginas que han sido creadas por el Gestor de Contenidos. Por lo que a partir de nuestra pantalla de inicio en el editor de Wix front-end, podemos hacer clic en Página Arriba aquí y desplazarse hacia abajo en este listado para portalizar todo nuestro título de portafolio. Así que vamos a dar click en portafolio todo. Y esta es nuestra página principal de directorio, por lo que tendrá todos nuestros listados de nuestra base de datos. Entonces verás un par de cosas interesantes aquí. Uno, aquí, el único tiene algo. Esto no va a aparecer en el frente. Esto no va a aparecer en el diseño real del sitio web, pero esto es un rápido para administrar nuestro contenido y el gestor de contenidos, que también se puede encontrar aquí mismo. Y luego si pasas por encima de algunos de estos elementos, verás esta pequeña línea garabateada. Entonces este es tu conector de conjunto de datos. Al hacer clic en esto, puedes conectar diferentes elementos a los datos de tu hoja de cálculo de administrador de contenido en tu base de datos. Entonces si hacemos clic en la galería Wix pro, este tipo de aquí. Haga clic en Continuar los datos. Podemos ver que el conjunto de datos es una cartera. Es decir, esa es la hoja de cálculo. Ese es el nombre de la hoja de cálculo en la que estamos trabajando. Podemos ver la fuente de imagen para la Galería Wexler está conectada a la imagen principal del país. Ese campo en esa hoja de cálculo. Los títulos se conectan con el nombre del país, que también es una hoja de cálculo. Descripciones aquí conectadas a. Y ahora realmente podemos conectar esto nosotros mismos. Por lo que las escrituras se conectan. Podemos hacer clic aquí y hacer clic en la flecha y seleccionar a dónde está este, donde este campo está conectado. Entonces vamos a añadirlo al texto descriptivo. Tenemos descripciones más cortas, recuerda para cada uno de nuestros países. Y así ahora todo está conectado. Esto podría cambiarse. Pero las únicas miradas solo permiten conectar dos campos que coinciden con el campo en el diseñador. Entonces por ejemplo, en esta galería, la fuente única de imagen para cada imagen de la galería. Obviamente no pudimos conectar eso a la galería completa en la hoja de cálculo en nuestra base de datos. Podemos conectarnos a los textos obtendrá una sola imagen. Y el único campo en nuestra base de datos Eso es una sola imagen es el principal campo de imagen del país. Entonces haremos clic en eso y enlaza, conectaremos al puerto para el título y antes del título cuando esté entre paréntesis, empate así. Eso significa que es la página específica que se crea para cada línea, cada fila en la base de datos. Está bien. Entonces para quedarte conmigo si es un poco confuso, solo métete un palo con él. Y todo tendrá sentido después de que practiques un poco por tu cuenta y pases por esto un par de veces. También te recomiendo si estás un poco confundido, solo vuelve a ver el video y empezarás a entrar. De acuerdo, así podemos personalizar un poco la escalera de estos diferentes artículos. Ya lo tenemos listo para estirar. También vamos a hacer clic en el diseño de ajustes. Y podemos afectar el aspecto del diseño real. Entonces para mí, los artículos están realmente espaciados. No creo que cuando se acerca tanto espacio. Entonces voy a ir a Layout, diseño personalizado, y reducir el espaciado a gustar, hagámoslo. A 50 se le parece. Eso es un poco más apretado y así me queda un poco mejor. Está bien. Y cambiemos el fondo de la tira, algo más interesante. A lo mejor sólo un color plano por ahora. Y cambiaremos esto para que sea blanco. Deshacernos de esta tira extra aquí y apretar el espaciado. De acuerdo, entonces ahora tenemos la página básica de directorio de portafolio, y ahora vamos a personalizar nuestras páginas reales de portafolio para cada una de nuestras ubicaciones de viaje. Entonces esta es la imagen principal, la imagen principal del país que colocamos en nuestra base de datos. Hagamos esto un poco más pequeño. Estiralo para que todo se estire con él. No tienes cliente. Entonces, ¿dónde vamos a deshacernos de esto? Y luego tenemos estos dos campos, año, que es un campo estático, no está conectado a él y lo dicen. Y este es el real, este es el campo real que está conectado a un conjunto de datos, nuestro conjunto de datos. Por lo que pincharemos aquí. Eliminamos el campo año visitado y lo sustituimos por el se visitan por un campo numérico. Entonces reemplaza eso y veremos ahora los datos correctos pueden poner siendo jalados en 2017 para China. Y voy a nombrar el campo estático que estás visitado. Vamos a mover nuestro texto descriptivo para estar en línea con esta información. Y vamos a hacer todo esto más pequeño. Y si nos desplazamos hacia abajo, podemos ver las imágenes de la galería que son que agregamos en nuestro conjunto de datos. Entonces si hacemos clic en Administrar medios, esto es solo la estática, y estas no son las imágenes reales que las mostrarán. Estos son solo pedidos de lugar estáticos. Verás si realmente vemos las imágenes correctas. Y similar a ese directorio de primera página. Y creo que los espaciamientos donde está en un fijo eso. Entonces Jenna, Sí, eso es mejor. Para estos botones Anterior y Siguiente que están vinculados al cuello Elemento Anterior y Siguiente en nuestro conjunto de datos. Por lo que si hace clic en los datos verá su continuado este portafolio de TI. Y haga clic, haga clic en acción. Por lo que al hacer clic en el botón se conecta a la página de promulgación anterior. Estas son todas páginas dinámicas. Dinámicos porque cambian. Se trata de un diseño que cambia en función de la información en el conjunto de datos. Recuérdelo dataset, solo una gran hoja de cálculo. Entonces recuerda que tenemos un campo para dirección. Entonces agreguemos un mapa que muestre dónde del mundo Este lugar está en un mapa. Haremos que sea un poco más fácil para nuestros visitantes. Deshacernos de este espacio extra. Entonces en la tira, Vamos a añadir otra columna para darnos un poco más de espacio para añadir un mapa. Por lo que haremos click ahí y nos desharemos de la información duplicada. Y espaciamos todo esto. Y vamos a añadir un, un mapa a esta columna. Entonces si ponemos el plus bajo contacto y foros, podemos agregar un mapa de ancho completo o un widget de mapa, pequeña plaza de mapa. Añadamos eso. Ahora lo vamos a hacer encajar dentro de la columna, así que no se corta nada. Y necesita flotar. Cuando se pasa el cursor sobre, se necesita decir ponerse azul y decir adjuntar la columna. Y así ahora está en esa columna. Y luego podemos conectarlo a los conjuntos de datos. Entonces si conectamos un conjunto de datos, haga clic en esa línea astuta para conectarnos a la base de datos derecha de la hoja de cálculo. Y luego la ubicación conecta con la ubicación del país. Ahora es que se suma a China. Y ahora solo hagamos una cosita. Alejemos un poco para que veamos que estamos en un mundo que es Algo así. De acuerdo, entonces nuestras páginas personalizadas para nuestras galerías de fotos, para nuestra fotografía de viaje y están completas. Vamos al menú manejo rápido real. Se puede renombrar el portafolio, fotografía de viajes. Y sumemos todas nuestras nuevas páginas. Páginas dinámicas. Tenemos páginas dinámicas de China. No, ya no lo hice, así que avanza rápido y luego los añadiré al menú. ¿ De acuerdo? Ahora, nuestros menús creados con todos nuestros elementos del submenú y nuestra página principal del conjunto de datos. Vamos a previsualizar el sitio y mostrarte cómo todo se juntó y puso la fotografía. Y nos llevará esa página principal con cada una de nuestras ubicaciones de fotografía de viaje. Y si hacemos click, todas nuestras fotos estarán ahí. Recuerda, no hicimos nada específicamente a la página de Suecia, ¿verdad? Estamos personalizando la página de China, que se puede ver que el título es escribir la imagen principal es correcta, la ubicación en el mapa, y Suecia es correcta. Correcto los años. Corrupción o imágenes de galería. Entonces tendré que hacer es personalizar un diseño de páginas. Afecta el look up todas las páginas en el Content Manager. Por lo que ojalá puedas ver lo poderoso que es esto y lo útil que sería si tienes mucha información para mostrar, como muchas ubicaciones. Si has estado en un 180 países, no quieres crear unas 192 páginas separadas. Usarías un gestor de contenido para aparecer como imágenes. ¿De acuerdo? Entonces ese es el gestor de contenidos en pocas palabras, sé que es un tema complicado. Puede ser un poco confuso. Yo recomendaría sólo practicar con él, tratar de configurarlo usted mismo. Y si necesitas ayuda, estoy aquí para ayudar. Tan solo deja un comentario y podemos discutirlo más adelante. Está bien. Gracias. 33. Optimizar tu sitio web para los motores de búsqueda: En este video, vamos a hablar de optimizar los motores de investigación de tu sitio web de Wix. A esto se le llama optimización de motores de búsqueda. Este es un tema muy profundo y mucha gente tiene mucho que decir que soy éste. Vamos a repasar solo lo básico para asegurarnos de que estás listo para el éxito. Y ahora tu sitio está optimizado correctamente cuando lo inicias, lo primero que podemos hacer es ir al panel de control de w6 y luego ir a marketing y SEO en el menú de la izquierda. Y luego bajo SEO te encuentras en Google. Entonces esto es un pequeño trabajo de herramienta han llamado el Wix SEO era y te ayudan a elegir algunas palabras clave y empezar a optimizar tu sitio. Entonces primero vamos a poner en nuestro nombre comercial a. Caleb, voy a decir que es sólo en línea. Y para describir más y decir blog de viajes y blogger de viajes, fotógrafo de viajes. Por lo que estas frases de palabras clave necesitan ser frases que la gente podría estar buscando cuando están buscando tu negocio. Entonces para nosotros, si tenemos un blog de viajes y busco un blog de viajes, blogger de viajes y fotógrafo de viajes. Estas son palabras clave, términos de búsqueda que estaban segmentando. Si tuvieras un negocio de plomería que pudieras tener algo, tu llave no sería algo más como un plomero, empresa de plomería Austin, Austin, algo así. De acuerdo, Entonces vamos a crear nuestro plan SEO usando estos tres términos, blog de viajes, blogger de viajes, y fotógrafo de viajes. Y ahora solo nos vamos a dar una lista de recomendaciones para asegurarnos de que nuestro sitio esté optimizado. Por lo que parece que hemos hecho tres de los 71 siendo el texto de la página principal está optimizado, lo que solo significa que nuestras palabras clave están incluidas en el texto de la página principal. Se dice que nuestra página de inicio es visible en los resultados de búsqueda. Y te mostraré donde eso no es un minuto. Y tu sitio es amigable para móviles. Entonces recuerda que optimizamos tu sitio para dispositivos móviles antes. Por lo que lo primero que tenemos que hacer es optimizar nuestra página de inicio y también nuestras otras páginas cambiando sus etiquetas Meta para reflejar nuestro sitio. Por lo que las etiquetas Meta son lo que ves en Google cuando buscas algo como blog de viajes. Entonces este de aquí es el meta título, y esta es la descripción del Meta. Por lo que estos son sólo términos que significan el título en Google u otros motores de búsqueda y la descripción en Google u otros motores de búsqueda. Y un editor de portada, si hacemos clic en Páginas, páginas principales, y hacemos clic en estos tres puntos junto al inicio o a cualquier otra página. Y la segunda opción va a ser SEO, y esto es Google entre paréntesis. Si hacemos clic ahí, abrimos este menú y esta palabra, podemos cambiar el título del Meta y las descripciones del Meta para cada una de nuestras páginas. Por lo que queremos tener etiquetas Meta. Entonces el título y descripción del Meta que contiene algunas de las palabras clave a las que estamos apuntando. Entonces dijimos tres palabras clave, blog de viajes, blogger de viajes, y fotógrafo de viajes. Entonces los voy a sumar aquí. Y ese Caleb, blogger de viajes. Ven a ver mi blog de viajes ganador y ve algo de mi impresionante fotografía de viaje. Ya ves que estamos agregando estas palabras clave de las que Google sabe de qué se trata nuestros sitios web. Entonces vamos a hacer cosas similares para cada página. De acuerdo, así que ahora tendré etiquetas Meta, la descripción del Meta ahí puesta. Déjame mostrarte una cosa más. En la parte inferior de cada página de SCO, verás esta pestaña que dice muestra resultados de búsqueda de personas. Y ahora ese cheque, si desmarca en esa página no se rastreará por aseverar sus bots de motores de búsqueda, y se enumerará en los motores de búsqueda. También hay SEO avanzado que está un poco más allá del alcance de este curso. Y en realidad probablemente no necesites meterte con él para tener un buen rendimiento en los motores de búsqueda. De acuerdo, Así que vamos a asegurarnos de publicar primero tu sitio. Y una vez que se publique, Vayamos a los libros SEO fue y refresquémoslo y veamos cómo lo estamos haciendo ahora. De acuerdo, Bueno ahora nos falta una cosa más. Agregar la página principal es la descripción para los resultados de búsqueda. Por lo que olvidamos el nombre comercial y nuestra descripción. Entonces volvamos a casa SEO google habrá configurado nómada, galardonado blog de viajes de Caleb. Lo publicamos en y nos refrescamos a. De acuerdo, ahora tenemos el cheque. Lo último que necesitamos hacer es conectar nuestra vista al dominio y conectar Google Search Console. Entonces ahora que tenemos los fundamentos de nuestro sitio optimizado para motores de búsqueda. Por lo que nuestro siguiente paso es aplicar un plan premium a nuestro sitio web y luego asignar un nombre de dominio a nuestro sitio web. Y en caso de que no lo sepas, un nombre de dominio es justo este Nomadic Matt.com. Obviamente, este es el nombre que conozco a Medicaid arriba. Está bien. 34. Ajustar las etiquetas de Alt: De acuerdo, así que hablemos de las etiquetas alt. Las etiquetas Ol son solo descripciones de tu imagen. Las personas que están usando pantalla, lectores de pantalla, como las personas con problemas de visión, necesitan estas etiquetas todas para decirles qué es la imagen , qué contiene, cómo se ve. Por lo que esta es una característica importante de accesibilidad. También ayuda a los bots de Google a entender cómo se ven tus imágenes, qué contienen. Describe la imagen a los bots. Esta es una característica importante de SEO y también es realmente fácil de configurar. Tengo que hacer es dar click en tu imagen en cualquiera de estas páginas. Y luego en ajustes, aparecerá este cuadro de ajustes de imagen. Y luego bajo texto de imagen un poco más abajo dice, qué hay en la imagen, dile a Google, ahí es donde puedes configurar tu texto alt. Por lo que normalmente por defecto sólo va a agarrar el título de la imagen y ponerlo ahí dentro. Entonces éste es feliz. Fotógrafo chica homepage. Escribí, titulé eso antes. Pero hagámoslo un poco más descriptivo. Y B, mujer tomando fotografías en camisa verde. Y quieres que estos sean lo más descriptivos posible sin escribir toda una historia al respecto. Y así entonces pasaríamos, y para cualquier imagen, las describiría. Entonces aquí, lo mismo, podemos hacer clic en Configuración. Y aquí podríamos escribir un retrato de una mujer soplando beso en la playa. Está bien. Entonces eso es todo lo que hay a todas las etiquetas. No te intimiden. Es súper fácil, y te veré en el siguiente video. 35. Conéctate tu plan y nombre Premium: De acuerdo, tan buenas noticias. Nuestro sitio web está básicamente terminado. Se ve muy bien y está listo para su lanzamiento. Y mi consejo es que no tengas miedo de lanzar antes que pienses que podrías estar listo o el sitio web es perfecto. Porque es más importante empezar, sacar algo por ahí y empezar a hacer ventas e interactuar con el público de lo que es tener tu página web absolutamente perfecta y no tener ni un solo tema ni defecto ni nada hasta que empieces a hacer células, realmente no tienes un negocio. Por lo que recomendaría lanzar lo más rápido que puedas y luego seguir mejorando iterativamente tu sitio web y tu negocio a medida que avanza. Así funcionan las cosas. Entonces primero necesitamos asignar un plan premium y luego necesitamos asignar un nombre de dominio a un sitio web. Por lo que el tablero al que podríamos ir aquí, comparar planes o configuraciones, comparar planes. Y puedes mirar a través de diferentes, diferentes planes. Hablo de los diferentes planes antes del curso. Por lo que probablemente estarás bien en el plan combinado. O si vas a estar haciendo e-commerce como el lado, entonces necesitarás un poco. Entonces no importa plan. Por lo que en realidad tengo planes a través de Webex porque en nuestra Web lodo en pareja. Entonces voy a ir a asignar mi planeta y ya estaremos de vuelta. De acuerdo, Así que asignó un plan de negocios ilimitado a mi sitio web. Y ahora vendré a esta pantalla y dice, felicitaciones, estás triste. Es premium. Obtén el mejor dominio de forma gratuita. Por un vale de dominio gratuito te hace tener un montón de estos porque tenemos tantos planes a través de obras. Podrías tener un plan gratuito, tal vez no. Voy a conseguir mi dominio a través de Wix. Y si lo haces así, Es súper fácil. Yo te muestro. Todo lo que tienes que hacer, como hacer es poner en tu dominio y vamos a hacer algo como dash nómada Caleb.com, sólo porque creo que eso va a estar disponible y es más fácil de leer si hay un guión entre estos dos Cs. Entonces tomemos eso y lo haré por un año. No mires eso. Y nos quedaremos con el registro público porque es más barato. Está bien. Eso es todo. Gracias por su compra. Borde nómada, Caleb ahora está asignado al Medicaid, por lo que nuestros lados se fueron. Tenemos un plan premium asignado a ella. Ya podemos aceptar pagos. También hay este pequeño aviso preguntándome si quiero personalizar buzón. Yo no porque este no es un sitio real, pero te recomendaría conseguir un buzón hace que parezca mucho más profesional si tus direcciones de correo electrónico en tu sitio web en lugar de en gmail.com, como alguien que se ocupa de dueños de pequeñas empresas todo el día, todos los días, tener tu dirección de correo electrónico en gmail.com es un regalo 100 por ciento muerto de que probablemente seas nuevo en el negocio. Realmente no sabes lo que estás haciendo y probablemente tampoco estés ganando mucho dinero. Y para mí, no puedo trabajar con gente que no tiene dinero para pagar mis servicios. Simplemente no te hace quedar bien. Recomendaría obtener una dirección de correo electrónico profesional. De acuerdo, entonces aquí es donde dominio ahora, pero ¿y si tienes tu dominio en otro lugar, como GoDaddy? Déjame mostrarte cómo agregar un dominio de terceros desde un servicio como GoDaddy y unos dos minutos. Entonces un nuevo dominios. Entonces si vas a ajustes y luego dominios, podrías manejar a un hombre. En la parte superior dice agregar un dominio existente, haga clic allí, y luego haga clic en dominio conectado que ya posee. Esto puede ser de GoDaddy o llamado barato o Bluehost, o donde diablos compraste tu dominio. Por lo que vamos a venir a este nombre de dominio desde GoDaddy a nuestra página web de Works. Así que métodos de conexión directa, Hay señalando en servidores de nombres. Servidores de nombres fue un cambio más fundacional. Al nombrar. Simplemente cambia un par de ajustes y no interferirá con ninguna de sus configuraciones de bandeja de entrada de correo donde cambiar susservidores de nombres interferirá conla configuración servidores de nombres interferirá con su bandeja de entrada de correo electrónico si su bandeja de entrada de correo electrónico y configuración en GoDaddy. Entonces si suponemos que ya compraste una bandeja de entrada de correo electrónico cuando compraste un nombre de dominio en GoDaddy, entonces usamos apuntando. Si tus servidores de correo electrónico van a estar corriendo de Wix, entonces puedes usar el método de conexión de servidores de nombres. Entonces voy a asumir que compraste una bandeja de entrada a GoDaddy cuando compraste tu dominio y usarás señalando. De acuerdo, Así que tenemos algunos marcadores como su nombre de dominio, de acuerdo, y haga clic en Siguiente. Reconoce que nuestro nombre de dominio es de GoDaddy. Sí, es de GoDaddy. Y luego nos da estas instrucciones súper fáciles. Y así tuve que hacer se cambió a registros o un registro y o registro CNAME. Saltamos a GoDaddy. Ya he sacado ese nombre de dominio rasgándose San Marcos. Y aquí podemos gestionar el DNS. Y entonces tengo que hacer es cambiar este registro del NAIM y el registro CNAME. Por lo que podemos copiar y pegar ese registro aquí mismo en el cuadro de valor. Señala a aquí. Eso es todo lo que vamos a cambiar. Y luego el TTL, vamos a poner eso en 600 segundos. ¿De acuerdo? Ttl es sinónimo de Tiempo para Vivir. Y básicamente es un temporizador en la información tras lo cual esta información será reciente. Dos navegadores y web así serán accesibles a estos valores. Entonces vamos al CNAME. Los puntos a ese registro CNAME cambiarán el TTL a 600 segundos. ¿ De acuerdo? Y así tenemos que hacer, y luego vamos a dar clic en Verificar conexión. De acuerdo, ahora digamos que vamos a revisar la conexión de tu dominio. Va a tardar hasta 48 horas en revisar los detalles porque fijamos nuestro TCR que 600 segundos y no tardaremos más de 10 minutos, pero haremos un seguimiento y dominio que obsesionan de todos modos. Y aquí vamos. Nómada. Caleb es el dominio primario. Kayla solo un blog, redirige a medicare.com y tenemos techado San Marcos.com como ejemplo. Eso también le va a redirigir un nómada Caleb.com. Y vamos a comprobar si ya está en vivo el nómada Caleb. Por lo que es el sitio está en vivo. Cualquiera en el mundo puede ir al Medicare.com y ver este sitio web. Es bastante impresionante, ¿verdad? Entonces edificando, nuestro sitio no ha sido lanzado. Si construyes tu sitio web y estás en este punto ahora es el momento enviar el enlace a todos tus amigos y familiares publicados en redes sociales hablando de ello, empieza a conducir tráfico, crea publicaciones en foros, escribe blogs. Ahora es el momento de ir 210 millas por hora y realmente empujar su sitio web como pieza fundamental de su negocio. Por lo que felicidades, tu sitio web está en vivo. 36. Configura Google Analytics: En este video, te voy a mostrar cómo conectar tu sitio web a Google Analytics para que puedas rastrear con precisión cuántos visitantes estás llegando a tu sitio web, ¿qué están haciendo? Bueno páginas que están visitando. Es muy importante tener información precisa sobre cómo las personas están usando tu sitio web para que puedas mejorarlo de manera consistente. Entonces a partir de eso se ve dashboard. el lado izquierdo, consiguió un marketing y SEO. Y luego bajo el subtítulo de marketing, verás integraciones de marketing. Haga clic allí. Y puedes integrar algunos servicios de marketing diferentes, como el pixel de Facebook, que serían los anuncios de Facebook o los anuncios de Google. Ahora vamos a conectar nuestro Google Analytics. Por lo que vamos a dar clic en Conectar. Te va a dar estas instrucciones como puedes seguir. Pero voy a añadir simplemente mostrarte visualmente cómo hacerlo. Entonces voy a hacer clic en Conectar Google Analytics, y te va a pedir tu ID de Google Analytics. Habrá en uno de dos formatos, así que será UA, voy estos números o G, todos estos números y letras. Por lo que si entras en Google Analytics, es posible que veas algo como esto. Si ya has creado una cuenta de Google Analytics antes. Si no has acudido a analytics a google.com y has configurado una nueva cuenta. Una vez que hayas hecho eso y hayas vuelto, ve a admin. Hay un pequeño icono de engranaje en la parte inferior. Y luego bajo propiedad en el medio aquí. Haga clic en crear propiedad. Y vamos a crear un nuevo Google Analytics para la propiedad. Y le nombraremos nómada. Caleb fijará la zona horaria de informes para que sea hora central. Y luego en opciones avanzadas, también vamos a crear un horquillado universal de Analytics. Pondré en la URL del sitio web como dramático, toque Caleb.com. Y luego haz clic en Siguiente y necesitas preguntarte alguna información sobre tu negocio. Voy a decir que mis negocios, la gente en la sociedad, las pequeñas empresas. Y así es como pretendemos utilizar Google Analytics. Entonces una vez que creemos eso, nos dará esta información. El pedazo que necesitamos es el ID de medición. Por lo que si haces clic en este botón, puedes copiarlo o puedes resaltarlo y copiarlo. Y luego vamos a volver a nuestro Dashboard y pegar eso. Y haces clic en Guardar. Eso es todo. Estamos conectados a ese Analytics. Entonces eso es todo lo que tenemos que hacer para conectar nuestros sitios web a Google Analytics. Una vez que hayamos hecho eso, podemos volver a la analítica. Y después de un rato, obviamente no vamos a ver información todavía aquí porque acabamos de configurar esto. Pero vuelve después de una semana o así y podrás ver cuántos usuarios estaban recibiendo, cuántos de esos usuarios son completamente nuevos, cuánto tiempo están gastando en la página web. ¿ Cuántos hay en este momento? Podrás encontrar, por lo que ves todo tipo de gran información. Y ahora mucha de esta información también está disponible en Wix es Analytic Suite, que si recuerdas, estaba en el lado izquierdo, analíticas e informes. Pero en general, he visto en muchas otras personas han visto el Google Analytics es mucho más preciso que darte mucha información más detallada. Y puedes indagar en los datos analíticos y mucho más detalle. Por lo que recomendaría usar Google Analytics cuando sea posible. De acuerdo, así que eso es todo. Eso es todo lo que tengo que hacer para configurar Google Analytics en tu sitio web. 37. ¡Felicitaciones! ¿Qué sigue?: Enhorabuena. Has puesto en la palabra y ahora eres plenamente capaz de crear sitio web todo por ti mismo sin ninguna ayuda desde cero. Esa no es hazaña fácil, en realidad, mayoría de la gente no puede hacerlo. Deberías sentirte muy orgulloso de ti mismo. Al igual que cualquier otra habilidad que las habilidades de diseño web mejorarán con la práctica. Sigue trabajando en tu propia página web o ve si puedes construir algunos sitios gratis o bastante baratos para amigos y familiares. lo que he visto, capacitar a la gente suele tomar de cinco a diez sitios web antes de que realmente te sientas cómodo con tus habilidades y puedas empezar a cobrar dinero real por tus proyectos. Ahora si planeas simplemente seguir trabajando en tu propio sitio web, entonces sigue mejorando iterativamente, mirando otros sitios web para intentar conseguir nuevas ideas y ver qué puedes hacer para hacerte molestar mejor. Pídele a otras personas que vean cosas que no se puede. Estaré lanzando más cursos sobre diseño web, marketing digital, y dirigiendo un estudio creativo en el futuro. Muchas gracias por ver mi curso y por confiar en mí como tu maestro. Sigue practicando, sigue aprendiendo. Y va a mostrar otros mejores. Diviértete diseñando. Y te veré la próxima vez. 38. Extra: consulta tu análisis: En este pequeño video rápido, te voy a mostrar cómo revisar análisis de tu sitio web desde el panel de control de w6. Entonces tablero Notimex, puedes ver algunos análisis rápidos aquí mismo. Dice citar sesiones, vistas de post, celdas totales. Esto se verá diferente porque puedes personalizar esto. Y así si hacemos click personalizar, podemos responder en estadísticas. A lo mejor queremos ver el número de visitantes únicos. A lo mejor quieres ver la tasa de rebote. puedes ver descripciones de lo que significan todas estas cosas. Entonces sigamos adelante y guardemos eso. Entonces tenemos algo más de información aquí, pero queremos ver todos nuestros análisis por completo a la vez. Entonces haz eso, vayamos a análisis e informes y echemos un vistazo a nuestra Analítica de Tráfico. Aquí es donde podemos ver todos nuestros análisis para este sitio web. Ahora obviamente este es un sitio web ficticio, así que aquí no hay mucha información estupenda, pero ojalá aún puedas aprender de esto. Por lo que entrar en el panel de control de w6, informes analíticos y el tráfico. Y aquí podemos ver sus sesiones paralelas son visitantes únicos. Entonces si el número de individuos que vinieron, nada que a veces que pudieran haberlo usado. Entonces si tuvieras siete personas que cada una viniera dos veces, tendrías 14 sesiones de sitios, pero solo siete visitantes únicos. Cuánto tiempo estuvieron en la página web, dos segundos. Esperemos que la gente esté en tu sitio web por más tiempo y puedas ver la fuente de tráfico por sesión. Tan directo Google, todas estas cosas dependiendo de dónde viene tu, tu tráfico, esto se ve totalmente diferente. Incidente número de visitantes nuevos frente a visitantes que regresan. Se pueden ver las sesiones por dispositivo. Y esta es una sección importante aquí mismo porque te dice cuánto necesitas enfocarte en optimizar tu sitio para móviles. Ahora obviamente todos los sitios web deben estar optimizados para móviles, pero eso, la mayoría de ustedes están viajando desde móviles y realmente necesitan enfocarse en Realmente es todo lo que necesita preocuparse es asegurarse de tener una experiencia móvil impresionante. En las primeras páginas por sesiones para que puedas ver qué páginas están visitando la gente. Y luego en esta sección se pueden ver sesiones por país. Esto es importante si eres un negocio que solo se celula en una configuración regional. Si estás recibiendo una tonelada de tráfico desde China o India o desde Rusia, ella sólo puede vender a gente en Estados Unidos. A lo mejor tienes un problema. A lo mejor hay algo mal con optimización de tu motor de búsqueda o tal vez algo correcto que la gente te está encontrando a nivel internacional. Pero sin embargo, tal vez necesites ampliar tus mercados a China o a Rusia. Ahí es donde la gente está visitando tu sitio. De acuerdo, Así que también puedes ajustar el periodo de tiempo aquí arriba. Entonces si quieres, solo quieres ver como lo que ha pasado en el sitio hoy, puedes hacer clic en el botón Compartir. Y luego todos estos, todos estos números cambiarán para ser relevantes sólo para ese día. No tenemos suficiente tráfico para ese día. Y también puedes obtener informes de pisos. Para que puedas ver reportes de ventas, reportes de tráfico, reportes de tu tienda, blog. Entonces veamos nuestro tráfico a lo largo del tiempo. Te llevará a una pantalla que se ve así. Y se puede ver un buen gráfico de líneas detallando esa información, cuánta grasa estamos obteniendo con el tiempo. Por lo que esto es genial, sobre todo si eres diseñador web porque puedes proporcionar estos informes a tus clientes cuando pregunten por tu sitio o si realizas un servicio de SEO para ellos, podrías preguntarte si las pistas se parecen o qué páginas son los más visitados. Podrás entrar en reportes y poder brindarles un bonito reporte como este. De acuerdo, así que eso es todo. Es súper fácil comprobar en tus análisis y ver cómo los de tu sitio no solo van a la analítica y luego tuvieron que traficar. Y podrás ver esa información y tomar mejores decisiones sobre cómo usar tu sitio web. Ver en el siguiente video. 39. Extra: consulta la velocidad de tu sitio: Vamos a comprobar el rendimiento de su sitio. Es tan importante tener un sitio web de carga rápida. Cuanto más rápido se cargue tu sitio, mejores serán las experiencias para tu cliente, más probable es que se conviertan en cliente. Y cuanto mejor va a hacer tu sitio web en los motores de búsqueda. Porque los motores de búsqueda sí se preocupan por la rapidez con que carga su sitio. Esto tiene un efecto en SEL. Sigamos adelante y comprobemos la velocidad de nuestro sitio. Desde el tablero de instrumentos. Se puede hacer clic en análisis e informes. Y luego bajo el análisis de rendimiento, se puede ver la velocidad del sitio. va a decir qué tan rápido carga de tu sitio y cómo podemos optimizarlos. Aquí podemos ver nuestros sitios, TTI, tiempo hacer interactivo. Y esto es lo rápido que tan rápido, lo rápido que las personas pueden interactuar con nosotros. Una vez que hacen clic en un enlace o ponen en tu URL a un lado. Pero aquí abajo en realidad no podemos ver información útil. Y esto se extrae de Google PageSpeed Insights, que es este sitio web desarrolladores como google.com velocidad de slash PageSpeed Insights. Basta con buscar Google PageSpeed Insights. Sé que encuentro que parece la raíz cuadrada de un 100. Por lo que parece que nuestros sitios en realidad no funcionan muy bien velocidad sabia en móviles y de escritorio. Ahora sitios web porque hay tanto software involucrado y no es solo código puro. El modo en que sería un conjunto codificado personalizado normalmente no funcionan tan bien como lado de código personalizado, siempre y cuando eso establezca cola, pero esto todavía no es tan genial. Por lo que quisiéramos ver por qué esta velocidades bajas. Podríamos tener demasiadas imágenes o las imágenes podrían ser demasiado grandes. O quizá tengamos demasiadas animaciones. Algo está pasando en frenar un poco nuestro lado. Y así nos gustaría mirar en eso. Podemos ver aquí en nuestro índice de velocidad en móvil y cantando 11 segundos. Eso es demasiado largo. Y veamos si podemos volver a probarlo y ver si obtenemos ese mismo resultado. De acuerdo, entonces volvimos a hacer la prueba, y parece que nuestra puntuación de escritorio es un poco sobre nuestros móviles igual. Entonces lo que queremos de lluvia de ideas formas que podríamos mejorar la velocidad de esta página. A lo mejor vamos a quitar algunas animaciones. Podríamos comprimir algunas imágenes. Podríamos intentar solo en general hacer el sitio un poco más ligero. Echemos un vistazo. Por lo que tenemos dos imágenes de alta calidad aquí mismo. A lo mejor podríamos quitar una de estas imágenes, quitar la animación. Tenemos un pop-up y eso probablemente lleve un segundo. Entonces tal vez podamos hacer algo con el pop-up. Podemos eliminar todos estos fondos personalizados que definitivamente están ralentizando las cosas. Hay un montón de cosas vivas que podemos hacer para agilizar nuestra configuración. Pero siempre hay un acto de equilibrio. ¿ Quieres tener un lado de diseño personalizado hermoso o quieres tener un lado realmente rápido? ¿ Qué es más importante para tu usuario? ¿ Qué es más importante para tu negocio? Vas a hacer esa llamada de juicio. En realidad es bastante fácil comprobar la velocidad de tu sitio y rendimiento de tu set desde el tablero. El truco es que necesitas averiguar cómo subir estos números para mejorar tu sitio web y mejorar la experiencia de usuario para tus clientes sin convertir tu sitio web en masa LV. Por lo tanto, ayuda que te ayude a averiguar cómo comprobar el rendimiento de tu sitio desde el panel de looks. Y te veré en el siguiente video. 40. Extra: marketing por correo electrónico: Entonces en este video, vamos a crear nuestra primera campaña de email marketing. El marketing malvado es una herramienta fantástica. Es un comprobado tener uno de los mayores rendimientos de inversión de todas las formas de marketing. Y la gran parte de ello es que es gratis. Tengo que hacer es diseñar el email tú, creo que cuesta es tu tiempo y tu energía, pero te va a costar cualquier dinero. Entonces si no funciona, no es gran cosa y si funciona, consigue un ROI fantástico en lo que realmente solo te lleva 10 y 20 minutos. Entonces armemos nuestra primera campaña Enoch. Por lo que en el panel de control de w6, desde el menú principal, podemos ir al marketing y SEO y luego al email marketing, que nos trae aquí. Y así dice conducir el tráfico a tu sitio con campañas de email, la información de Scott. Por lo que queremos hacer clic en el botón azul, crea tu primer e-mail. Se va a llevar una recta al diseñador Whigs. Y nos va a dar algunos pequeños consejos útiles. Empezar a diseñar una campaña. Nos vamos a saltar todo esto porque te lo voy a explicar todo. Tan súper fácil de crear tu email newsletter que tengo que hacer es arrastrar estos elementos. Y así tal vez queremos dos columnas justo debajo de este gran panorama. Y luego tenemos algunas opciones. Podríamos hacer una imagen y texto a imágenes con texto y un botón, sólo dos imágenes. Dejémoslo así por ahora. Entonces así podríamos arrastrar en un elemento. Además, en el lado izquierdo, tenemos temas los cuales son solo diseños rápidos para tu boletín de correo electrónico. Por lo que puedo hacer clic en esto, verlo cambiar la fuente, cambiar el fondo. Haga clic en este. Podemos personalizar esas cosas nosotros mismos. Pero solo tal vez para hacerlo un poco más rápido, empezaremos con nuestro próximo. De acuerdo, entonces nuestro antecedente es este. Para que podamos elegir un color, o un patrón o una imagen. Entonces vamos a subir nuestra propia imagen haciendo clic en esto. Plus. Probemos este patrón de viaje que usaremos en algunos de los elementos y el front end go, que se ve mejor. Y así que vamos a personalizar esto y decir algo como anunciar nuestra nueva guía de viajes de Tailandia. Por lo que podemos simplemente cambiar el texto de esta imagen para alguien en Tailandia. Tailandia. Y apaga este también para obtener una foto de la guía de viaje. Entonces digamos, nos encienden el botón para estar ya. Para la URL, tendríamos una URL única. Vende nuestro producto, tal vez sea viaje de Tailandia. Entonces vamos a aplicar eso. Deshazte de estas cosas extra o elimina elementos en que no estamos usando la información de tus clientes en la parte inferior. Por lo que nuestra información de contacto enlaza para compartir en redes sociales y enlazar a nuestro sitio. Por lo que por defecto, el enlace del sitio se crearía automáticamente. El otro material que necesitas para llenarte tú mismo, por lo que la dirección y el número de teléfono. Una vez que tengas el correo electrónico buscando de la manera que quieras, puedes hacer clic en vista previa y probar para ver cómo se va a ver. De acuerdo, entonces este bucle que vas a ver en su bandeja de entrada de correo, crees que eso se ve lo suficientemente bien. Volvamos a la edición. Y podemos sumar los destinatarios a las personas que realmente quieren enviar. medida que crece tu sitio, tendrás más etiquetas, más audiencias a las que puedes enviar. Entonces por ejemplo, eventualmente, se pueden tener grupos para personas que se han suscrito al foro. Personas que se suscriben a diferentes correos electrónicos, newsletter, formularios de registro, personas que te compran un producto. Obviamente este es un sitio falso, así que no tenemos una tonelada, así que solo me lo mandemos a mí mismo. Está bien. Por lo que ahora sólo una persona que está recibiendo el boletín de CMA. Ojalá cuando estés sentado en tus boletines, te sientas a cientos y miles de personas. De acuerdo, entonces el siguiente paso, podríamos hacer un botón Siguiente y podemos crear una línea de asunto. En realidad creo que anunciar nuestra nueva guía de viajes de Tailandia está bien como la línea de asunto. Y agreguemos un valor dinámico. Entonces emita valores de i 0 va a cambiar en base a quién lo estás enviando. Por lo que puedes hacer clic en agregar un valor dinámico y agregar alguien es FirstName, por ejemplo. Ahora podemos decir, oye, Caleb, estamos anunciando un nuevo azulejo y guía de viaje. Y la idea es que líneas de asunto personalizadas más personalizadas como esta sean más propensas a elegir la atención y conseguir que abran un correo electrónico. En mi experiencia, muchas veces sí funciona. Eso no todo el mundo le encanta, pero sí consigue que la gente abra tu correo electrónico. Por lo que cambiaremos el nombre a neumático y Caleb, conteste al correo electrónico, Kayla peritoneo. Y luego podríamos enviar un correo electrónico de prueba, programado un post. Podemos enviar un correo electrónico de prueba, correo electrónico programado, o enviarlo ahora. Entonces es en un correo electrónico de prueba para nosotros mismos. Hazme yo mismo. Para que podamos revisar eso. Muy bien, Aquí estamos en mi bandeja de entrada de correo. Y por favor ignora cuántos correos no leídos tengo. Ni siquiera sé lo que esos 80, 95 bar es divertido. Entonces así es como se ve nuestro boletín en la bandeja de entrada real de alguien. Y esa es una Guía de Viaje Piloto de 100 truchas. Aquí está nuestra imagen, nuestra guía de viaje, nuestro texto de longitud 2 por ahora. Entonces es bueno. Eso va a funcionar. Entonces tan fácil de armar. Un boletín de correo electrónico o cualquier tipo de explosión de correo electrónico para enviar a su creciente audiencia para su sitio web. Por lo que de vuelta en el tablero de w6, en realidad podemos programar estos. Entonces lo que me gusta hacer en mi propio negocio es armar y múltiples boletines de correo electrónico todo a la vez. Siguiendo la idea de batching, que es hacer un trabajo similar todo al mismo tiempo, ahorrar tiempo. Por lo que me gusta armar tres o cuatro boletines a vez y luego programar ahora durante el próximo par de semanas o meses. Creo que esa es solo la forma más fácil de hacerlo. Te metes en una especie de flujo. Estás bombeando boletines de correo electrónico y luego terminas para el próximo mes. Siento también las publicaciones de blog, por cierto. Para que podamos bosquejar esto. A lo mejor quieren enviarlo el próximo martes a las 1230 PM o la gente está en su descanso para almorzar. Al parecer, las personas tienen más probabilidades de abrir correos electrónicos promocionales durante el almuerzo. Por lo que el martes a las 1238, creo que es un gran momento. Envía nuestro boletín informativo. De acuerdo, así que en realidad podríamos programar yo campaña ahora. Pero solo ten en cuenta que si lo haces agendar tu campaña, necesitarás un plan actualizado de envío de despertamientos de marketing. Depende de ti si quieres conseguir eso. Creo que es útil porque hay muchas características geniales y Lex es un plan de marketing del pecado. Si no lo consigues, no es gran cosa, solo puedes enviarlos en el momento que estés listo para enviarlos. Por lo que solo te metes en semanas en la plataforma de email marketing a las 1238 cuando quieres enviarlo y enviarlo así, todavía puedes crear estos como borradores, vale, Todavía está guardado. Entonces si volvemos a mi marketing, veremos esto aquí mismo. O incluso campaña está en borrador, lista para que enviemos cuando estemos listos para irnos. Por cierto, el plan gratuito, estás limitado a tres campañas al mes. la mayoría de la gente no quiere recibir más de tres correos electrónicos al mes de ti de todos modos. Entonces realmente no creo que eso deba ser un obstáculo para ti o ser un factor decisivo en si consigues o no un plan de marketing ascender pelucas. Genial, así que eso es todo. Eso es todo lo que se necesita para crear correo electrónico explosión y boletines de correo electrónico y Wix y súper fácil y súper rápido, realmente deberías poder hacer estos en cinco o diez minutos. Y si de verdad quieres poner en algún pueblo y hacer que se vea increíble, tal vez 20 o 30 minutos. Pero esta es una manera realmente fácil de conseguir que los negocios se mantengan en contacto con sus clientes y sus clientes. Y recomiendo encarecidamente que todos usen el email marketing como parte de su estrategia de marketing digital. Avísame si tienes alguna pregunta. Deja un comentario y te veré en el siguiente video. 41. Extra: importar contactos en Wix: En este video, te voy a mostrar cómo importar tu lista de correo electrónico o tu lista de contactos en tu panel de cera para que puedas enviar ráfagas de email a esos contextos. Es realmente fácil. Te mostraré cómo en tan solo un par de minutos. Por lo que desde el tablero de libros, puedes ir a contactos, y eso te llevará a la lista de contactos. Esto es parte de tu CRM gratuito, es donde va a estar toda tu información de contacto. Para que puedas ver tu nombre, dirección, y recompras contadas gastado la última actividad, puedes personalizar esta vista, pero no vamos a meternos demasiado en esto ahora mismo. Sólo te voy a mostrar cómo importar esos contactos. Por lo que hay dos formas de agregar contactos a tu CRM de la semana para que puedas enviarles correos electrónicos y otras cosas por el estilo. Puedes hacer clic en el botón azul Nuevo Contacto y simplemente hacerlo manualmente uno a uno, lo que llevaría una eternidad. Especialmente si tienes una lista más larga, tienes de una a 10 mil personas en tu base de datos de suscriptores de correo electrónico. Va a llevar mucho tiempo. Entonces lo que te recomiendo es hacer clic en Más Acciones y luego importar contactos. Entonces cuando haces clic en eso, te da dos opciones. Podrías importar todos los contactos de tu cuenta de Gmail, lo cual podría tener sentido si haces muchos correos de uno a uno con gente en tu negocio y quisieras como explosión a todo el mundo con que cima de manera regular. Yo quiero. La otra forma de hacerlo es simplemente subir un CSV. Esa es la forma en que no lo hice. Es realmente fácil. Todo lo que tienes que hacer es hacer clic en el botón azul Get Started, descargar su muestra CSV. Y así se pone esto en un escritorio. Y por lo general eso va a parecer Es un simple CSV con solo unas pocas columnas de datos. Tenemos nombre, apellido, correo electrónico, teléfono, dirección, ciudad, país empresa, cada color, que sería un campo personalizado, personalizado. Vamos a salir y simplemente eliminar el campo personalizado de color favorito. Y todas estas columnas mapeadas a un campo en el CRM Whigs. Y así como funciona eso es cuando pasas por aquí y tratas de subirlo, vamos a agarrar esto subirá ese CSU que nos acaban de dar solo para mostrar, mostrar cómo funciona esto. Crearemos marcadores suscriptores porque queremos enviar correos electrónicos a estas personas. Y luego necesitamos hacer coincidir las columnas CSV dos campos en cuestión de semanas. Tendrás que darle un segundo para cargar. Y luego aparece esta pantalla y aquí es donde empareja tus títulos de campo con los campos de contacto de Whigs. Entonces ya que se trata de un CSV de piernas ese campo superfácil desemparejado titulado al contacto. Todo está bien. Y luego daremos click en Siguiente. Y luego podemos etiquetar esos contactos se desarrollarán en etiqueta. Entonces digamos que eso fue un emo menos de nuestro viejo sitio web, por ejemplo, podríamos poner todo sitio web o podríamos poner algo así como evento de mercado de agricultores, julio 2020 y 2021 si es ahí donde recolectamos esos correos electrónicos. Entonces, solo eliminemos todo esto. Digamos que evento del mercado de agricultores. No click Importar. De acuerdo, Entonces se completó la entrada, se importan cinco nuevos contactos. Todos tienen esta etiqueta hasta el evento de mercado julio de 2021. Entonces hacemos clic en Hecho y nos llevaré de vuelta a la lista de contactos donde podemos ver a todas esas personas subidas aquí. Ahora, cuando entramos a nuestra herramienta de email marketing. Entonces marketing, SEO, email marketing. Y queremos enviar una campaña por correo electrónico. Digamos que queremos mandar éste en el que trabajamos antes. Podemos saltar por aquí, llegar a sumar destinatarios. Y luego podemos enviar, enviar nuestro boletín de correo electrónico a aquellas personas que están etiquetadas con esa etiqueta específica que acabamos de configurar cuando importamos nuestros contextos. Para que podamos enviar un correo electrónico solo para que esos agricultores comercialicen contactos de eventos. Y tal vez lo estamos enviando. Podríamos enviar un correo electrónico que diga: Oye, muchas gracias por suscribirte a nuestro boletín en este evento. Fue genial. Espero verte en el próximo evento que es así, ese próximo mercado de granjeros. Y así podemos empezar a dirigir boletines informativos o humanos de manera más específica. Ahora, en realidad no voy a mandar esto porque esas no son personas reales. Pero creo que puedes ver lo útil que es poder etiquetar tus contactos y lo fácil que es importar tus contactos desde el CSV. Y recuerda, todo lo que tienes que hacer es agarrar esta plantilla CSV que funciona proveedores para ti. Y luego formatea tus datos de cliente en estos, en esta plantilla. Entonces bajo estas columnas, Es solo que fácil. En tan solo un par de minutos, puedes importar tus contactos desde una antigua página web o desde un evento, o desde donde puedas ponerlos todos aquí se ve página web y empezar a cantarlos, ya sabes, campañas de marketing y gestionarlos en tres semanas. Teorema. De acuerdo, así que eso es todo para importar contactos, y te veré en el siguiente video. Muchas gracias. 42. Extra - Automaciones de Wix: Hoy vamos a hablar de las automatizaciones Wix. Las automatizaciones son impresionantes. Te van a ahorrar una tonelada de tiempo. Entonces básicamente parece que las automatizaciones automatizan tareas simples que de otra manera harías repetitivamente en el curso de la gestión de tu sitio web. Para que podamos encontrar las miradas de las animaciones en el panel w6 y o herramientas CRM, y luego automatizaciones. Y permítanme mostrarles sólo algunos ejemplos de automatizaciones que las mechas sugieren. Apenas por defecto. Todos están basados en aplicaciones. Todas tus automatizaciones de libros lo harán, correrán hasta las apps que tengas. Y cuando digo apps, me refiero a cosas como tu tienda de trabajo, tu blog de Wix, las exploraremos, ese tipo de cosas. Y así de inmediato del bate, que dice sugerir muchas automatizaciones muy útiles para nosotros. Cosas como recuperarse son carros abandonados. Entonces cuando alguien tiene algunos productos en su carrito y sale del sitio, podemos enviarlos por correo electrónico y ver si podemos conseguir que terminen el proceso de pago. Podríamos hacer cosas como enviar una nota de agradecimiento. Cuando alguien envía un formulario, se podría dar seguimiento automáticamente con alguien después de una semana y comprobar y ver cómo le va. A lo mejor si estás vendiendo un curso, podrías enviar una capa de enlace de correo electrónico que diga: Oye, ¿cómo va el curso? ¿ Te puedo ayudar con algo? Estas otras automatizaciones son cosas que me uso con mi facturación. Entonces es cosas como si alguien está atrasada en una factura, automáticamente le enviaste por correo electrónico para darle seguimiento. Eso te ahorrará una tonelada de tiempo persiguiendo esas facturas, lo cual es parte realmente desagradable del trabajo del cliente. Puedes configurarlo para recordarte automáticamente a ti mismo o a tus clientes dar seguimiento a una factura para una cotización, puedes establecer tareas. Esperemos que puedas ver cuánto tiempo y esfuerzo puedes ahorrar y cuánto trabajo aburrido puedes eliminar configurando trabajos sobre emisiones. Entonces vamos a echar un vistazo a un par de estos que ya están hechos para nosotros. El más útil que veo de inmediato del bate es éste, visitantes para recuperar carros abandonados. Así que vamos a hacer clic en el azul utiliza el botón Automatización. Llegarás a esta pantalla, que básicamente es un constructor de automatización si entonces. Y así cuando digo Si Entonces, lo que quiero decir es que habrá un gatillo. Entonces si alguien abandona un carrito, entonces haz esto contextos semi-metálicos. Y estos pueden llegar a ser mucho más largos de lo que son ahora puedes crear toda una secuencia de email donde tal vez los envías por e-mails y si te responden esto y si no responden, haces eso. Por lo que puedes hacer automatizaciones muy complicadas. Pero centrémonos en las automatizaciones simples básicas en este momento. Entonces como dije, si es una declaración if entonces, y así tenemos un gatillo, una acción, y el tiempo. Entonces esta es una animación básica. Entonces para que éste recupere carros abandonados o gatillo es cuando alguien abandona el carbono. Entonces si abres esta caja haciendo clic en esta pequeña flecha azul, puedes ver que dice crear una respuesta autoinmune donde sea una app. Y de eso estaba hablando antes cuando dije que estos son basados en aplicaciones. Por lo que seleccionaríamos la App Wix y luego podemos seleccionar el gatillo para el SAP, cliente realiza una compra o el cliente abandona la tarjeta. Ahora, ¿y si quisiéramos hacer algo basado en las formas w6? Después hay diferentes disparadores disponibles. Al igual que cada vez que un visitante envía un formulario. Ahora tal vez puedas ver que si tuvieras muchos foros diferentes que fueran para diferentes propósitos, puedes enviar a la gente diferentes artículos. Entonces tal vez eso suena realmente confuso, ¿verdad? Entonces lo que quiero decir es que si tuvieras una página en tu página web que dicho regístrate para nuestro boletín y obtén una guía de viaje gratuita de Tailandia. Podrás enviarles automáticamente una guía de viaje. Y tengo otra. A lo mejor tienes otro formulario que diga inscribirte nuestro boletín y obtén una Guía de viaje de Japón gratis. Y puedes tener imanes en ellos, esa guía de viaje. Y luego después de ese punto, podrías enviarles una serie de correos electrónicos relevantes para sus intereses. Entonces una serie de correos electrónicos sobre talento o sobre Japón. Y puedes hacer todo esto dentro de la herramienta de automatización Wix aquí. De acuerdo, entonces volvamos atrás y terminemos de crear nuestra secuencia de correo electrónico para tarjetas abandonadas. Entonces cuando un cliente abandona la corriente, entonces tenemos una opción para hacer esto. Por lo que podríamos enviar un correo electrónico a contextos, que es lo que estamos planeando hacer. Vamos a enviarles un correo electrónico y decir: Oye, te olvidaste algo o carbono. Podríamos recibir notificaciones por correo electrónico para que nos notifiquen. Creamos una tarea para tal vez dar seguimiento con ellos. Conectamos un web hooks o a Zapier, que sería esencialmente para crear automatización que utilice otro software fuera de semanas. Podemos mover una tarjeta y un flujo de trabajo, que está en nuestro consejo de administración de tareas. Podríamos agregar etiquetas, insignias asignadas a los datos a Hojas de cálculo de Google. Por lo que vamos a enviar el correo electrónico a contextos. Y luego si seguimos adelante, podemos ver que podemos personalizar los detalles del centro. Entonces esta es tu información. Por lo que me gustaría que fuera algo así como Caleb nómada. Caleb, en el nómada Caleb.com. Está bien. Y luego podemos crear el correo electrónico que les estaríamos diciendo. Ahora, en otro video, te mostraré cómo diseñar y crear boletines de correo electrónico. Pero por ahora, solo previsualicemos y probemos esto. Entonces así es como se va a ver nuestro correo electrónico cuando envíe a nuestro automatizado esto, cómo vas a lucir cuando mande a dos personas que dependen de su tarjeta y digamos que notamos que tienes algo en tu carrito y imagen estará ahí del producto o del nombre y precio del producto. Y cuando hagan clic en reanudar su pedido , los llevará de vuelta a la caja. Esperemos que puedas ver lo útil que puede ser esto. En las estadísticas muestran que esto te ayudará a incrementar tus ventas en un 20 a 30 por ciento. Porque volver a configurar. Y sólo vamos a dejar esto como está. Está bien. Vamos a poner un temporizador. Creo que dos horas después de la compra es bastante rápida. A lo mejor cambiémoslo a dos días. Creo que dos horas aún podría haber compras y simplemente se han ido a otro lugar. Lo hizo se salió a almorzar o algo así. Entonces creo que el de hoy tiene poco más sentido. Y luego podríamos agregar acciones de seguimiento para que podamos hacer más largas nuestras automatizaciones. Tenía un plan de marketing de revista premium. No lo hacemos ahora mismo. Y para los efectos de este video, no creo que necesitemos hacer automatizaciones de varios pasos. Pero podrías haciendo clic en la acción de seguimiento de agregar. De acuerdo, así que sigamos adelante y activemos esta automatización. Eso es todo. Por lo que ahora nuestra automatización está activa. Se puede ver que con el uso gratuito y plan, podemos conseguir, tenemos hasta dos automatizaciones gratuitas. Y verás con qué frecuencia, cuántas veces se ha activado esta automatización aquí mismo. Entonces volvamos a nuestras automatizaciones. Y vamos a crear también esta automatización enviar email de agradecimiento a los visitantes que envíen un formulario. Y estas automatizaciones Wix prefabricadas son súper fáciles de usar. puede ver que ya tienen los desencadenantes y las acciones que necesitamos y programadas, programación lista para ir. Por lo que todo lo que tenemos que hacer es hacer clic en Activar. Y así es como se va a ver ese correo electrónico. Gracias por ponerse en contacto. Entonces para activar ese. Y ahora nuestro sitio web está trabajando para nosotros todo el tiempo. De otra manera, no sólo es potencialmente vendiendo productos o servicios para nosotros incluso mientras duermen, sino que ahora también es enviar correos electrónicos a los visitantes sobre los correos electrónicos de Encarta y los correos de agradecimiento. No tenemos que hacer clic en nada. No tenemos que contactar a nadie ni sitio web y las automatizaciones hacen el trabajo por nosotros. Por lo que las miradas en las animaciones son impresionantes. Te van a ahorrar una tonelada de tiempo. Te van a hacer la vida más fácil y van a hacer muy felices a tus clientes porque van a conseguir el servicio rápidamente. Nadie caerá por las grietas, no extrañarás a nadie. Y sus necesidades van a ser eso. Eso es todo por este video y te veré en el siguiente. Gracias. 43. Extra: establece tu imagen de participación social: De acuerdo, en este video, te voy a mostrar en unos dos minutos cómo cambiar tu imagen de social share. Esta es la imagen que muestra cuando enlaza a tu sitio web en Facebook o en cualquier otro lugar, o bien envias mensajes de texto para enlazar con tus amigos o un cliente. Es la imagen que aparece al enviar a alguien un enlace a la página web. Es realmente fácil de cambiar. Vamos a comprobarlo. Por lo que en el lado izquierdo y haga clic en Páginas. Después, junto a cualquiera de tus elementos de menú, puedes hacer clic en los tres puntos y luego ir a compartir social. Este menú aparece y puedes ver aquí mismo, cómo vamos a subir una imagen y te da una vista previa de cómo se ve cuando compartes tu enlace, el enlace a tu página web. Entonces subamos una imagen. Y sólo podemos usar cualquiera de estos. Agarremos la imagen bursátil. ¿ Y qué tal este en el tipo tomando una foto? Y así estos van a ser únicos para cada página. Por lo que podemos establecer esto para cada página. Entonces por ejemplo, tal vez quieras en tu video social share image. Quieres que sea una foto de alguien tomando un video, cosas así. Eso es todo lo que tienes que hacer para que tu imagen de compartir social sea súper fácil. Y espero que eso haya ayudado Nos vemos siguiente video. 44. Extra - editor de fotos de Wix: En este video, vamos a echar un vistazo al editor de fotos de Wix que aún está en tu tablero de instrumentos. Bajo medios de comunicación. Puedes desplazarte aquí abajo y yo diré estudio fotográfico. También podrías hacer clic directamente en una foto. ¿Llegaste aquí? Haz clic en Photo Studio, y luego puedes cargarlo desde tu computadora o seleccionar desde tus archivos de sitio. Por lo que el estudio fotográfico te va a permitir editar fotos y todo tipo de formas diferentes. Puedes usar Adobe Lightroom o el editor de fotos integrado de tu computadora. Es similar a eso. Tiene algunas características a mano. Subiremos esta imagen muy rápido. Podemos cosecharlo. Y queremos esa plaza para la publicación de Instagram o algo así. Y característica que uso con mucha frecuencia es el corte Vg. Y haces click aquí, se va a cortar el tema principal de la imagen. Eso realmente funciona mejor si hay un alto contraste entre el sujeto y el fondo. Echemos un vistazo a esto. Hizo un trabajo bastante bueno. Hay un par de piezas que podríamos limpiar usando la función de recorte refinado. Meatus usa cepillo e intenta cepillar las piezas. No queremos así. Vamos a restaurar, digamos que queríamos esta pieza. Si alguna vez has usado Photoshop, esto es super similar. Puedes restaurarlo o dije aplicar. Entonces tienes este pequeño recorte. Y también podemos hacer pocas mejoras. Podemos auto realzar. Y Wix tomará su mejor conjetura en mejorar la imagen. Se puede ajustar manualmente utilizando todos los ajustes de edición de fotos estándar como contraste de brillo, reflejos, sombras, color, saturación. Se pueden aplicar filtros. Entonces al igual que los filtros de Instagram, si estás familiarizado con esos, entonces incluso puedes convertirlo en un poco gráfico agregando texto y fondos y ese tipo de cosas. Yo diría que probablemente hicimos este cuadro mucho más aburrido. Pero se te ocurre la idea. Puedes guardarlo. Y ahora tienes esta imagen para usar. De nuevo, arrástralo a nuestra página. ¿ Verdad? Esta imágenes editadas a medida, Es casi como si tuvieras un poco Photoshop leerá en X. Así que ese es el editor de fotos. Esperanza que eso ayudó. 45. Extra - fabricante de video Wix: El videomaker Wix es tan fácil de usar como el editor de fotos Whigs. Se puede llegar de dos maneras. Por lo que en el front end puedes hacer clic en el icono de la foto para los medios e ir al video maker. O en el panel de control, puedes ir en el menú de la izquierda a marketing y SEO, y luego desplazarte hacia abajo hasta el fabricante de video. Aquí puedes ver que tienen algunas plantillas diferentes que puedes usar para empezar a anunciar una venta, promocionando algún tipo de hito. O simplemente puedes crear uno desde cero. Entonces vamos a caminar a través de eso realmente rápido. Tienen diferentes ratios de aspecto. Cuadrado para algo como Instagram, paisaje podría ser para que retrataras para una historia de Instagram. Entonces si hacemos clic creó un video, habrá este pequeño video tutorial que aparece y vamos a personalizar nuestro video. Deshacernos de los videos de marcador de posición. Y recorté cinco videos para que los usemos para esto. ¿ Y qué orden los queremos entonces? A lo mejor algo como esto. Está bien. Ahora, vamos a quitar los textos Eso es interminable en nuestro propio texto. Viajes. De acuerdo, ahora podemos agregar un estilo de video. A ver, vamos a elegir cuál nos gusta? A lo mejor colores de estilo nano. Vamos a retener esos por ahora. Música. Podemos simplemente mirar a través de algunos de estos y ver qué nos gusta. Entonces agarraremos este. No se puede conseguir suficiente de esto. Esto imponen va a aparecer al final del video. Y ahora podemos previsualizar tu video. Se va a llevar un psicópata. Está bien, todo el mundo está escribiendo el cheque. Sí, así que no está mal para literalmente un minuto de trabajo. Ahora, con Wix es un plan de pecado. Sólo se puede pagar de forma gratuita. Tienes que actualizar tu ascender un plan de marketing para obtener más en la planeación profesional y crear diez al mes, ilimitados. Puedes obtener 15 días al mes. No esperaría que hicieras todo ese dinero, no al menos mientras inicias tu negocio. Por lo que en click, guardar y compartir, y compartirlo en redes sociales. Puedes subirlo directamente a YouTube muy rápida y fácilmente compartirlo en Facebook, descargar el archivo, subir a alguien más como video, como Vimeo. Por lo que x hace que sea realmente fácil crearlo. Un video para ti, para tu negocio muy rápido y compártelo donde quieras. Y eso es todo. Eso es todo para el videomaker Whigs. Es súper fácil de usar, jugar con él y divertirse un poco. Y déjame, déjame ver algunos de los videos que haces. Gracias.