Crea tu sitio web de la cartera con Squarespace 7. 1 (Para los creativos)

1. Intro VO m: ¿ Te sientes abrumado cuando piensas en crear tu propio sitio web de portafolio además de un millón de otras cosas que ya estás haciendo como emprendedor creativo? Bueno, he estado ahí y entiendo completamente lo desalentador que puede resultar lanzar tu sitio web por tu cuenta cuando no tienes mala experiencia en diseño web. Hola, soy artista y diseñador de superficies de la India. Vendo mi arte en varios productos como telas, papel tapiz, accesorios y otros productos de estilo de vida. En esta clase de Skillshare, te mostraré cómo puedes crear tu propio sitio web de portafolio usando Squarespace Seven, 0.1. Si eres un artista, diseñador de superficies, ilustrador o cualquier otro creativo que no tenga experiencia previa en el diseño web. He sido artista desde mi hijo, pero para mí fue más una afición. Y cuando pasas de ser un aficionado a ser un artista profesional, necesitas un lugar donde puedas exhibir tu arte y construir una comunidad. Entonces, cuando comencé a construir mi propio sitio web de portafolio, tuve que colocar mi todo de varias fuentes diferentes. Por lo tanto, en esta clase, haré que esta gigantesca tarea súper fácil para ti mostrándote un método paso a paso para construir tu propio sitio web de portafolio sin usar ningún tipo de recubrimiento. Esta clase está completamente diseñada para principiantes y no necesario tener ninguna experiencia previa en diseño web para tomar esta clase. Esta no es una clase de diseño web avanzado, por lo que se involucrará una codificación baja. Puedes registrarte a la versión gratuita de Squarespace 7.1 y obtendrás un pie en este periodo de prueba para ver si te gusta o no. En esta clase, aprenderás a planificar antes de comenzar a construir tu sitio web, a diseñar tu sitio web de una manera simple e inteligente. Algunos conceptos básicos del SEO, es decir, la optimización de motores de búsqueda cómo publicar tu sitio web, y una lección extra donde te mostraré cómo hacer un enlace en la página de aterrizaje bio para Instagram. Entonces, ¿estás listo para seguirme? Y dentro de unos días, su sitio web estará listo para ser publicado. Puedo esperar a ver cómo diseñas tu hermosa página web. Tenemos mucho que cubrir, así que comencemos. 2. Tu proyecto de clase: El proyecto de clase que tienes para diseñar y publicar tu sitio web. Entonces puedes tomar capturas de pantalla de diferentes páginas y subir el ápice a la sección de proyectos y recursos. O sube capturas de pantalla de una a dos páginas. Si decide no publicar su sitio web de inmediato. Puedes compartir el enlace URL a tu paso publicado, decir que has creado en esta clase. Empezar con algo nuevo es la parte más difícil. Entonces te animaría a que no te abran y solo empiezas con ello. Compártelo en la galería del proyecto para que yo y tus compañeros críticos podamos animarte y darte comentarios. 3. Planificación antes de diseñar: Bienvenidos a la clase. Ahora, antes de comenzar a diseñar realmente el sitio web, sugeriría planificarlo primero y hacer este proceso de planificación aún más fácil para usted. Te he proporcionado una descarga de lista de verificación en PDF en la sección de proyectos y recursos. Descarga la guía en PDF y empieza con la planeación. Y tómate tu tiempo con él. Piense en qué marca, lago ODU o el nombre de dominio, y vea de antemano si está disponible o no. Tan productivo como pueda sonar. ¿ Tienes que pensar en tu cliente ideal o tu audiencia ideal para quien estás diseñando este sitio web? ¿ Es un director de arte al que le gustaría licenciar tu arte? ¿ O es un entusiasta del arte a quien le gusta comprar tu arte? O lo estás diseñando para otros creativos a los que les gusta aprender de ti? También piensa en quien te gusta tener una busqueda o no? Y qué tipo de colores podría hacer como tener en tu sitio web. Esos Squarespace proporciona algunos temas básicos de color, pero también puedes tener tus propios colores de marca si quieres. No pienses demasiado en esto, porque siempre puedes cambiar esto más tarde. Pero al menos necesitas tener una idea clara de cómo quieres que se vea tu sitio web. Hay algunos recursos geniales disponibles en línea para hacer una paleta de colores personalizada, como la rueda de colores de Adobe y los refrigeradores. Voy a proporcionar todos los enlaces en la descripción. También, piensa en lo que a las empresas les gustaría usar. Ahora, utilizo Canva, que es una plataforma de diseño gráfico para diseñar mis miniaturas para mi sitio web. Elijo una fuente, que también está disponible en Canvas. Puedes hacer eso, pero recuerda mantenerlo limitado a dos o tres fuentes. Para esta clase, puede usar un script serif y sans serif y un sensible para la facilidad del proceso. De igual manera, haz un diseño aproximado de lo que las páginas realmente quieren tener en tu sitio web. No pienses demasiado en esto, solo haz una planeación aproximada. También puedes pasar por clases de Skillshare sobre branding para saber más sobre esto, que este proceso sea aún más fácil para ti. También recuerda guardar todas tus imágenes en Lowe's es Alicia, es decir 72 DPI. Guárdala como JPEG o PNG si quieres un fondo transparente. También mantén todos tus enlaces de redes sociales y son enlaces nítidos listos para ser utilizados. Por lo que sugeriría descargar la lista de verificación y tomarse su tiempo en la planificación antes de registrarse en Squarespace. que dentro de eso para mí, este periodo seco, lo tengas todo listo. Si te gusta o no. Si quieres continuar con Squarespace o no, es mejor tener todo listo antes. La siguiente clase donde comenzaremos con Squarespace. 4. Empezar con Squarespace 7.1: Bienvenido de nuevo. Veamos cómo podemos trabajar con cuestionarios. Bien, así que comencemos por ir a squarespace.com. Y aquí nos desplazaremos hasta el fondo y haremos clic en precios. Ahora aquí obtienes cuatro tipos de opciones de precios. Puedes optar por el plan personal si quieres, el plan de negocios. Y unos pocos único propósito es abrir una tienda o una tienda con Squarespace, entonces recomendaría ir por el plan de comercio o comercio avanzado. Tomó todas estas opciones y los beneficios disponibles con las opciones particulares. Puedes elegir según tu conveniencia y tu lo que sea más beneficioso para ti. Y los planes de negocio también viene con el espacio de trabajo de Google. Para que puedas echarle un vistazo. También puedes ver el precio según el pago mensual o el pago anual, y elegir el que sea más rentable para ti. Entonces elijo Squarespace porque obtienes tanto el dominio como el hosting justo dentro de Squarespace. Y también proporciona las herramientas SEO integradas, Analytics, asignaciones de URL. Entre otras cosas. Es muy fácil de usar y fácilmente personalizable, incluso para alguien que tiene 0 experiencia en diseño web, como yo. Está optimizado para todo tipo de dispositivos. Y también obtienes estas hermosas plantillas que puedes personalizar fácilmente. Por lo que es importante para mí ser un creativo. Simplemente inscríbase para la prueba gratuita y vea si le gusta o no. Ahora si haces clic en Ingresar aquí, puedes continuar con Google o puedes crear una nueva cuenta. Entonces para ello, haremos clic en Crear cuenta en la esquina superior derecha. Aquí también, puedes continuar con Google o puedes continuar con el correo electrónico. Entonces solo voy a continuar con el correo electrónico. Y lo haré rápidamente solo llenaré todos los detalles. Así que ahora si haces clic en Continuar , te llevará a la página de configuración de registro. Y aquí puedes dar click en Panel de Cuentas para llegar a esta página donde obtendrás todos los controles. Ahora aquí puedes hacer clic en Enviar verificación y recibirás un correo electrónico en tu ID de correo de Squarespace, cual tienes que verificarlo. Entonces puedes volver a esta página. Ahora si haces clic en Configuración de la cuenta en el perfil, puedes cambiar tu foto de perfil o tu nombre para mostrar. Y si hace clic en cuentas y seguridad aquí, sugeriría activar la autenticación de dos factores. También puede configurar pasos de recuperación de su cuenta haciendo clic aquí. Si haces clic en la notificación, puedes elegir recibir notificaciones de Squarespace o no activando esta y desactivándola. Aquí. Si vas al idioma, puedes cambiar el idioma de tu sitio web. Ahora bien, si haces clic en Ayuda, te llevará al centro de ayuda donde obtendrás respuestas a todas tus dudas. Puedes navegar por productos. Hay muchos artículos. También hay videos que puedes pagar o si alguna vez, te enfrentas a cualquier tipo de problema. Entonces obtienes todo en esta página. Puede marcar esta página como favorito para su referencia adicional. Esto es para su procedimiento de registro. Así que vamos a reunirnos en la siguiente clase. Nos vemos en la siguiente clase. Vamos a elegir una plantilla. 5. Elegir una plantilla: Bienvenidos de nuevo a la clase. Ahora que has creado una cuenta, vamos a elegir una plantilla que usaremos para diseñar un sitio web. Así que hagamos clic en Crear sitio web. Y aquí lo que vamos a hacer es que hay tantos tipos ya disponibles aquí. Si quieres una categoría particular de plantillas, puedes simplemente dar click aquí y te mostrará muchas plantillas. Pero en esto, para esta clase, voy a estar mostrando cómo hacer un sitio web de portafolio. Entonces voy a hacer clic en cartera. Y sólo vamos a ver cuáles son todas las opciones que están disponibles. Si solo haces clic en esta vista previa, te mostrará cómo se ve realmente el sitio web y podrás desplazarte y ver cómo se ve. Ahora también puedes comprobar cómo se ve en la pestaña del móvil. Para que puedas consultar todas estas cosas son para elegir una plantilla para diseñar nuestro sitio web de portafolio. Específicamente, sugeriría elegir algo como esto tal vez o tal vez algo como esto donde tenga una vista en miniatura en la página de inicio. Pero entonces no hay una regla dura y rápida porque siempre puedes personalizar una plantilla a tu gusto. Como quieras. Simplemente puedes hacer click en esta vista previa y ver cómo se ve como te mostré antes. Para esta clase. Particularmente, voy a estar eligiendo esta plantilla de Nevins por su sencillez. Y como dije, es completamente personalizable. Entonces veamos cómo se ve. Pasemos a la siguiente vista superior. Ya ves lo sencillo que es. Creo que elijo esto. Y también ya tenemos una sección de blog, cual te voy a mostrar como puedes agregar. E iremos con este diseño. Por lo que haremos clic en Empezar con este diseño. Te llevará a tus controles back-end del sitio web. Aquí puedes cambiar el título del sitio si quieres hacer clic en Continuar. Aquí, se mostrará una vista previa de cómo se pueden editar las páginas y todo lo que voy a ir en detalle en más lecciones. Así que no te preocupes por eso. Simplemente puede hacer clic en comenzar. Nos vemos en la siguiente lección donde te mostraré cuáles son todos estos ajustes. 6. Descripción de los ajustes de Squarespace: Bienvenido de nuevo. Pasemos por esos ajustes. Una cosa que quería decirte es que si alguna vez quieres volver a la página de tu panel, solo tienes que hacer clic en este logotipo de Squarespace y te llevará a la página del tablero. Ahora aquí si haces clic en sitio web, puedes volver a los controles son la página de configuración de tu sitio web. Aquí como puedes ver, hay diferentes opciones que se dan aquí. Ahora repasemos todo esto rápidamente para que puedas sentirte un poco familiar usándolos para personalizar tu sitio web. Por lo que si hacemos click en las páginas, te llevaremos a esta página aquí y aquí podrás ver la navegación principal. Lo que sea que agregues aquí, se mostrará en tu página principal o en tu navegación. En la sección no enlazada, lo que sea que agregues aquí, estará activa, pero de todos modos no se mostrará en tu página. Te mostraré cómo puedes agregar todas estas páginas en las próximas clases. Si haces clic en el diseño, aquí es donde puedes controlar todos tus colores, fuentes, tus animaciones, botones de espaciado, bloques de imágenes y muchas otras cosas. Si haces clic en el icono del navegador, ahora ves un pequeño cubo negro aquí. Este es el icono del navegador o la tela. Y te voy a mostrar como puedes hacer un agregar tu propio favicon en la próxima clase. Si haces clic en la pantalla de bloqueo, si tienes una página protegida con contraseña, aquí es donde puedes personalizar tu pantalla de bloqueo. Entonces la página de pago es importante si tienes una tienda en tu sitio web, la foto para las páginas, si tienes algún enlace roto, entonces necesitas tener una foto para la página son la página 404 para que dirigir a sus clientes o a los espectadores de su sitio web. Algunas páginas relevantes. Siguiente se niega pantalla no va a entrar en eso. Y el escenario social es que sientes clic en él. Puedes agregar un logo social, lo que sea que compartas desde tu sitio web, puedes tener un logo para ello. Aquí. En el CSS personalizado es donde puedes agregar tus codificaciones, que no entraremos porque se trata de una nueva clase de codificación. Esto se trata de tus diseños. Ahora, si haces clic en tienda en línea, te mostraré todos estos ajustes en próxima lección donde agregaremos una tienda a nuestro sitio web. Se da clic en marketing. Aquí es donde puedes hacer las campañas de correo electrónico. Si tienes listado por correo electrónico a través de Squarespace, puedes usar tus campañas de correo electrónico. Después están los perfiles. Y el SEO es donde puedes hacer alguna otra optimización para tu página. Lo veremos en la próxima lección. Gestión de la ubicación. Puedes agregar tu ubicación aquí. Luego están las barras de anuncio Promocional Pop-Up y muchas otras opciones de promoción tampoco entrarán en duelo xi. Y la analítica es donde verás los tu tienda y también los análisis de tu sitio web. Vamos a entrar en algo de esto en la próxima lección. Entonces los perfiles es donde verás a tus suscriptores, clientes, y otras cosas. Luego en la configuración, obtendrás opciones más avanzadas. Dentro de disponibilidad, puedes publicar tu sitio web aquí, te mostraré cómo. Entonces en el área de miembros, como pueden ver, esto es un MM-hm. Planifica porque donde quiera que veas esta flecha, esto significa que este es un plan de pago. Entonces, si tienes un plan de negocios o evocas, puedes usar esto. Si tienes membresía en idioma, idioma y razones, puedes usar el idioma de tu sitio y puedes hacer la configuración original aquí. Luego hay información comercial donde puedes agregar tu número de teléfono de contacto, tu hombre de contacto y tu ubicación física. En los enlaces sociales, puedes conectar todas tus redes sociales como aquí ves en la navegación. Todos estos iconos, puedes vincularlo directamente a tu página de redes sociales aquí. Entonces si vas a cuentas conectadas aquí, también puedes conectar tu Facebook Pinterest y otras cosas a tu sitio web, que se mostrará en tu página principal. Esta extensión y permiso aquí, puede transferir la propiedad de su sitio web a otra persona, no entrará en esto. En dominios. Puedes obtener un dominio que sea dominio comprador, o usar un dominio si ya has comprado el tuyo propio. Si haces clic en el dominio de datos aquí, puedes agregar tu nombre o el nombre de tu negocio, y te mostrará muchas opciones disponibles. Simplemente puedes hacer clic en cualquiera de esto y comprarlo en el propio Squarespace. Luego está el espacio de trabajo de Google. Creo que conseguirás que esto funcione mejor con el plan de negocios. Hay facturación, que es una suscripción información de pago facturas. Luego está la barra de información móvil, que es una característica premium, así que no entraremos en eso. Y las cookies y los datos de VISTA, te mostraré cómo hacer un banner de cookies. Esto es importante y hay blogging donde podemos hacer una personalización más avanzada de nuestra página de blog. Y el avanzado donde podemos agregar nuestro propio código si así lo desean. Pero no vamos a entrar en nada de esto porque esta es una clase sin codificación. Entonces sí, esto se trata de la configuración de Squarespace. Ahora, vamos a reunirnos en la siguiente clase. La siguiente clase, donde comenzaremos con la construcción de nuestro sitio web agregando. 7. L7 VO: Antes de comenzar a crear las páginas de tu sitio web, quiero darte una información actualizada sobre el reciente lanzamiento de Squarespace, porque esto va a cambiar que usamos para editar en Squarespace. Entonces en esta clase he mostrado cómo editar usando el editor clásico, que sigo recomendando para el negocio. Y ahora squarespace ha lanzado el motor fluido para la versión 7.1, lo que sin duda está dando mucha flexibilidad y libertad creativa a los diseñadores. Pero puede ser un poco abrumador para los principiantes. Pero quiero que conozcas ambas opciones y elijas la que quieras usar. Si me sigues. Puedes usar el editor clásico que te he mostrado en las próximas lecciones y posteriormente puedes actualizar al editor de motor fluido si quieres. Entonces para mi sitio web también y todavía en el editor clásico, aún no lo he actualizado. Pero si pasas el cursor por aquí, obtendrás esta opción de actualización. Si utilizas el editor clásico, obtendrás esta opción en tu sitio web también, simplemente puedes hacer clic en Actualizar y actualizar a motor fluido. Pero una vez que lo guardas, es permanente. No se puede entonces volver al editor clásico. Por lo que sugeriría acostumbrarse primero al editor clásico. Entonces puedes duplicar una página y podrás ver cómo funciona el motor de fluidos. Y luego puedes actualizarlo si quieres. Ahora, si vas a páginas y quieres agregar una nueva página, tienes que dar click en Plus. Ahora, no te preocupes por todo esto. Estaré cubriendo todo a detalle en las próximas lecciones. Entonces, si haces clic en Diseño de página, obtienes estas plantillas que puedes elegir agregar a tu página. Ahora bien, si quieres ir, estas son las plantillas de motor fluido. Si quieres ir al editor clásico, verás esta opción aquí en la parte inferior. El libro. Simplemente usan el nuevo editor de motores Fluid. Y si quieres usar el editor clásico, puedes dar click aquí. Entonces aquí también obtendrás todas estas opciones. Ahora bien, aunque estas plantillas pueden verse muy similares, pero la edición sería diferente. Si quieres seguirme, puedes elegir esta opción y venir a esta página. Desde aquí. Puedes usar el layout que quieras y continuar con la clase. Pero si quieres usar el motor de fluido, te mostraré cómo puedes hacerlo. Entonces volvamos primero aquí. Vamos a agregar una página. Tal vez. A ver. Agreguemos una página simple. Agreguemos esta página. Ahora no estoy mostrando la personalización ni el SCO de esta página porque lo estaré mostrando en las próximas lecciones. Si haces clic en Editar y en el editor clásico, lo que sucede es que también tienes esta sección Agregar en el editor clásico. Entonces, si haces clic en la sección Agregar y es solo agregar algo a nuestra edición clásica para que pueda mostrarles a ambos. Y sólo voy a añadir esto. La segunda sección es editor clásico. Ahora esta es la edición clásica. Como puede ver, aparece la opción de actualización. Eso significa que estamos en la edición clásica. La principal diferencia es que no puedes mover estos bloques a donde quieras. Cualquiera que sea el diseño que elijas. Si quieres agregar algo de espacio o si quieres moverte a este lado, entonces tienes que hacer clic en más, y luego tienes que hacer clic en espaciador. Y este espaciador, puedes arrastrar y soltar para moverlo hacia el mismo y tal vez hacer espacio entre estas dos secciones, lo que quieras. Pero si llegamos a esta sección que habíamos agregado anteriormente, ahora este es el motor fluido. Cómo sabemos que si haces clic y mueves esto, puedes mover cualquier cosa a cualquier parte de esta página. Verás que estas casillas son estas cuadrículas detrás de este bloque de texto. Entonces esa es la principal diferencia entre el editor clásico y fluido y J. Ahora, si quieres, si quieres hacer visible la cuadrícula, entonces tienes que presionar G en tu teclado. Para que sea visible. Esta grilla te permitirá colocar todos los bloques de contenido correctamente para agregar cualquier sección nueva o cualquier bloque en este editor clásico, tienes que dar click en esta clase. Pero aquí tienes que hacer clic en Agregar bloque. Digamos que quieres agregar un bloque de imagen. Entonces se agrega una trama de imagen. Y ahora puedes beber ese bloque para innovar. Digamos que este es tu tablero de arte. Entonces todo tu bloque de contenido. Y puedes moverlo a cualquier parte aquí. Ahora si haces clic en Editar, puedes agregar la imagen. Entonces ahora como puedes ver, se agrega la imagen. Y si haces clic en él, puedes hacerlo más grande o más pequeño. Simplemente puedes arrastrarlo y colocarlo donde quieras, pero eso no es posible. Y el editor clásico. Y otra cosa, si haces clic en esta Editar imagen, puedes editarlas. Diseño de esta imagen también, puedes dar click en Fit. Si quieres cambiar la proporción. Y digamos que quieres este bloque de texto encima de esta imagen. Eso también lo puedes hacer. Entonces para hacer eso, haces clic en el texto, obtienes esta opción de edición. Ahora aquí puedes agregar un fondo al texto si quisieras. Y puedes hacer otros cambios. Puedes hacerlo más pequeño o más grande arrastrándolo manualmente. Y también se puede cambiar la alineación del audio. Simplemente puede arrastrar las esquinas y hacerlo usted mismo manualmente haciendo clic. Entonces, si solo haces clic en el texto, y aquí ves avanzar. Si haces clic en el movimiento hacia adelante, éste llegará al frente. Ahora digamos que queremos esta imagen arriba de este texto. Damos click en esta imagen y llegaremos a esto por casualidad, nos agarraron. Así es como puedes organizar todas las capas como quieras, lo que antes no era posible. Ahora puedes aumentar el tamaño de esta cuadrícula también arrastrando este símbolo abajo, arriba, lo que aumentará o disminuirá las filas en la cuadrícula. También puedes hacerlo haciendo clic en esta sección de edición. Aquí puedes aumentar el recuento de filas o puedes disminuirlo. También puede eliminar los huecos entre la rejilla si así lo desea. O puedes hacer click en estos tres puntos y puedes hacerlo manualmente. Aquí también, obtienes todas estas opciones de altura y alineación y todo. Ahora, estas opciones también están disponibles en el editor clásico pero de una manera diferente. Pero ten en cuenta algunas de, algunas de las cosas que no han cambiado para el motor fluido, como los diseños de galería y los diseños de lista, esos no han cambiado. Entonces esto es lo mismo que el que vemos en el editor de edición clásico que veremos en las próximas lecciones. Ahora, otra cosa a tener en cuenta también es si estás usando el motor de fluido, entonces siempre revisa la vista móvil porque cualquier cambio que hagas en la próxima versión puede que no llegue dispuestos correctamente en la vista móvil. Pero entonces también te está dando esa flexibilidad para cambiar todo en la vista móvil. Puedes tener un diseño completamente diferente para tu vista móvil. Y es un diseño completamente diferente para tu vista de escritorio. Pero hay que tenerlo en mente. Anteriormente en editor clásico, todo se estaba arreglando bastante bien para la vista móvil. Pero entonces no tenías esta libertad creativa en la que el motor crudo te mantiene encendido. Por lo que al momento de grabar este video, todavía no hay personalización disponible para la vista de la tableta y para los lectores de pantalla también, los bloques aparecerán en el orden ya que se han agregado a la página. Así que ten en cuenta eso. Y aparte de eso, creo que este es un paso adelante bastante bueno de Squarespace, que te da tanta flexibilidad y libertad creativa para cambiar o diseñar tu página. Pero luego usa lo que sea conveniente para ti. Si quieres que sea sencillo, solo tienes que ir con el editor clásico y posteriormente podrás actualizarlo al motor fluido. También quería mencionar que hay algunas cosas que aún faltan en el motor fluido como los diseños de bloques de imagen y la animación, que ojalá Squarespace se encargue muy pronto. Pero por ahora, no es una opción con motor fluido. Entonces todo esto se trataba de un motor fluido. Preguntas de Launchpad. 8. Cómo agregar una página de inicio: Bienvenido de nuevo. A ver. ¿ Cómo lo hago? Ahora, Empecemos por agregar una página de inicio. Entonces, para hacer eso, hagamos clic en Páginas. Ahora aquí hay alguna página. Algunas de las páginas ya están agregadas. Puedes personalizar esta página ya disponible. Haga clic en este signo más. Y luego puedes elegir entre diferentes opciones aquí. Pero puedes hacer click en una página en blanco también, si quieres personalizar todo tú mismo. Pero si eres un principiante completo, yo diría que haz clic en Page Layout. Aquí, obtendrás muchas más opciones. Ahora puedes explorar todas estas opciones aquí, pero vamos a hacer clic en la galería, y elijo una de aquí. Escojamos pelea de galería. Ahora verás aquí, Vamos a ponerle nombre a casa. Ahora, cuando pase el cursor sobre esta página, verá una opción de eliminación aquí, y verá una configuración aquí. Así que vamos a hacer clic en esta configuración. Y aquí puedes personalizar tu página. Entonces ahora nos quedaremos con la página. Aquí. Puedes duplicar la página y configurarla como página principal. Digamos que tienes una página diferente y quieres establecer esa página como la página principal para que puedas ir a esa forma de configuración y puedes establecer ese salario como página de inicio. También puedes eliminar la página aquí. Ahora vamos a ir a un CEO. Ahora bien, aquí está lo más importante es darle título a SEO y una puerta de descripción sí retiene opcional, pero te sugeriría personalices esto para cada página porque así es como lo hace. Los motores de búsqueda encontrarán sus páginas. Así que vamos a darle algún título a tu página de inicio. Así que vamos a ocultar esta página de los resultados de búsqueda no va a hacer eso. Pero te voy a mostrar dónde necesitas ocultarlo de las búsquedas y luego lo haremos. Pero por ahora, sólo lo vamos a mantener así. Y en la imagen social. Si quieres personalizar cada página con una imagen diferente, puedes hacerlo aquí. Pero si quieres una imagen generalizada o una sola para cada página, entonces puedes hacerlo. En esta opción de compartir en redes sociales. Te voy a mostrar dónde. Por ahora. Simplemente puedes agregar cualquier cosa si quieres avanzar. No lo necesitamos. Si se requiere alguna inyección de código , entonces puedes hacerlo aquí. Tan bien para concebir, siempre da clic en Guardar. Así que ahora editaremos nuestra página. Entonces haremos click en él. Y aquí, como pueden ver, aquí hay tres secciones. Cuando pasas el cursor sobre alguna de las secciones, encontrarás este botón Agregar sección. Al hacer clic en él, obtendrá otras opciones como puede agregar más imágenes o puede agregar una sección de texto, o incluso agregar una página en blanco si lo desea. Ahora para editar esta sección, tenemos que dar click en esta sección Editar. Cuando pasas el cursor sobre cada uno de estos, si yo te muestro lo que hace. Esto duplicará esta sección. Esto lo borrará y lo moverá hacia abajo. Si haces clic en mover hacia abajo, bajará la sección. Y puedes volver a hacer clic aquí para moverlo hacia arriba. Y si haces clic en la sección de edición aquí, verás que la cuadrícula ya está encendida. Sencillo. Si haces clic en tiras, así es como aparecerá. También puedes dar click en mi diapositiva azul Varios. Entonces, lo que sea que quieras para este video, solo lo mantendré sencillo. Puedes guardar un plato o tazón lleno. Y también puedes cambiar la relación de aspecto. Digamos que no tienes todas las imágenes en un aspecto cuadrado y tienes algunas en rectangular también. Entonces puedes hacerlo cambiando la relación de aspecto. Lo voy a mantener en la plaza. Puedes agregar o eliminar las columnas aquí. Usted quiere. Tú. Aquí puedes cambiar el espaciado entre las imágenes. Si lo deslizas, puedes cambiar el espaciado. Perdono los subtítulos puestos, digamos que le has dado alguna descripción a tu imagen, cual te mostraré en tan solo un minuto cómo puedes hacer eso. Si mantienes los títulos puestos, la descripción aparecerá debajo de la imagen. Y luego si volteas una animación, podemos seguir alimentándonos, escalando, lo que quieras. Si mantienes encendida la caja de luz, lo que hace es si alguien hace clic en la imagen, entonces deja de ver la pantalla completa. Y la gente puede simplemente desplazarse por las imágenes aquí. Entonces me gusta mantener encendida la caja de luz. Esto es x y los colores no necesitas preocuparte por esto. Lo cambiaremos. Posteriormente. Te voy a mostrar cómo puedes cambiar los colores y las fuentes para todo el sitio. Entonces lo haremos más tarde. Así que ahora hagamos las imágenes y agreguemos las nuestras propias tan críticas que puedas pinchar sobre esta imagen. Sano. Y aquí da click en una imagen, mantén pulsada la tecla Mayús, y haz click en la última imagen y podrás eliminar. Ahora, solo agrego algunas imágenes de mi computadora que ya guardé. Si haces clic en el signo más, puedes buscar imágenes si quieres. Si ya tuviste alguna inmediata, ya tenía esto en mi biblioteca. Tan destruyendo. Tambiénpuede hacer clic en imágenes gratuitas. Pero para este video, ya que estamos haciendo un portafolio de imágenes, así que obviamente vamos a querer nuestras propias imágenes. Así que solo voy a hacer clic y subirlo y te llevará a tus carpetas de tu computadora. Y a partir de ahí, solo puedes agregar tantas imágenes como quieras. Así que voy a añadir rápidamente algunas, algunas imágenes ahora. Entonces, como puedes ver, se han agregado las imágenes. Así que si hacemos clic en una de las imágenes ahora aquí podemos dar la descripción que mostrará debajo de la imagen cuando tengamos los subtítulos aquí también, puedes enlazar la imagen si quieres, que no se requiere aquí. Pero si quieres, puedes hacerlo. Cerraremos esto y podemos cerrarlo aquí, y lo salvará. Ahora ya ves, ya que he guardado el pie de foto, está mostrando la descripción de la imagen a continuación. Aquí, podemos cambiar esta fuente cuando la estemos haciendo más tarde para todo el sitio. Entonces aquí hemos agregado. Entonces, digamos aquí que quieres agregar algo. Así que ya ves aquí hay un espaciador, que es una forma de agregar algo de espacio entre tal vez unas secciones de texto o entre dos imágenes o cualquier cosa entre cualquier cosa si quieres agregar algo de espacio. Entonces tienes que hacer, hazlo usando un espaciador. Entonces digamos que no quiero este espaciador, solo voy a hacer clic en él. Y se mostrará la opción de eliminar, y haremos clic en Eliminar. Ahora ya hay una opción de texto aquí, pero si tú, digamos que quieres agregar algo más. Entonces haremos click en este plus o en este plus. Si quieres agregar un debajo de esto o por encima de esto, siempre puedes arrastrarlo y llevarlo a donde quieras más o menos. Digamos que quiero agregar otro cuadro de texto. Entonces ya ves ahora aquí hay un cuadro de texto y aquí hay otro cuadro de texto. Ahora bien, si solo lo arrastro y lo sostengo, puedo llevarlo a la cima. Digamos que voy a añadir algo más aquí. A lo mejor voy a añadir, voy a añadir un botón aquí. Entonces haremos clic en el signo más y haremos clic en el botón. Aquí. Puedes mantener un nombre en el botón. Aquí. Puede vincular el botón a una página separada si desea pedir una dirección web. Digamos que tienes un freebie o algo así y quieres dirigir a la gente a ese freebie, puedes dar el enlace aquí. Puedes subir un archivo. Si tienes un archivo PDF o algo así, puedes subirlo aquí para que la gente haga clic y puedan descargar las peleas PDF. Y también si lo quieres como formulario de contacto, entonces puedes hacerlo en tu número de teléfono. Doy click en Diseño aquí. Estas son algunas de las opciones para este botón, que solo puedes hacer clic y ver cómo puedes hacer esto y la alineación del botón también, puedes cambiar desde aquí. Seleccione eso. A ver, solo quiero escribir algo aquí. Para que pueda cambiar este texto también compartido. Si hago clic, puedo hacerlo más grande. Si quiero, puedo ponerlo en negrita y seleccionar el texto y lo haré negrita. Para que puedas cambiar el, ya sabes, el align también. Sólo voy a hacer que esté alineado al centro. Y lo que quieras o puedas decir ya tienes algo escrito en un documento de Word o en un documento de Google. Puedes hacerlo, si haces clic aquí, puedes copiarlo y pegarlo aquí. Y si haces clic en Bien, se pegará aquí. Ahora, digamos que quiero deshacer algo que no hago por error, hice algo y quiero deshacerlo. Siempre puedes ir aquí y hacer clic en Deshacer otra vez. Entonces así es como puedes agregar texto y un botón. Si hacemos clic en esta edición, podemos cambiar la altura de la sección aquí. También, podemos dar click aquí y manualmente, podemos arrastrar esto para cambiar la altura de la sección aquí. Podemos cambiar el ancho aquí. Y alineación. Ahora aquí podemos cambiar el fondo. Sólo puedo despojar el fondo. Voy a hacer clic en Reemplazar. Y sólo voy a tomar una imagen de ya que ya he guardado en mi computadora. Y lo subiré aquí. Una vez que se carga nuestra imagen, podemos simplemente volver a cambiar la imagen en la oferta para insertar o sangrar por completo. Y también podemos cambiar esta opacidad de superposición si quieres. Y además si haces clic en Efecto de imagen, puedes dar algún efecto. Imagen que no siempre es ideal, pero pueden morir y ver cómo se ve. Simplemente no me sale ninguno. Eso es. Tenía así es como podemos personalizar una sección. Y esta sección, sólo la eliminaré. No lo necesito. Y está listo. Entonces nuestra página de inicio está casi lista. Y por favor no olvides hacer clic en Guardar. Y voy a sugerir seguir haciéndolo en el medio. En el medio estás editando, ya sabes, jets o estás editando algo, haz clic en Guardar y luego en Editar. Vuelva a hacer clic en editar y haga el resto de la edición. Así es como puedes agregar una página de inicio. La siguiente lección, donde vamos a agregar una página Acerca de. 9. Cómo agregar una página sobre: Bienvenidos a la clase. Veamos cómo vamos a agregar una página acerca de. Entonces ahora que hemos agregado nuestra página de inicio, ahora agreguemos una página Acerca o una página de biografía. Entonces haremos clic en este signo más y volveremos a ir a Diseño de Página y nos preocuparemos por. Entonces puedes ver que hay diferentes diseños dados aquí. Puedes elegir el que más te guste. Solo agreguemos este. El primero, sobre el Estrecho de Georgia. Y haremos clic en la forma de Configuración y comprobaremos si todo es correcto aquí. No dejarme ir al SEO y darle un título. Aquí, puede darnos una descripción. Y la imagen social. Como dije, puedes agregar diferente imagen social, pero cada prenda, o puedes tener la misma imagen social para cada página. Y haremos click en Guardar. Entonces ella realmente había hecho clic en Editar. Y afín. Esta sección. Dará click en esta sección de edición. Y ya veremos esto más pequeño. Veamos cuál es el ancho del contenido. No, me gusta. Tal vez más grandes. Y el trasfondo. Quiero mantenerlo limpio así no agrego ningún color de fondo. Lo haremos más tarde. Ahora, editemos la imagen. Entonces, si haces clic aquí en la imagen, obtendrás esta opción de edición. Aquí. Puedes cambiar la imagen, así que vamos a eliminarla. Simplemente agregaré fotos de perfil mías que ya he guardado en mi computadora. Una vez que se agrega la imagen, puede agregar algo de texto alt si lo deseas, para que puedas ser bueno para tu SEO. Algo lo puedes agregar aquí. Como había dicho en mi clase de preparación y planeación, tienen que renombrar tus imágenes correctamente. Es importante para el aspecto ACO. Así que solo lo haré. Algo así. Estoycontento con esto. Y podemos cambiar el diseño aquí también. Ahora está en ajuste de guardia. A ver si hacemos el collage de solapamiento. A lo mejor. Esto me gusta más. Esta también, se puede cambiar la imagen para que quede a la izquierda o a la derecha. Se puede cambiar la forma de la imagen en. Entonces aquí, si quieres hacer esa animación, veamos. Hagamos vuelo arriba. Bien, saltémoslo por ahora. Y vamos a hacer click en él, dar click en algún lugar afuera. Y si alguna vez lo encuentras, estás pinchando en él, pero esto no se está cerrando, hay que guardarlo porque eso es un indicio de que algo puede pasar ahora. Así que solo tienes que hacer clic en él y volveremos a filmar una fecha. Entonces aquí se cambia la forma de la imagen, así que la volveré a cambiar para originarse. Y aquí tienes que escribir algo sobre ti mismo. Si has copiado en algún lugar antes, entonces simplemente haz clic aquí y lo pegas aquí. Y puedes pegar el texto aquí, directamente. Aquí también, puedes cambiar estas letras. Estilo, el textil, yo, podemos hacer eso. Y las fuentes lo cambiarán en la clase de fuentes y colores, la clase de diseño. Entonces ya veremos cómo podemos hacer eso. Entonces esto fue sobre la página Acerca de o la página de biografía. Puedes personalizar más si quieres. Puedes agregar una sección aquí. Si quieres. Puede hacer clic en Agregar sección. Y tal vez quieras agregar algo más de texto o algunas imágenes más. Lo que sea. Puedes hacer eso aquí. O tal vez quieras agregar newsletter o cualquier cosa. Cualquier cosa que quieras. Puedes agregarlo haciendo clic en la sección Agregar. Y puedes agregarlo aquí. Y siempre guárdala. Entonces sí, esto es todo. Ahora vamos a reunirnos en la siguiente clase donde te mostraré cómo podemos agregar una página de contacto. Nos vemos en la siguiente clase. Vamos a añadir en cubierta qué sobredosis. 10. Cómo agregar una página de contacto: Bienvenidos a la clase. Veamos cómo vamos a agregar esto. En esta clase. Te mostraré cómo podemos agregar una página de contacto. Entonces para hacer eso, haremos clic en más, y luego haremos clic en el diseño de página. Y haremos clic en Contacto. Y a partir de aquí, podemos elegir un layout que nos guste. Yo solo voy con el primero y solo lo nombraremos que yo o contactemos, quieras llamarlo. Da click en esta configuración y comprueba si todo es correcto o no. Ve a SEO, como te dije, Danos tu título y tu descripción y haz clic en Guardar. Ahora, no he escrito nada. Por eso no se mueve y solo cambia este. Haremos clic en Guardar. Así que ahora vamos a dar clic en Editar y relacionamos esta sección. Así que ahora podemos personalizar esto. Ahora ve el espaciador aquí. Entonces esto es para agregar algo de amarillo, cierta distancia entre estas dos secciones ahí, sección tecnológica y la sección de formulario. Ahora bien, si no quieres la sección de formulario aquí, si aún necesito el espaciador y llevarlo al fondo, quizá. A lo mejor quiero mostrar un enlace a este sitio. A lo mejor lo puse aquí así. Podemos personalizarlo. Así podrás personalizarlo como quieras. Y digamos que también quieres personalizar este formulario. Puedes hacerlo haciendo clic en este Editar. Y esto te llevará a esta sección de formulario. Aquí puedes editar el formulario. Digamos que quieres agregar un poco más de sección a esto. Solo hay nombre, mensaje de correo electrónico. Puede hacer clic en Agregar campo. Y a lo mejor quieres un sitio web. Entonces vamos a hacer click en eso. Se puede añadir de nuevo. Y tal vez esta vez quieras el texto literario. Y aquí puedes dar click sobre este texto y también puedes cambiar el nombre del texto. También, como, no quiero que sean textos escritos. Entonces puedes hacer eso. Puedes agregar alguna descripción para que las personas que rellenen el formulario tengan una idea más clara de qué es exactamente lo que quieres que llenen. Entoncespuedes hacer eso. Puede hacer clic en requerido o no requerido. Si queremos que esto sea obligatorio y usted da clic en Solicitar. Y también puedes eliminar el campo si no quieres. Digamos de manera similar, puedes editar todo esto, todas las secciones de este formulario dando click sobre esto. Y puedes hacerlo. Después de que hayas terminado. Puedes hacer click en el post en alguna parte. Digamos que alguien envió este formulario y quieres darle un mensaje personalizado y personalizado. Entonces puedes hacerlo aquí. Ahora bien, si puedes redirigirlos a una página separada, tal vez si quieres. Digamos que han enviado el formulario y ahora puedes redirigirlos a tu página de portafolio o a tu página de blog donde quieras. Puedes hacer aquí. Así es como personaliza el formulario. Aquí puedes cambiar el diseño del formulario también, si haces clic en la opción lightbox, lo que sucede son estos formularios. Este formulario ahora está comprimido y cada vez que alguien haga clic en Foro Abierto, se abrirá como un formulario completo. Entonces aquí, la sección de formulario abierto también puedes escribir algo más como haz clic aquí para contactar. Por algo así. Eso se puede hacer. Y puedes hacer click en almacenamiento. Y aquí puedes conectarte a tu correo electrónico, newsletter. Puedes conectarte a MailChimp o a Zapier. Puedes conectarte a través del correo electrónico, proveedor inútil como escándalo flotante. O puedes conectarte al Google Drive, que puedes conectar a tu correo electrónico si lo deseas. Se puede hacer con aquí. Ahora bien, así es como se hace. Ahora otra cosa, si hacemos clic en editar, la sección del formulario, también se puede cambiar la alineación del botón. Ahora quiero mantenerlo en el medio ya que he jugado boxeándolo. Entonces ahora lo que pasa es que hagamos clic en Guardar primero. Así que eso va a salvar todo aquí. Ahora cuando alguien haga clic aquí, se los mostrará este otoño y simplemente podrán llenarlo y dar clic en enviar. Y volverá a dar clic en Editar. Podemos adjuntar nuestro enlace social aquí. Por lo que haremos clic en este Editar. Y aquí puedes instagram o tu Facebook, o también puedes agregar otro enlace social, tal vez tu Pinterest. Y se puede cambiar el diseño de esto. Digamos que tienes 12 bordes o lo haces redondo así. Ya sabes, todas estas muchas opciones están aquí para que puedas ver cuál te gusta más y puedes hacerlo. Entonces así es como puedes personalizar tu página de contacto. Vamos a agregar algunos antecedentes o algo aquí. Entonces lo que vamos a hacer es hacer clic aquí y vamos a hacer clic en el fondo. Y aquí tal vez agreguemos una imagen. He guardado una imagen, imagen de stock ya. Entonces puedes hacerlo o bien. Lo que puedes hacer es que puedes hacer click en la imagen de búsqueda y nosotros iremos a imágenes gratis. Y tal vez busquemos algo como contacto. Y ves algunas imágenes de años y nosotros podemos, solo podemos elegir cualquier cosa. ¿ Bien? Entonces así es como aparecerá. Pero si no lo quieres, solo elimínalo. Y haremos click aquí también, puedes cambiar la altura de sección o la sección con lo que quieras. Puedes personalizarlo aquí. ¿Bien? Entonces sí, así es como puedes personalizar tu página de contacto. Puedes agregar una página de contacto. Puedes cambiar este diseño como quieras. A lo mejor si no quieres solo sección de texto, puedes agregar una imagen aquí. Puedes hacer tantas personalizaciones aquí. En la siguiente clase, cuando sí añadimos una tienda o una tienda. 11. L 11 editado: Bienvenidos de nuevo a la clase. Ahora veamos cómo puedes agregar una página de tienda a tu sitio web. Así que vamos a hacer clic en esto y vamos a dar clic en tienda. Ahora aquí puedes elegir cualquier diseño que desees. Escojamoséste. Y sólo lo nombraremos como tienda. Escoger. Diga. En primer lugar, voy a hacer clic en la Configuración. Y comprobaremos si todo es correcto o no. Si haces clic en Categoría, puedes crear la categoría de tu producto. Digamos que si quieres agregar impresiones artísticas son estacionarias o diferentes tipos de productos. que lo puedas hacer haciendo clic en Crear categoría. Y simplemente escribe el nombre de tu categoría de producto aquí y haz clic en Agregar. Agreguemos otro. Estacionarios. Tal vez. Damosclick en él. Y si hacemos clic en SEO, como dije antes, su título de SEO y la descripción es muy importante. Así es como el buscador, encontramos nuestra tienda. Entonces hay que teclearlo aquí. Y en la imagen social, puedes poner una imagen personalizada para tu tienda o tu tienda. Ahora haga clic en Guardar. Ahora si damos click sobre esta flecha aquí. Así que ahora aquí podemos hacer click en agregar un producto para agregar un nuevo producto si así lo deseas. O también podemos hacer clic aquí para agregar un nuevo producto. Y si haces clic en la Configuración, puedes agregar tus categorías y SEO todo si no lo has hecho mientras creabas la página de la tienda. Si vamos a esta categoría antigua, encontraremos aquí todos los productos que ya están listados. Entonces, si haces clic en alguno de este producto, ahora aquí te llevará a la página específica del producto. Puedes editar tu producto aquí. Si haces clic sobre el cursor por aquí, puedes hacer clic en Editar producto o editar diseño. Vamos a hacer clic en Editar producto. Y puedes editar un producto aquí. Si haces clic aquí, puedes editarlo. Puedes enviarlo a la parte superior o inferior o moverlo, o puedes eliminarlo. Ahora, digamos que estos son productos físicos y quieres agregar una descarga digital tal vez. Entonces para hacer eso, desmarcaremos esto y haremos clic en Agregar producto. Puedes hacer click aquí o aquí, en cualquier lugar está bien. Y aquí puedes ver los diferentes tipos de cosas que puedes vender. Puedes vender una membresía de servicio, tarjeta de regalo y todas estas cosas. Por lo que haremos click en descarga digital y te llevará a esta página. Aquí puedes darle un título al producto. Y aquí tendrás que dar una descripción. Aquí. Si haces clic aquí, puedes agregar cualquier información adicional, como cualquier video o imagen, y puedes hacer clic en Aplicar. Aquí. Y aquí haremos clic y agregaremos algunas imágenes de mis productos que ya he guardado en mi computadora. Ahora puedes agregar múltiples imágenes para un mismo producto. Es mejor tener de dos a tres imágenes para un solo producto para que la gente pueda desplazarse y ver cómo se ve realmente el producto. Para el producto digital, puedes simularlo de diferentes maneras y agregarlo aquí. Aquí si haces clic en Subir archivo, puedes subir un PDF real para el producto aquí. Voy a hacer eso rápidamente. Así que después de haber subido nuestro producto, solo podemos dar un precio. Digamos que son 25 dólares. Aquí. Puedes mantenerlo a la venta si quieres. Y digamos después, digamos que vamos a 20. Entonces, si haces clic en Agregar aquí, ya hemos agregado alguna categoría. Ahora digamos que esta es una descarga imprimible. Dará clic en Agregar. Este producto se agregará a esta categoría ahora. Y ahora aquí podemos agregar etiquetas para escribir tu etiqueta y hacer clic en Enter, y podrás seguir agregando más textura. Y aquí, puedes alternar la visibilidad al público. Si estás listo para publicarlo. De lo contrario puedes mantenerlo oculto, entonces no lo mostraría al público. Puedes convertirlo en un producto característico. Si desea agregar, puede agregar cualquier producto relacionado. Además si lo deseas, puedes agregar reseñas de productos. Y aquí abajo puedes cambiar el SCO y la URL. Si haces clic en Editar aquí, puedes dar un título y una descripción de SEO, lo cual es muy importante para tu tienda porque así será tu agudo. Se clasificará en los buscadores. Aquí puedes dar una URL personalizada. Digamos que esto es un bucle, y vamos a dar click en Aplicar aquí en social dicho también, se puede dar click en editar y añadir una imagen. Si lo desea, y si da clic en Aplicar. Entonces, si haces clic aquí, puedes conectarlo a tus cuentas de redes sociales, que te mostraré en las próximas clases. Y aquí podrás personalizar tus botones y formularios, lo que podremos hacer más adelante. También. Te voy a mostrar cómo. Una vez que hayas terminado con esto, si pasas el cursor por aquí, esto te dará tres opciones. Guarda, Publica, y ella lo hizo. Si lo guardas, no estás listo para publicarlo. Puedes guardarlo como borrador y editarlo y publicarlo posteriormente. Puedes publicarlo enseguida. En también, puedes elegir. Si haces clic en shader, puedes darle una hora y una fecha. Y lo hará a esa hora y fecha en particular. Así que sólo voy a hacer clic en Publicar. Y aquí está. Tenemos nuestro producto publicado aquí. Ahora bien, si haces clic en Editar producto aquí, puedes volver de nuevo a esa página. Si haces clic en Editar diseño, te llevará a esta página del producto donde puedes hacer clic en la sección de edición y podrás editar el diseño de esta página. También, si te gusta. Se puede mantener en su totalidad o a la mitad. Yo sólo lo voy a mantener en simple. También puedes cambiar los colores. Puedes cambiar la relación de aspecto también si quieres. La alineación de texto de navegación del producto, y emite espaciado y otras cosas como galería con. Y también hay algunas otras opciones de personalización disponibles aquí. Puedes hacer eso y también puedes cambiar el color de esta página aquí si quieres. Al hacer clic aquí. Así es como puedes cambiarlo. Ahora, hagamos clic en Guardar. Y así se verá nuestra página de producto. Ahora bien, si no quieres todos estos productos, simplemente puedes hacer clic en él y hacer clic en Eliminar. Ahora si vuelves, volveremos aquí también una tienda online. Entonces aquí es donde obtienes configuraciones aún más avanzadas para personalizar la página de tu tienda. Ahora aquí, te mostrará cómo configurar tu tienda. Nosotros hemos agregado los productos y tienes que agregar, espera a que te paguen. Podemos conectarnos a PayPal. Pero recuerda que esta es una característica premium. Necesitas un negocio o un plan de comercio o sobre, bueno, esta característica, tienes que elegir una suscripción y luego puedes publicar tu tienda. Solo quería hacer para demostrar que es realmente fácil instalar una tienda en Squarespace. Pero esto necesita un plan de comercio o comercio avanzado. Entonces aquí puedes hacer otros cambios. Al igual que verás los pedidos aquí y tu inventario, lo que sea que hayas agregado, y tus clientes, y podrás dar descuentos. También puedes usar estas herramientas de venta como impresión bajo demanda o Facebook e Instagram. Así que aquí puedes tener otra personalización, como si haces clic en pagos aquí, lo mismo se mostrará aquí otra cosa, puedes cambiar la moneda, la moneda tu tienda, la mía, se establece en USD haciendo clic aquí, puedes cambiar nuestro elige cualquier moneda que quieras. Y si vas a la página de pago ahora aquí puedes hacer otra personalización como la recuperación del carrito abandonado. Tus clientes recibirán correos electrónicos si tienen algo en su carrito, entonces tienes este correo electrónico colecta suscriptores si quieres. ¿ Quieres usar modelar nuestros gustos como dirección de facturación por defecto? Si quieres algún monto mínimo de pedido o no. Así que todos estos ajustes los puedes personalizar según tu conveniencia. Si da clic en campos adicionales. Ahora aquí obtendrás aún más opciones. Ahora. También puedes usar, si estás usando un tema oscuro, entonces puedes usar este esquema de colores claros para tu carrito para que tu carrito sea visible para tus clientes. Y las políticas de tu página de pago. Aquí puedes dar tus políticas escritas, eres términos de servicios y tu política de privacidad, no necesitas escribir todo aquí. Simplemente puede hacer clic en el enlace aquí. Puedes vincularlo a la página de política de privacidad y puedes hacer lo mismo con todos los demás. Entonces estas son algunas de las personalizaciones que puedes explorar. Pero para ello, es necesario tener un plan de comercio o comercio avanzado. Hay que comprobarlo lo que se requiere. Entonces así es como configuras un paro. 12. Cómo agregar una página de la tienda: Ahora, y si tu dormitorio, van a querer establecer una tienda, pero ya tienes algunas tiendas en línea, como algunas tiendas de impresión bajo demanda que quieres vincularlo, enlazan en tu sitio web para que la gente pueda venga visitado, que los llevará directamente a esa tienda. Entonces para eso, lo que hacemos es muy bueno, nuevamente a las páginas y vamos a dar click en este signo más. Y lo que voy a hacer es hacer clic en el diseño de la página. Me gusta esta página de servicios. Entonces hago clic en este, nosotros hacemos clic en servicios y obtienes el primero. Le renombro sharp. Y haremos clic bien en la configuración, y comprobaremos si todo está bien. Y el mismo árbol cambiará el título del SEO y la descripción del SEO. Y ahora vamos a editar esta página. Haremos clic en Editar. Y puedes simplemente editar todo aquí. Entonces si hago clic en editar contenido, ahora, diferentes tipos de secciones son layouts, tiene diferentes formas de editar, como en algún lugar se mostrará para editar el contenido, pero en algún lugar solo esto estará ahí. Entonces esto se balancea porque esto te permitirá editar cada una de estas imágenes aquí. Entonces, si hacemos clic en editar contenido, ahora, aquí, puedes elegir este título para que aparezca o no. ¿Se apagará? Quiero este botón. Ese botón. A lo mejor tal vez agreguemos un botón diferente. Yo no lo quiero. Ahí. Quiero la imagen y el título y el cuerpo. Y aquí un botón de control para que tenga este botón aquí. Y luego haremos click en el contenido. Y podemos dar click en cada ítem y solo editaremos esto. Así que vamos a colocarlo con algo. Debes guardar tus maquetas de algunas de las imágenes de tu tienda para que puedan agregarlas aquí. Sólo voy a añadir bastón mío. Y luego en el título, puedes hacer clic en Afilado. Digamos que es un seis cíclico. Aquí dentro. Da una descripción así. Un poco desnudo, elaborado. Y en el texto de los botones, quiero tienda. Aquí. Aquí enlazaremos la tienda. Para dar click sobre esto. Te compartiremos lo que podrías hacer dirección web. Y aquí pones la URL de tu tienda y haces clic en abrir una nueva ventana. Entonces lo que hará es cuando, cada vez que alguien haga clic en la tienda aquí, los llevará a ella se abrirá en una nueva pestaña y podrán ver tu tienda ahí. Entonces en consecuencia, solo puedes editar todo esto. Si hace clic de nuevo. Si quieres agregar más, puedes simplemente dar clic en Agregar y se agregará la lista. Puedes hacer eso, seguir el mismo proceso para editar. Ahora si haces clic en diseño, hoy en día en lista simple, puedes elegir diapositivas desterradas para que puedas elegir lo que quieras. Solo mantenla lista simple. Puedes cambiar la alineación del texto aquí. Se puede optar por mantener el contenido primero de los medios de comunicación. Quién puede aumentar o disminuir las columnas aquí, y también el tamaño de la imagen si lo desea. Y ahora vamos a dar click afuera. Y ahora si haces clic aquí, puedes darle una imagen de fondo a toda esta página si quieres. O de lo contrario simplemente cambiaremos el color y la fuente aquí. Entonces sí, así es como puedes agregar tus tiendas en línea a una página de tu sitio web. Ahora haremos clic en Guardar. Entonces el óxido está ahí. Digamos que quiero, no quiero mantener este sitio turístico en mi página principal de navegación porque como estamos agregando las páginas, puedes ver que todas estas páginas se están agregando aquí. Ahora bien, si quieres arreglar el orden de esto, puedes hacerlo con solo hacer clic, digamos que quiero que el hogar esté en la cima para estar a la altura de un mejor El primero. Y entonces quiero tal vez sobre la página y luego tal vez contactar así. Y digamos que no quiero este argumento de tienda. Entonces solo lo llevaré a la sección desvinculada. Ahora aquí, nuestra página de contacto ya estaba ahí. Puedes usar esto para esta plantilla. Ya que hemos hecho nuestro propio contacto, cual solo hará clic en eliminar cualquier página que no quieras. Simplemente lo borras. Digamosque no, tu historia aún no está lista. No quieres mostrarlo a los buscadores noche en estos momentos. Lo que puedes hacer es simplemente dar click sobre esto y vas a SEO y vas al fondo. Y aquí, oculta páginas de regiones de búsqueda. Esto lo podemos ocultar porque no queremos confundir el uso de la búsqueda. No queremos que nuestra tienda se muestre ahí porque aún no hemos activado esta página. Entonces lo ocultaremos de los resultados de búsqueda y diremos, Así es como nos puede hacer hacia página de la tienda de autos de la página en su sitio web. Nos vemos en la siguiente clase donde estuvo acuerdo antes de la página For You. 13. L 13 editado: Lo estás haciendo genial. Ahora veamos cómo puedes agregar una página de portafolio a tu sitio web de portafolio. Bien, entonces ahora vamos a construir nuestra página de cartera para la cual estamos construyendo nuestro sitio. Voy a estar usando esta página de trabajo que ya se proporciona con esta plantilla, que es perfecta para su cartera. Pero si quieres, puedes agregar uno diferente. Simplemente puede hacer clic en el más y hacer clic en cartera. Y te proporcionará diferentes diseños. Puedes elegir cualquier otra cosa que quieras. Pero voy a ir con éste. Entonces, antes que nada, hagamos clic en la rueda de configuración y simplemente le pondremos el nombre de nuestro portafolio. Título de navegación también. Las URL de urato. En la SCO. No necesitamos hacer nada ahora mismo. Así que simplemente haremos clic en Guardar. Y ahora vamos a dar click sobre esta flecha aquí. Y aquí. Si haces clic en esta casilla , te permitirá editar los portafolios individuales. Entonces haremos clic en editar. Pero antes de eso, si haces clic en estos tres puntos, puedes ir a la configuración de esta página y puedes cambiar la configuración aquí. Impresionante. Primero vamos a Editar. Y aquí puedes cambiar el texto. Puedes escribir algo sobre tu colección o cualquier cosa, tu colección de tarjetas o tus ilustraciones o lo que sea. Y voy a escribir algo aquí. Aquí. Se puede cambiar el texto, hacerlo más grande o más pequeño. Y también si haces clic aquí, puedes cambiar la altura y el ancho. Hazlo más pequeño o más grande. Se le puede dar una imagen de fondo también cambiará el color más adelante. Ahora vamos a dar click sobre este icono de imagen. Y primero eliminaremos todas estas imágenes sosteniendo Shift. Y damos click en Eliminar. Aquí. Me gustaron algunas de las imágenes que ya guardé en mi computadora. Y puedes dar una descripción de cada una de las imágenes aquí. Si quieres. Escribamos algo rápidamente. Y voy a hacer clic en Cerrar. Ahora daremos click en esta sección de edición. Y aquí puedes cambiar el tipo de galería si quieres. A ver. Lohago un poco más pequeño. Puedes mantenerlo lleno, sangrar, lleno o insertar lo que quieras. Y puedes poner el pie de foto para que veas la descripción aquí. También se puede aumentar el espaciado entre las imágenes y la animación. Además, puedes dar click en caja de luz para que cualquiera que lo vea, si da click en las imágenes, les dará una vista de pantalla completa. Ahora bien, ¿qué es lo que podemos cambiar? Podemos cambiar el color más tarde para que puedas hacer. Y ahora vamos a hacer clic en Guardar. Y vamos a hacer clic en esta configuración ahora. Y aquí cambiaremos el nombre. Y aquí puedes cambiar la imagen y agregar una imagen diferente aquí. Normalmente hago mis miniaturas en Canadá. Entonces, si quieres, puedes hacerlo. Y puedes hacer tus propias imágenes de portada y subirlas aquí. Ahora aquí cambio la URL Slug también. Si haces clic en un CEO, aquí puedes agregar el título de SEO y la descripción de la colección en particular o la colección de ilustraciones o libros de arte. Y puedes hacer clic en Guardar. Y ahora aquí se cambia la imagen. Ahora, puedes hacer por todo esto en consecuencia. Ahora bien, si haces clic en la imagen, puedes simplemente hacer clic y mantenerla y colocarla en cualquier lugar que quieras. Así es como puedes hacer tu colección, tu portafolio. De igual manera, si hacemos clic en una imagen, ésta te llevará a esa página. Y aquí puedes editar las páginas individuales. Ahora, permítanme simplemente hacer clic en todo esto y seleccionar múltiples y haremos clic en Eliminar. Así es como puedes crear una página de portafolio. Simplemente voy a crear rápidamente dos más aquí. Sí, he hecho dos páginas más aquí. Y damos click en los otros dos y sólo voy a hacer clic en la fecha. Ahora para ver cómo se ven nuestras páginas. Damos click en esta flecha hacia arriba aquí. Y nos dará una vista de página completa. Y si damos click en esta imagen, nos llevará a una página de colección. Y aquí podemos desplazarnos a las otras páginas de patrones o las otras páginas de colección de tu portafolio. Así que siempre que diseñes una página, comprueba siempre cómo se ve en la vista previa móvil. Así que haz clic aquí y haz clic en cómo se ve en el móvil. Esos Squarespace hacen un muy buen trabajo al personalizar todo para la vista móvil. Pero aún así solo compruébalo si se ve bien en el móvil o no. Sí, no cambié la imagen de portada de eso. Puedes hacerlo mientras haces el tuyo. Así es como puedes hacer tu portafolio. Ahora vamos a reunirnos en la siguiente clase y vamos a refinar nuestra página de portafolio. 14. Refinar la página de cartera: Así que ahora vamos a refinar un poco más nuestra página de cartera. Digamos que haces son diferentes tipos de arte como haces dibujos de acuarela pintados a mano, pero también haces patrones. También haces ilustraciones digitales, y quieres mantener todas esas separadas. No quieres incluirla página M1. Entonces para hacer eso, antes que nada, vamos a borrar crear una carpeta y vamos a dar click en este plus. Y cuando hagas clic en una carpeta, nombra como mis obras de arte, puedes nombrarla como quieras. En primer lugar, vamos a arrastrar nuestra página de cartera a esta carpeta. Así que cada vez que hagas esta carpeta, puedes arrastrar varias páginas a esa carpeta y te mostraré lo que pasa si haces eso. Así que muy haga clic en esta cartera dentro de la carpeta. Vamos a crear otra página, y vamos a hacer clic en el diseño de las páginas. Tal vez puedas elegir una página de galería. Y escojamos éste. Y lo nombraremos y lo pintaremos. Bien, ahora vamos a traer esto dentro de esta carpeta para ver cómo se está conectando esto dentro de esta carpeta. Y ahora agreguemos otra página. Puede hacer clic aquí para agregar una página. Y nosotros iremos y ellos simplemente se ponen de nuevo y dan click en galería. Y volveremos a elegir esta. Y le llamaremos ilustraciones, tal vez ilustraciones digitales. Y ahora vamos a hacer clic en esta pantalla de configuración. Y sólo veremos si todo está bien o no. Y elegiremos Save. Entonces ahora cuando hacemos clic en esta flecha y pasamos el cursor sobre esta, te mostrará estas carpetas, menú desplegable de tus carpetas. Para que puedas dar click en cualquiera y puedes ir a esa página. Y dará click en ilustraciones digitales. Te llevará a esa página. Entonces esto se vuelve muy conveniente si tienes diferentes tipos de categorías, obras de arte que estás haciendo. Entonces puedes hacer esto. Ahora vamos a llevarlo a justo abajo. Tal vez. Y da click en este arte pintado a mano. Aquí puedes cambiar tu SEO y las descripciones y el título. Y puedes hacer lo mismo con las ilustraciones digitales. Entonces, hagamos clic en el arte pintado a mano y solo editaremos primero esta página. Haré clic en Editar. Escribe algo sobre tu arte. Da click en esta imagen. Icono, borrará todas las imágenes primero. Añadimos algunas imágenes. Ahora, no tengo ninguna acuarela ni imágenes hechas a mano ahorita guardadas. Así que solo buscaré desde Unsplash. Así que sólo voy a añadir algunas de estas imágenes. Obviamente agregarás tus propias imágenes, pero para esta clase, estaré agregando algunas imágenes de archivo gratis aquí. Y nuevamente, puedes dar click en esta sección de edición y puedes cambiar este tipo de galería. Las columnas, el diseño, el espaciado y la animación, y la caja de luz. Ahora, te sugeriría que si estás agregando animación a tus páginas, no trataste de mantenerla consistente en todas tus páginas. Quiero decir, no lo mantengas desvaneciéndose en una página y luego escalando en la otra. Simplemente manténgalo consistente para que se vea más un buen cohesivo. Entonces sí, así es como puedes hacerlo. Y vamos a hacer clic en guardar. Y de manera similar, agregaremos algunas ilustraciones digitales. Y así solo agrego rápidamente y me comunico contigo. Entonces sí, he agregado algunas imágenes y simplemente editaré rápidamente esta sección. Para que puedas editar esta sección de texto. De manera similar como lo editamos todo antes. Puede cambiar la altura de la sección, el nacimiento de la sección y las alineaciones. También puedes dar una imagen de fondo, si quieres decir en esta es forma en que puedes configurar tu página completa de portafolio. Ahora bien, si vamos a una vista de página completa y si hago clic en, quiero decir, coloco el mouse sobre mis obras de arte. Puedo dar click en cartera. Entonces aquí puedo dar click en cualquier colección individual y puedo navegar. Esto. Puedo ver que un arte pintado a mano se ve bien. Y también ilustraciones digitales. Si alguna vez ves que tu página no se está cargando, entonces solo vuelve a cargarla, refresca aquí. Porque a veces sucede porque cuando agregamos más y más imágenes, a veces sucede. Quizá sea la siguiente clase. Veremos cómo agregar una página de blog. 15. Cómo agregar una página de blog: Bienvenido a la página del blog de la clase. Bien, entonces ahora agreguemos una página de blog. Ahora. Un blog ya provisto con esta plantilla. Pero si quieres crear el tuyo propio, simplemente puedes hacer clic en este signo más. Y puedes dar click en blog. Y te dará algunos diseños. Puedes elegir lo que más te guste y precipitar. Pero yo solo iré con esto. Entonces antes que nada, hago clic en la Configuración y solo la guardo como un bloque. Entonces los acil dan un título y descripción propios. Límites sociales que puedes elegir ahora o no. Puedes hacer algunos otros cambios como Administrar Categorías y todo. Pero como aún no tenemos nada, así que simplemente lo cerraré. Entonces ahora si hago clic en Bloquear, me sale esta página aquí. Y aquí. Para agregar un nuevo bloque, simplemente puedes hacer clic en este plus y puedes personalizarlo. Entonces, antes que nada, déjame mostrarte lo que sea que ya esté ahí. Así que simplemente voy a hacer clic en esto y hacer clic en Eliminar. Entonces, por error, si alguna vez borras una publicación, entonces se almacenará en la papelera de reciclaje. Entonces, antes que nada, hagamos clic aquí y vayamos a la configuración. Y aquí puedes editar la imagen. Así que vamos a eliminarlo y agregar una imagen haciendo clic. Sólo voy a añadir algo. Aquí. Puedes darnos pequeñas, como una o dos frases sobre describir sobre tu blog. Y aquí está el nombre del autor se le puede dar la URL de origen también aquí y vaya a opción. Aquí se publica el estado. Pero puedes mantenerlo como borrador o necesita revisión para que puedas volver más tarde y filtrarlo por estas opciones. Y puedes hacer la edición de artículos ella realmente para una fecha u hora en particular. Entonces puedes hacer eso también. Otra cosa en las opciones. Si vas a etiquetas, podemos agregar tus etiquetas aquí. A ver. Agreguemos algo. Y si sigues presionando Enter, te permitirá agregar muchos taxones. Y luego haremos click en la parte posterior. Se puede agregar una categoría dos. También, puedes permitir los comentarios o no. Si quieres. Puedes convertirlo en una publicación de funciones. Si fueras a SEO Jia, puedes darle un título a tu bloque. Y aquí podemos dar una descripción como la que hemos estado haciendo para todos los demás SRA. Sólo para que puedas hacerlo de manera similar aquí. Para la imagen social, puedes optar agregar diferente imagen también si quieres. Y puede ya sea ubicación y haga clic en Guardar. Entonces ahora ves que se está mostrando ya que había hecho clic aquí, si haces clic aquí, puedes filtrarlo por. A lo mejor puedas ver cuántas publicaciones hay también que ya están ella no tiene necesidad de publicar. Así que de manera similar, puedes hacer eso. Ahora, si haces clic en esta casilla, te llevará a esta página de blog. Ahora aquí, si das clic en editar, primer lugar, te permitirá editar esta sección. Aquí puedes cambiar la alineación del texto al centro o a la izquierda. Y puedes elegir el ancho del contenido para que sea estrecho o mediano o blanco. O puedes cambiarlo manualmente arrastrando éste. Se puede cambiar la posición Meta, significa esta fecha o lo que sea que sea aquí. Aquí has dado tal vez el nombre del autor o algo así puedes elegir tenerlo a continuación. Aquí. Pueden mostrar categoría. Se mostrará la categoría, y se mostrará la fecha. Vamos a hacer clic en Mostrar nombre del autor. Entonces además, el nombre del autor. Ahora, el perfil automático a perfil automático es si, si recuerdas, mientras nos registramos en Squarespace, tienes que ir a la configuración de la cuenta y dar una foto de perfil y todo. Entonces si lo has hecho, entonces se mostrará en la parte inferior y algunas otras opciones de estilo y también ahí las cuales podrás explorar colores que puedes cambiar para esta página. Si quieres. Ahora selecciona esto, puedes dar el título de tu blog aquí. Y aquí puedes cambiar la imagen. Entonces, si hago clic aquí, puedes agregar una imagen. Si ya has guardado en tu sistema y nosotros solo te preguntaremos algo. Y el subtítulo aquí puedes cambiar si quieres tener el subtítulo a continuación. No quieres sobrecargar el pie de foto. Si haces clic en Diseño, puedes cambiarlo a carril 4x2 u otras opciones. Aquí puedes ver que podemos voltearlo en lightbox y otras cosas que puedes hacer si quieres. También puedes vincular una imagen a una página o dirección web diferente. Entonces sí, así es como agregarás imagen. Y aquí puedes dar una descripción. Aquí puedes escribir sobre tu blog si solo puedes hacer clic y seleccionar todo, eliminarlo y escribir sobre tu entrada de blog. Entonces así es como puedes agregar una entrada de blog. Y puedes, si quieres, puedes dar click en este plus y puedes agregar una sección de texto o imagen o cualquier otra cosa que quisieras. Ahora sólo haremos clic en Guardar. Y aquí puedes ver tu entrada de blog. Y mientras estás en esta página, si haces clic en Editar, también puedes editar esta página también. Entonces, si haces clic en la sección de edición, te dará cómo quieres tener tu maquetación. Entonces hay muchas opciones. Puedes simplemente diodo cuál en cuál te gusta más. Y solo manténgalo en grilla básica. Y también puedes optar por agregar más columnas si quieres. Y el espaciado horizontal y el espaciado vertical. Y aquí puedes dar click para mostrarte excepto para que cualquier pequeña descripción hayas dado se mostrará aquí. También puedes cambiar la alineación del texto aquí. Así es como puedes editar tu blog página dos, y puedes cambiar el color. También. Ver en la siguiente clase, que va a ser divertido porque se trata de todo. 16. L 16 editado: Bienvenida de nuevo. Ahora veamos cómo podemos cambiar los colores y fuentes sobre el sitio web. Entonces ahora que hemos agregado todas nuestras páginas que queríamos. Entonces ahora vamos a cambiar el color y la fuente de nuestro sitio. Así que volveremos a hacer clic aquí y vamos a Diseño. Y haremos click en las estancias del sitio. Aquí es donde se pueden cambiar las fuentes, colores, animación, botones de espaciado, bloques de imagen. Así que permítanme hacer clic aquí. Y vamos a dar click en las fuentes. Aquí hay muchos paquetes de fuentes. Entonces, si haces clic en la fuente aquí, puedes elegir entre los maridajes que Squarespace ya ha proporcionado. Su serif sensorial y también mixta. Escojamos algo. Entonces a veces sucede, no podrás ver esto, pero puedes hacer clic en Guardar y luego podrás ver. Esto está buscando, bien, pero quiero algo más. Volvamos a hacer clic en la fuente, y haremos click en la fuente aquí. Y es ir con éste. Entonces, por el bien de esta clase, vamos con esto. Entonces también puedes cambiar estos encabezados y párrafos individuales aquí puedes cambiar manualmente todo, pero yo solo voy con el predeterminado. Pero si quieres, puedes cambiarlo. Puedes cambiar tus botones, también. El texto del botón y todo. Se puede cambiar. Si haces clic en Asignar estilos, puedes asignarlo. Si quieres un encabezado en el título de tu sitio. Obviamente queremos una rúbrica. Estamos en el sitio móvil ¿cómo lo quieres? Pero para esto también, suelo ir con el predeterminado, pero puedes cambiarlo a y solo volveremos. Y otra cosa, si haces clic en fuentes, puedes agregar tu propia fuente, pero solicitará alguna codificación, que no voy a estar mostrando en esta clase. Pero si quieres, puedes, si quieres cambiar, usar una fuente diferente o quieres cambiar esta fuente aquí, puedes hacerlo. También. Haga clic en estos encabezados y haga clic en esta familia aquí. Y aquí puedes navegar por todas las fuentes. Puedes buscar la fuente si quieres. Rl, así que solo puedes navegar desde aquí. Puedes elegir cualquier fuente que quieras. Si haces clic en, volvamos y ahora haces clic en el párrafo. Recuerda tener un tipo de fuente para los encabezados y un tipo de fuente para tus párrafos. Si no estás seguro con los maridajes de fuentes, te sugiero que vayas con el Squarespace, aplaza las cosas predeterminadas que ya han proporcionado. Pero por lo demás, también puedes buscar de todas las fuentes aquí. Y puedes elegir cualquier cosa que quieras. Así que ahora vamos a hacer clic en Colores. Y aquí, si haces clic en Editar paleta, puedes agregar tus propios colores de marca aquí. Entonces así es como puedes agregar, dar clic en un color y simplemente puedes elegir el HSL o hacer clic en el hexadecimal. Y puedes cambiar el código hexadecimal aquí si solo quieres escribir el código hexadecimal aquí y puedes guardar los colores de tu marca aquí. Además, el espacio cuadrado tiene algunos pares de colores predeterminados. Así que puedes elegir eso si quieres. Para esta clase, voy a estar usando estos temas aquí. Vamos a ir con este color. Para que sea simple, o vaya con estas paletas proporcionadas aquí, o simplemente puede hacer clic aquí y guardar los colores de su marca aquí y podrá utilizarla para cada página. Ahora esto se está aplicando para todas las páginas, por lo que no es necesario hacer clic individualmente en cada página y editarla. Pero si quieres, puedes hacerlo también. Te voy a mostrar como esto muestra tu estilo de tema. Si hago clic en esto, puedes cambiar todo esto. El sake tituló colores. Todos estos colores son personalizables y puedes cambiar todo lo que quieras aquí. Puedes hacer eso si quieres. Ahora, vamos a dar click en la parte posterior. Y vamos a dar click en animación. Y como dije, mantén un solo tipo de animación para Altair, todas tus páginas. Y puedes hacer eso aquí también. Vamos a hacer clic en Escala. Y puedes tenerlo a lento, medio o rápido. Entonces si haces clic en espaciado, esto también puedes cambiar para todo el sitio los botones. Para que puedas cambiar el texto del botón. Y hay diferentes tipos de botones también como secundario, primario y terciario. Puedes hacer todo tipo de personalización aquí. Y se aplicará a todos los botones. Peso del sitio. De igual manera con el bloque de imagen, si quieres, puedes cambiar todo esto. Ahora bien, este es un estilo collage. Creo que puedes simplemente cambiarlo si quieres escuchar. Así es como puedes aplicar estos cambios a todas las páginas de tu sitio. Me siento cerca aquí y haremos clic en Guardar. Así que todas tus páginas en un edificio. Y ahora si quieres cambiar una página en particular, puedes hacer click en esa página. Y puedes dar click en la sección de edición, y puedes ir a Colores. Y aquí también puedes cambiar los colores y el estilo de tono de esa página en particular si quieres. Así es como puedes agregar colores y fuentes a tu sitio web. Ahora que hemos terminado con los colores y las fuentes, ahora veamos cómo podemos editar el encabezado y agregar un logotipo. 17. L 17 editado: Veamos cómo vamos a agregar un logotipo a un sitio web y también editar el encabezado. Entonces ahora que hemos agregado algunos colores a nuestro sitio web. Entonces ahora vamos a editar encabezado. Así que haremos clic en Editar. Está bien si estás en alguna de estas páginas. Entonces haremos clic en Editar y aquí verá Editar encabezado del sitio. click en él, y te dará todas estas opciones. Ahora para el sitio, título y logo. Haga clic en él. Y si no quieres tener un logo, solo puedes tener el título de tu sitio, que es el nombre de tu empresa o tu nombre. Si quieres agregar un logo, solo tienes que recoger caderas aquí y subir un archivo. Ya guardé un logo para esta clase que he hecho en Canva. Pero si conoces bien a Illustrator, puedes hacer uno en Illustrator. He subido el logo aquí. Ahora aquí puedes aumentar o disminuir la altura del logotipo. Entonces quiero que mi logo sea más grande, que la gente pueda verlo y Mobile también. Ahora, permítanme simplemente aumentar la altura del móvil y luego más tarde y solo verificar. De lo contrario, si lo desea, puede agregar un logotipo separado para ángulos de visión móviles. Pero veamos cómo le va aquí. Haremos clic en la parte posterior. Si haces clic en los elementos, estos son los elementos o estado del icono que se muestran en el, en tu encabezado. Entonces es que si lo mantienes apagado, no se mostrará aquí y es mejor tenerlo. Y si haces clic en Editar, puedes agregar otras cuentas de redes sociales. Me gusta Pinterest o TikTok o lo que quieras. Por lo que sólo tienes que hacer clic aquí y le das un enlace a tu perfil de Instagram. Y haces clic en Guardar y conectas tu Instagram y Facebook y otras redes sociales a este ícono. Este también, puedes disminuir o aumentar si quieres. Si aumento el tamaño del icono social, el tamaño va a aumentar. Si tienes una página de tienda, puedes hacer clic en este carrito y el carrito se mostrará aquí. Y este tamaño del icono del carrito también puedes aumentar un poco si quieres. Y si haces clic en los botones, si quieres tener un botón en tu encabezado para vincularlo a otro lugar, puedes tenerlo aquí. Pero lo voy a mantener fuera. Volvamos. Y si haces clic en estilo, aquí, te mostrará diferentes estilos de logotipo y tu estado de navegación. A ver, está en dinámica. Ahora, cambiemos a rosa. Y según la cosa, los colores podrían cambiar. Luchar con esto. Y puedes mantener una frontera. Si haces clic en el borde aquí, aparecerá un borde. Y si no lo quieres, puedes optar por apagarlo. O si lo deseas, también puedes aumentar el grosor aquí. Y también puedes cambiar la posición. A lo mejor quieres solo una línea por debajo de ella. Entonces puedes hacer eso. Y damos click en la parte posterior. Y ahora puedes tener, puedes elegir tenerlo como una posición fija. Y aquí se puede cambiar el mantenerse por delante ST. Ahora haz clic aquí para ver cómo es visible en un stock tecnológico y en un dispositivo móvil. Diseño de cabecera. Si haces clic en esto, hay diferentes diseños. Como si quieres tener tu logo en el medio, entonces puedes tenerlo así, o puedes tenerlo así también si quieres. Puedes mantenerlo en inserto o puedes disminuir el acolchado vertical o aumentarlo. Y también el espaciado entre elementos, se puede aumentar o disminuir. Y aquí el espaciado de enlaces también, puedes pellizcar y toda esta navegación puedes hacer aquí. Y también comprueba en el móvil cómo es visible tu logo. Entonces a mí me está pareciendo lo suficientemente bueno así que voy a ir con él. Si quieres. Se puede. Además se agregaron diferentes logotipos para tu móvil también. Aquí también puedes cambiar el estilo de navegación móvil. El entorno local. Puedes tener una configuración diferente tanto para móvil como para escritorio. Este es el icono del menú. Y puedes hacer que el grosor sea pequeño, mediano o grande. Y así es como puedes personalizar tu encabezado. Digamos que estamos en este equipo. Así podemos cambiar el color de nuestro encabezado también si queremos. Entonces puedes hacer eso aquí. Y aquí. Digamos que estás en este equipo. Y si hago clic en esta opción Editar, aquí, ves encabezado. Ahora los enlaces de navegación son negros. Puedes cambiar el color a azul si quieres . Para que puedas hacer. Cualquiera de estos equipos es personalizable. Simplemente puedes hacer clic en la opción Editar y podrás cambiar lo que quieras. A partir de botones, imágenes, todo. Muchos ajustes están aquí. Para que puedas personalizarlo de acuerdo a ti mismo. Para que podamos volver. Y si, así es como personalizas tu cabeza. Y vamos a reunirnos en la siguiente clase y ellos serán redactores. 18. L 18 editado: Bienvenidos a la clase. cómo vamos a editar la huella. Bien, entonces ahora vamos a editar nuestro pie de página. Así que simplemente vamos a hacer clic en editar y vamos a ir al fondo. Y aquí verás Editar pie de página. Así que da click sobre esto. Entonces veamos qué podemos hacer aquí todo. Si haces clic en Editar sección. Aquí, puedes cambiar la altura de la sección. Puedes hacer click aquí y puedes cambiarlo manualmente si quieres. Se puede cambiar el ancho de la misma. Habrá pequeños, medianos o grandes. Y la alineación, si haces clic en el fondo, puedes agregar una imagen al fondo si quieres. Si vas en colores, como habíamos hecho con el encabezado, puedes cambiar las filas del pie de página. Y aquí también puedes hacer click sobre esto y puedes cambiar el legado aquí Hay encabezado. Y si te desplazas hacia abajo hasta los enlaces aquí, dependiendo de qué tipo de sección sea. Digamos que este es un enlace de texto aquí debajo de la opción de menú aquí. Podemos venir aquí y podemos cambiar el color si quieres. Puedes cambiar los iconos. Si quieres. Todo lo que puedes hacer aquí en todo el sitio. También. Entonces puedes personalizar todo aquí. Y si vuelves atrás y cierras esto y realmente para conectarlo de nuevo. Entonces este, si no tienes uno para tener esto, puedes optar por eliminarlo y luego dar click en este. Y aquí puedes asumir el diseño y puedes cambiar cómo aparece. Y puedes agregar más enlaces también haciendo clic aquí. Y puedes agregar otro enlace aquí. Ahora aquí te mostrará cómo puedes. Si no lo quieres, puedes optar por eliminarlo aquí. O bien solo puedes agregar otro enlace si quieres. Si algo más quieres agregar aquí, tal vez solo puedes hacer click en. Tal vez quieras usar más tarde. Así que haz click en este plus y luego puedes dar click en el bloque de newsletter, y aparecerá aquí. Y este también puedes personalizar quieras usar. Puedes cambiar el diseño aquí. Si lo quieres en pila o flotador. Ahora, simplemente haremos clic en Guardar. Y ahora así es como es nuestro pie de página, y así es como nuestro encabezado. Ahora si haces clic en la vista móvil, veamos cómo está en la película. Así aparecerá en el móvil. Bien, entonces ahora que hemos agregado nuestra comida, ahora déjame mostrarte cómo puedes agregar un lote de galletas todavía, lo cual es bueno lote de GDPR. Así que volveremos y haremos clic en Configuración. Y haremos click en cookies y datos de visitantes. Aquí haremos clic en este banner de cookies. Ahora, aquí puedes mantenerlo en octano u opt-in y opt-out. Puedes convertirlo en un pop-up, pero si quieres y puedes guardarlo como botella. Entonces y también puedes primero que nada guardarlo y luego puedes personalizarlo aún más. Puedes guardar las cookies pero en la parte superior. Pero prefiero mantenerlo en el fondo. Puedes tenerlo como claro u oscuro. ¿ Qué queremos? Y puedes tener un botón para el llamado a la acción, este botón de aceptar y rechazar. Y también puedes personalizar esto si quieres. Esta es la grilla. Y necesitas tener esto. Y ahora haremos clic en Guardar. Entonces sí, así es como puedes agregar una manera de cookies a la parte inferior de tu sitio web. Ahora vamos a reunirnos en la siguiente clase donde te mostraré cómo puedes agregar una conexión de Instagram a tu sitio web. 19. Cómo agregar conexión de Instagram: Entonces ahora veamos cómo podemos agregar nuestra página de Instagram a nuestra página de inicio. Entonces, para ello, ve a Ajustes. Y aquí iremos a cuentas conectadas. Y damos click en Conectar cuenta. Después damos click en Instagram. Entonces, si ya tienes tu Instagram conectado aquí, entonces puedes hacerlo fácilmente. De lo contrario, solo déjame iniciar sesión rápidamente. Da clic en Permitir y cizallar. Podemos dar click en Guardar. Entonces ahora lo que haremos es hacer clic en Agregar a Chrome aquí. Podemos dar clic en Consorcio. Aquí. Verás esto, ya sabes, diseños de cómo compartir el arte de las redes sociales. Entonces déjame elegir uno de ellos. Tomó éste. Ahora haremos clic en la sección Editar y cambiaremos todos los ajustes aquí. Hagámoslo más pequeño. Y da click sobre esto. Edita aquí, y da clic en la cuenta conectada, y haces clic en esta. Ahora tu perfil de Instagram se mostrará aquí. Entonces aquí si haces clic, puedes aumentar los artículos que quieres mostrar aquí. O puedes disminuirlo. Quieres hacer clic en Diseño. Y aquí puedes cambiar el aspecto, pero yo sugeriría tenerlo en Scratch y vemos el feed de Instagram en cuadrados. Y aquí puedes hacer algunos ajustes más como de nuevo, aumentar el tamaño de la miniatura y todo. Podemos disminuir o aumentar el relleno entre ellos. Si quieres. Si haces clic en una caja de luz, luego da click en las imágenes, irán a la página de instagram si, si quieren. Hacemos clic en Bien, ahora veamos qué más podemos diseñar. Si hacemos clic en abrir enlaces en nueva ventana. Entonces se abrirá en una ventana diferente para que puedas hacer, puedes cambiar cómo te está mostrando. O sea, si quieres que sea un esclavo de nuestra grilla, apilé lo que quieras firmar para saltarlo y grillar platos como puedes hacerlo. Ahora solo hacemos clic en Guardar. Y ahora la escuela en la página principal, podemos ver la función de conexión de Instagram. Ahora puedes cambiar este también. Solo vuelve a ello. Y si haces clic aquí, puedes cambiar este fijo o si quieres. Así es como puedes recoger su cuenta de Instagram en tu sitio web. mejor en la siguiente clase te mostraremos cómo puedes hacer un ícono. 20. L 20 editado: Bienvenidos a la clase. Veamos cómo vamos a hacer un add a browser. Ahora déjame decirte cómo puedes agregar un ícono de navegador. Verás este icono aquí, el cubo aquí. Podemos cambiarlo a lo que queramos tener ahí. Entonces veamos cómo podemos hacer eso. Iremos a Diseño y daremos click en Resnick. Aquí, podemos agregar una tela sobre. Antes que nada, déjame decirte cómo podemos hacer eso. Entonces acabo de abrir una nueva página de GUI y buscaré fabric on generator para sitio web. Aquí tendrás muchas de estas opciones. Así que solo puedes ir con quien quieras. Vamos a hacer clic en el primero aquí. Entonces puedes agregar una imagen PNG aquí y convertirla en un icono del navegador o un texto, que es la forma más fácil. Aquí puedes simplemente dar click sobre esto. Y ahora aquí puedes escribir cualquier texto que quieras para cambiar todos los ajustes aquí. Y en pocos minutos, podrás tener el icono de tu navegador, que se verá algo así si quieres. Pero si quieres tener una imagen como la que tengo para mi sitio web también, tengo este pequeño icono de flor. Para que puedas hacer eso. Déjame mostrarte cómo puedes hacer eso. Ahora, si haces clic en el PNG aquí, podemos arrastrar y soltar una imagen PNG. Ahora, suelo tener mi imagen en un tamaño mayor, como 2 mil por 2 mil píxeles o 2500 por 2500 píxeles. Yo solo subiré el PNG, esa dimensión y ya podemos tenerlo. Yo sugeriría tener una imagen redondeada o cuadrada. La mayoría de los sitios que verás allí estarán teniendo esta imagen redonda o cuadrada. Así que solo arrastra y suelta algo aquí. Y tengo este icono y ahora voy a hacer clic en Descargar. Obtendrás un archivo zip. Y hay que extraer primero el archivo zip. Ahora volveremos a nuestro backend de nuestro sitio web. Y aquí haremos click en Agregar auto familiar. Y solo uso de la carpeta de aquí. Ahora veamos esto de 192192 a cinco. Cómo se ve. Ahora, basta con hacer clic en Guardar. De inmediato. El polígono no se actualiza. Puedes actualizarlo, refrescar tu página varias veces. Pero incluso si no se actualiza después de eso, entonces lo que puedes hacer es simplemente borrar tus datos de navegación o puedes consultar el centro de ayuda de Squarespace. Tienen artículos sobre cómo se puede hacer eso. Y puedes cerrar sesión e iniciar sesión de nuevo, y aparecerá. Así que déjame hacerlo rápidamente. Y ahora puedes ver el icono del navegador se ha actualizado aquí. Entonces así es como puedes agregar tu propia imagen o texto Azur mil. Ahora vamos a reunirnos en la siguiente clase donde te mostraré cómo puedes agregar una página protegida con contraseña a tu sitio web. 21. L 21 editado: Bienvenido de nuevo. Ahora, veamos cómo vamos a agregar una página protegida con contraseña dos de x Así que digamos si quieres que alguna parte de tu cartera esté protegida con contraseña. Entonces para hacer eso, primero dupliquemos una página. Simplemente duplicaré esta página de inicio y haremos clic en la página de Configuración. Aquí, haremos clic en Duplicar página. Haga clic en Confirmar. Entonces esto nos dará otra página. Por lo que limitaremos protegido con contraseña y nos aseguraremos mantenerlo en la sección no enlazada. Porque no queremos que sea visible en la navegación principal. Volveremos a hacer clic en esta rueda de seis ajustes. Y vamos a ir a SEO. Y aquí lo ocultaremos de los resultados de búsqueda porque no quieres buscarlo en el motor. Por lo que realizaremos búsquedas y haremos clic en Guardar. Ahora, da clic en Editar. Y aquí puedes eliminar todas estas imágenes y puedes agregar. Esos patrones son obras de arte que quieres tener que estar protegidas con contraseña, que no quieres mostrar y mantenerlo en secreto. Para alguien que tenga la contraseña, solo puede iniciar sesión y puede hacer esta página. Así que solo puedes hacer eso. No voy a hacerlo ahora. Entonces después de hacer eso, haga clic en Guardar, y ahora nuevamente, vaya a la configuración. Y aquí vamos a dar una contraseña. Entonces hay que recordar la contraseña, sea cual sea la contraseña que le des. Así que vamos a dar una contraseña. Y haremos clic en Guardar. Ahora ves que aparece este icono de candado. Eso quiere decir que ahora esta página está protegida por contraseña. Ahora otra cosa que puedes hacer es que tienes que proporcionar un enlace a tu audiencia para llegar a. De lo contrario, ¿cómo sabrían que tienes esta página protegida con contraseña? Entonces para hacer eso, tal vez en algún lugar la página de inicio o tal vez digamos en la página de Portafolio. Simplemente haremos clic en editar aquí. Y tal vez podamos agregar una sección. Puedes agregar algo así como un texto, como algunos textos con un botón. Editemos el texto aquí. Agreguemoséste. Puedes escribir algo y hacerlo un poco más pequeño. Y luego aquí puedes hacer clic de nuevo y puedes agregar un botón. Él tiene, puedes escribir la solicitud de contraseña o algo así. Entonces puedes. Lo que puedes hacer es hacer clic aquí y vincularlo a tu página de contacto o a tu correo electrónico. Si lo estás vinculando a la página de contacto. Y la gente puede ir allí y pueden conocerte. Y a partir de ahí puedes enviarles una contraseña para ver este discurso. Eso se puede hacer si queremos. Hacemos clic en Guardar. Y ahora cada vez que alguien haga clic aquí, los llevará a la página de contacto. Entonces, antes que nada, haremos clic en Listo. Una cosa más que puedes hacer es en la página de contacto. Lo que puedes hacer es que puedes adjuntar como yo lo tenía. Así que hazlo en el donde habíamos agregado la página de contacto, cómo agregar este formulario. Así que aquí puedes editar los campos del formulario. Y si algo más quieres agregarle, más detalles quieres de ellos. Eso se puede hacer. Se puede adjuntar así. Ahora, cuando alguien visite la página del portafolio, también obtendrá esta opción para ver su portafolio completo. Por lo que obtienen una solicitud de contraseña aquí. Y si hago clic aquí, los llevará a tu página de contacto. Aquí y aquí pueden clic y hacer lo mejor para la contraseña. Ahora, vamos a personalizar esta página protegida por contraseña, donde la gente va a escribir la contraseña. Entonces hay una manera de personalizar esa página también. Entonces para hacer eso, iremos a Diseño y aquí haremos click en la pantalla de bloqueo. Aquí lo que puedes hacer es cambiar el diseño si quieres. Y aquí hay diferentes diseños. Puedes elegir esto o esto puede ser. Entonces puedes hacer clic en Guardar, Kia. Y en el branding y el texto, puedes cambiar todo este texto aquí. Si quieres. Puedes dar tu logo aquí, o simplemente puedes escribir tu nombre. Y aquí puedes escribir algo como x es mi portafolio aquí. Y en el cuerpo se puede escribir algo. También si quieres. Puedehacer clic en esto para mostrar el candado. Entonces puedes hacer clic en Guardar. Otra vez. Si vuelves aquí, puedes agregar cualquier imagen si quieres. Entonces otra vez, si vas a quedarte aquí, puedes cambiar el color del fondo ya que ya puse una imagen aquí. Entonces me encanta hacer eso. Puedes darle un borde a la página si quieres. Ahora aquí puedes cambiar este candado diciendo que si quieres hacerlo más grande, también puedes cambiar el color del candado. Se puede cambiar la forma del pulmón y el texto de la contraseña y todo. Se puede cambiar a un rectángulo. Puedes cambiar la fuente si quieres enumerar cosas, puedes cambiar aquí. Y puedes cambiar el color y el texto. Ahora de nuevo, haz clic en Guardar. Y ahora recuerda si decides hacer esto y la gente está pidiendo la contraseña para la página, entonces tienes que dar el enlace de tu página protegida con contraseña. Entonces para hacer eso, vaya a las páginas. Y si vas a la página protegida por contraseña aquí, das clic en este círculo. Y aquí tienes que darles esta URL Slug solo con tu nombre de dominio es www.ejemplo.com barra URL Slug protegido con contraseña. Tienes que darles este enlace para que puedan dar click sobre este enlace y vuelvan. Serán dirigidos a esta página que acabamos de personalizar. Plomo. Simplemente pueden escribir la contraseña y podrán ver la página completa de su cartera aquí. Así es como puedes agregar una página protegida con contraseña. Vamos a reunirnos en la siguiente clase donde te mostraré cómo puedes hacer una página 404 personalizada para tu sitio web. 22. L 22 editado: Bienvenidos de nuevo a la clase. Veamos cómo podemos hacer una página 404 personalizada. Vamos a guardar algunos, cualquier enlace de oferta es por casualidad se rompe. Entonces la gente no debería quedar varada en una página de error. O sea, aunque sea una época o el enlace esté roto, deberías proporcionarles algún enlace para que puedan volver a alguna otra página. O tal vez puedan buscar otra cosa si quisieran. Entonces deberían poder hacer eso. Entonces, antes que nada, vamos a crear, en la sección no enlazada, hagamos clic en este plus. Y vamos a teatro página en blanco. Y le pondremos el nombre 404. Así que aquí haremos clic en Editar, y aquí podemos dar click en la sección Agregar. Y a lo mejor me encanta, vamos a agregar esto aquí y vamos a elegir sobre esto, y vamos a dar click en Fondo. Ahora eliminemos esto y busquemos imágenes y agreguemos algo. Cambiemos esto. Calificar algo. Simplemente borremos este botón aquí. Y no quiero esto aquí. Y entonces sólo voy a añadir un poco más de texto aquí, tal vez. Aquí puedes redirigirlos a tu página de inicio. Digamos que toda la página de tu cartera. Tal vez. Vamos a escribir algo aquí. Entonces podemos cambiar el color del texto también si quieres. Y cambiemos el color aquí también. Y haga clic y seleccione debajo del texto aquí, y haga clic en este símbolo de enlace. Aquí. Podemos dar clic aquí e ir a la página aquí, seleccionar su página de inicio y hacer clic en Guardar. Ahora bien, si alguien hace clic aquí, podrá volver a tu página de inicio. E incluso puedes hacerlo un poco más bonito si quieres. Digamos, hagámoslo más grande. Y puedes agregar alguna otra imagen también aquí si quieres. La idea es dirigir a la gente para que corrija la página si alguna vez se enfrenta. Por lo que no deben hacer click fuera de su sitio web de inmediato. Ahora da clic en guardar, y ahora solo puede hacer clic en la Configuración e ir a SCO y ocultarlo de los resultados de búsqueda. No lo queremos en un socialismo, así que volveremos a hacer clic en Guardar. Así es como puedes hacer una página 404 personalizada. Ahora para revisar los enlaces, si está funcionando o no, simplemente haremos clic aquí. Y esto es llevar esto de vuelta a nuestra página principal. 23. L 23 editado: Bienvenida de nuevo. Ahora hablemos de optimización de motores de búsqueda. Entonces hablemos de SEO, y eso es la optimización de motores de búsqueda. Ahora sé que puede sonar un poco técnico y aterrador, pero no lo es. Necesitas conocer la optimización de motores de búsqueda porque así es como mejorarás la visibilidad de tu sitio. Y así es como tu sitio se posicionará en motores de búsqueda como Google. En primer lugar, Squarespace tiene una muy buena lista de verificación de SEO que puedes seguir. Si vas a marketing y haces clic en un CEO. Aquí encontrarás la lista de verificación de SEO. Entonces aquí han proporcionado lo que debes hacer antes publicar y lo que debes hacer después de publicar. Y también a medida que evoluciona tu sitio. Ya he cubierto algo de esto en las clases. Al igual que cómo puedes agregar un título de sitio, cómo puedes agregar descripciones de SEO. Te contaré cómo puedes agregar descripción del sitio en la siguiente clase. Y también sabes cómo agregar los Títulos y cómo agregar un icono del navegador y elegir shell guardando imágenes, crea una foto personalizada para la página. Yo he cubierto todo esto. Entonces otras cosas como cómo puedes conectar el dominio personalizado que también te he mostrado. Cómo conectarse a las redes sociales. Te mostraré cómo puedes asegurarte de que SSL esté habilitado. También deberías revisar tu URL escoria que también te he mostrado como puedes hacerlo. Y elige el formato de URL de tu publicación de blog, cómo puedes agregar tu ubicación y cómo publicar tu ubicación en línea. Entonces ya he mostrado algo de esto en mis lecciones. Te voy a mostrar en la siguiente lección. Así que solo pasa por esta lista y mira si has hecho todo esto. Esta es una gran manera de optimizar para los motores de búsqueda. Tienes que pasar por esto. Entonces también tienen las mejores prácticas de contenido. Qué tipo de imágenes se requieren, qué tipo de cómo escribir el texto, contenido y tus páginas y colecciones, todo. Así que solo ve a esta lista y esto es realmente útil. La siguiente clase se reunirá y te mostraré algunas de las formas que puedes usar para optimizar aún más tu sitio. 24. L 24 VO: Entonces ahora veamos cómo podemos optimizar nuestro sitio. Entonces, antes que nada, vayamos al marketing y es genial para el SEO. Y aquí es donde se puede dar una descripción del sitio y dar una descripción adecuada del sitio. Esto ayudará a la visibilidad de su sitio. Darle una descripción y describirla con palabras clave relevantes. Como, digamos que si eres ilustrador, escribe algo al respecto. Sólo una descripción. Como han escrito aquí. Debe estar dentro de 50 a 300 caracteres. Entonces el siguiente paso es volver atrás y ahora dar clic en Configuración. Ahora aquí haga clic en cuentas conectadas y haga clic en Conectar cuenta. Ahora verás una Consola de Búsqueda, Google Search Console. Entonces Sitio conectado, Google Search Console, inicie sesión con el correo electrónico que haya utilizado y simplemente inicie sesión rápidamente aquí. Entonces, después de haber iniciado sesión, te pedirá que te asegures de confiar en Squarespace y en la consola de búsqueda elitista. Y tendrás que dar click en Permitir. Y luego aparecerá este pop-up donde se escribe que Google Search Console está conectada y puede tardar hasta 72 horas en indexar tus datos. Recuerda una cosa que aquí. Si vuelves a esta página, si vas a Analytics. Ahora aquí, hay muchas cosas, pero algunas de estas son características premium. Entonces digamos como un tipo de ventas productos en la sección de comercio, como puedes ver, esta es una característica premium. Por lo que algunos de estos serán visibles y algunos de estos no serán visibles. Si no tienes un plan avanzado de comercio de auto commerce básico. Entonces hay que ver cuál es visible y cuál no. Entonces confirmemos que si SSL está asegurado o no. Entonces para hacer eso, iremos a Configuración y iremos a Avanzado. Y SSL está activo. Entonces haremos clic en eso y nos aseguraremos de que esté marcado en esto. Seguro. Y estamos bien. Ahora también te he mostrado cómo puedes optimizar cada una de estas páginas. Entonces, si vas a páginas y haces clic en la Configuración y vas a aquí, puedes dar un título SEO y una descripción. Como he dicho en todas las lecciones que es importante. Y así es como puedes optimizar cada una de tus páginas. Entonces también actúa sobre cómo puedes agregar un título de sitio, palabra clave. Entonces, si vas a editar en alguna de las páginas, puedes hacer clic en Editar encabezado del sitio. Aquí si vas al sitio, aprendieron Logo. Aquí puedes escribir o dar una descripción. Entonces solo he escrito mi nombre, pero yo diría que escriba algo más, como digamos algo sobre lo que haces. Y también puedes incluir tu lugar. Algo así. Al igual que para mi lado, si alguien escribe en la URL de mi sitio, verás cómo se retiene diseñador de patrones de superficie, artista. Entonces así es como lo he optimizado. Puedes hacerlo dando el título del sitio aquí. También puedes incluir tu lugar. Ahora podemos dar click en Guardar. siguiente es si tienes un montón de páginas en la sección no enlazada y no necesitas alguna de esta o ninguna de estas páginas que no la estés usando. Después simplemente haz clic en esto y vamos a alternar fuera de página. También puedes hacer eso. Si vas a SEO, también puedes ocultarlo de los resultados de búsqueda. Entonces cualquiera de estas dos cosas puedes hacer ya sea deshabilitarlo por completo o puedes ocultarlo de los resultados de búsqueda. siguiente es que debes optimizar tus imágenes. Y vayamos primero a esta página Acerca de todo, dale algunos textos alt a todas tus imágenes. Vamos a hacer clic en Editar. Y si haces clic en la imagen, aquí es donde puedes agregar algo de texto alt. Y también puedes incluir algunas palabras clave si quieres. Y siempre asegúrate de que estás cargando imágenes JPEG comprimidas. Yo por lo general, si es una imagen pequeña como una captura de pantalla, mantengo a un máximo de 500 píxeles dentro de tienden a 200 KB. Y si es una imagen media y es un cuadrado, entonces puedes tenerla a mil por mil píxeles. O si se trata de un rectángulo, puedes tenerlo mil por 51500 píxeles para crear dentro de un 100 a 400 KB. Si se trata de un banner grande, entonces puedes tenerlo a máximo de 2 mil a 2500 píxeles, pero debería ser menor a 500 manteniéndolo. Así que ten en cuenta todas las especificaciones. De lo contrario lo que sucede es la carga de tus páginas afectadas. La página no se cargará correctamente. Entonces eso no es bueno para tu sitio. En esto siguiente, como te he dicho que tienes que cambiar el nombre de tus imágenes antes de subirlas. Así renombrarlo con la palabra clave adecuada, descripción relevante. Y ya te he dicho cómo podemos hacer un alimento 0 por página. Entonces esto también es importante para ti como CEO. Entonces estas son algunas de las pocas cosas que pueden hacer. Y para más información, siempre puedes seguir verificación de SEO de Squarespace y ver si necesitas hacer más optimización de su sitio. 25. L 25 editado: Bienvenidos de nuevo a la clase. Tú lo hiciste. Ahora, finalmente es el momento de publicar tu sitio web. Entonces ahora deberías estar orgulloso de ti mismo de haber construido tu sitio web por completo y ahora es el momento de publicar tu sitio web. Entonces hagámoslo. Entonces antes de publicar, puedes comprar tu dominio aquí yendo a la configuración y luego hacer clic en dominio. Y aquí se puede obtener un dominio. Si haces clic en tu nombre, te mostrará la disponibilidad de todos los dominios. Y puedes dar click en uno y decodificar byte aquí. De lo contrario, solo puedes usar tu propio dominio que ya hayas comprado. Y vamos a ir a Ajustes. Y aquí haremos clic en Disponibilidad del sitio. Y aquí damos clic en Actualizar para publicar. Ahora ILP no hace eso ya que tengo que pagar por esto. Pero cuando hagas esto, se te pedirá que selecciones un plan. Y puedes elegir un plan de acuerdo a tu conveniencia. Y entonces es bastante autoexplicativo. Squarespace te indicará cómo puedes hacerlo. Simplemente puedes hacer el pago y revisarlo y luego podrás publicarlo. Espero que este método paso a paso te haya sido lo suficientemente fácil como para que hayas podido crear un sitio web. En la siguiente clase, te contaré todo sobre cómo puedes obtener soporte y ayuda de Squarespace. Ahora la parte dura ya está hecha. Nos reuniremos en la siguiente clase donde aprenderemos todo sobre el soporte y la ayuda de Squarespace. 26. L 26 VO: Si alguna vez enfrentó algún problema mientras construía su sitio web, o incluso después de eso, entonces squarespace tiene un muy buen Centro de Ayuda. Puedes acceder a eso haciendo clic en esta ayuda. Y aquí obtendrás la base de conocimientos donde te proporcionarán muchos artículos. Se puede leer. Nuestro, ellos tendrán un taller de video para ti. Y tienen webinars, o puedes contratar a un experto si quieres. Muchas de estas cosas están aquí. Entonces puedes hacerlo yendo a la base de conocimientos. Aquí. Te proporcionarán muchos artículos que puedes echar un vistazo y averiguar si tu problema está resuelto o no. Y si haces clic en este signo de interrogación. Ahora aquí puedes consultar con ellos también. Y este es el asistente de apoyo. Puedes hacer eso si quieres. Hay muchas cosas. Hay un foro también muy puedes hacer tu pregunta y obtendrás dos respuestas. Y puedes hacer eso. Hay un buen sistema de salud robusto que dentro de Squarespace. Para que puedas acceder a eso. 27. Qué hacer después.: Bienvenidos a la clase. Ahora veamos cómo podemos conectar nuestro sitio web a Google Analytics y Google Tag Manager. Entonces ahora que tienes un sitio web blister, el siguiente paso más importante es conectar tu sitio web, tu Google Analytics usando Google Tag Manager para que puedas rastrear todos tus datos y estadísticas de tu sitio web, que será útil para el aspecto de optimización de motores de búsqueda y marketing. Si eres un principiante completo, entonces puede parecer un poco confuso aunque te mostrara cómo hacer esto. Por lo que te he proporcionado una guía completa con descripción paso a paso. A partir de configurar una nueva cuenta, estás conectando tu cuenta en Google Analytics. Encontrarás esta guía en la sección de proyectos y recursos. Así que no olvides descargarla. 28. L 28 editado: Bienvenidos de nuevo a la clase. Ahora bien, esta es una lección extra donde te mostraré cómo puedes hacer un enlace en la página de destino bio, pero es diferente. Entonces en esta lección te mostraré cómo puedes crear un enlace en la página de destino bio. Por ejemplo. Por lo general, lo hacemos usando el árbol de enlaces, pero también puedes hacerlo usando tu propio sitio web. Entonces comencemos cómo podemos hacer eso. Y vamos a Pages. Y aquí en la sección no enlazada, das clic en este plus. Y agreguemos aquí una página en blanco y solo le pondremos el nombre. Ahora iremos a la rueda de ajustes e iremos a SEO, y lo ocultaremos de los resultados de búsqueda. Haga clic en Guardar. Ahora. Ahora en esta página daremos click en Editar. Y aquí comenzaremos a agregar algo de texto y algunos botones. Entonces, antes que nada, quiero agregar algún texto. Entonces vamos a ver. Puedesescribir cualquier cosa. Escribamos bienvenida. Selecciónala y cambia el color de ésta. Ahora aquí solo seguiremos agregando botones. Entonces digamos que este es tu enlace a tu tienda tal vez. Entonces escribes tienda y darás clic aquí y te dará una URL de tu tienda y haz clic en Guardar. De igual manera agregue otro botón. Y solo vamos a escribir, digamos que es Pinterest. Y de manera similar, vas aquí y haces clic en la dirección web, y puedes dar la URL de Pinterest aquí. Y agreguemos otro botón. Tal vez te lleve a tener algún regalo o tu boletín. Para que puedas hacer eso. Y aquí, mismo trato, simplemente haga clic aquí, haga clic en la dirección web, y le da la URL aquí. Y tal vez solo diríjalos a una página donde tengas tu freebie, tu newsletter, lo que quieras. Y luego agreguemos otro botón. Y escribamos contacto. Y puedes vincular esta página, este botón a tu página de contacto en tu sitio web y hacer clic en Guardar. Entonces ahora vamos a dar un buen trasfondo. Tal vez puedas agregar algo de tu imagen si quieres. Agrega una imagen y ya he guardado algo. Sí, algo así. Estose ve bien. Por lo que podemos hacer clic en Guardar. Ahora lo que tenemos que hacer es solo necesitas dar click aquí y copiar esta URL. Slug, tal vez nombra algo diferente, como enlaces o algo así. O haz clic aquí. Algo así. Y puedes hacer clic en Guardar ahora. Y ahora lo que tienes que hacer es si simplemente haces clic en esta página aquí y tienes que copiar esta URL Slug desde aquí. Eso significa www dot your website.com slash links. Y copia esta URL y luego tienes que pegarla en tu cama bio de Instagram. que proporcionar un enlace, así que pegado ahí, y eso es todo. Cualquiera que haga clic en ese enlace aterrizará en esta página. Y ahí podrá hacer click en todos estos botones e ir a las páginas respectivas. Entonces veamos cómo se ve en un móvil. Entonces aquí así es como se ve en un móvil y se ve bastante bien. Entonces así es como se verá en tu página de Instagram. Entonces esto fue por tu lección extra. Espero que esto haya sido de ayuda. 29. Reflexiones finales: Gracias por tomar esta clase. Estoy muy contenta de que hayas decidido dar el primer paso para empezar. Espero que esta clase te haya sido útil y te haya hecho muy fácil esa abrumadora tarea de construir un sitio web. Ahora que has creado un sitio web, sugeriría trabajar en la optimización, definiendo un sitio web lentamente para que puedas atraer a tu audiencia ideal. No te animaría a subir tus proyectos a la sección de proyectos y recursos para que todos podamos ayudarnos mutuamente a mejorar nuestro trabajo. También, entrega si puedes, porque eso sería útil tanto para mí como para otros alumnos que quieran tomar esta clase. Realmente lo agradezco. Puedes seguirme en Skillshare y en Instagram en color by manmade. Y también puedes acceder a mi freebie suscribiéndose a mi newsletter. Nos vemos en la siguiente clase.