Transcripciones
1. Diseño: comienza una página de iniciación aquí: edición de plantillas: Muy bien, amigos
míos, en esta conferencia, vamos a seguir adelante y empezar a editar y diseñar nuestra página de inicio aquí. Ahora, como sabemos el inicio aquí, página va a ser realmente importante porque va a ser parte de nuestro embudo. En otras palabras, tenemos nuestra página principal. ¿ Qué? Hemos configurado el botón de aprender más. Nosotros sólo vamos a llevarlos al inicio aquí, página donde vamos a calentarlos a quiénes somos, qué hacemos, qué tenemos que ofrecer, etcétera, etcétera. Entonces, sin más preámbulos, empecemos. Entonces vamos a empezar en el back end para sitio web, y vamos a pasar por dos páginas y luego todas las páginas y luego en la parte inferior aquí
tenemos el inicio aquí, página. Simplemente voy a seguir adelante y dar clic ahí, y luego voy a seguir adelante y dar click en editar con er elemental. Entonces aquí estamos. Y aquí está todo nuestro arduo trabajo que hicimos antes. Ahora, esto me va a romper el corazón, al
menos, pero sólo voy a hacer clic en eso de distancia. Poof! Se ha ido. Perdido
para siempre, pues no lo necesitamos. Ahora. El interesante es que cuando transformas cualquier página para empezar a editar con L. Un mentor, todos
se ponen en la misma sección dos también hace que sea muy fácil de quitar. Ahora, en esta conferencia, vamos a seguir adelante y empezar a trabajar un poco con plantillas, ¿
verdad? Entonces les voy a mostrar cómo podemos hacer una página de inicio realmente agradable aquí usando plantillas y luego agregando en algunas funciones mawr y la ciencia de lo que hemos aprendido antes. Entonces solo voy a seguir adelante y hacer clic en este botón aquí mismo, y luego voy a llegar al instante a las plantillas de páginas. Ahora, tenemos diferentes plantillas de bloque también. Pero por ahora, voy a empezar con las plantillas de páginas. Y hay un montón de plantillas diferentes aquí. Ahora vas a notar que algunos de ellos tienen que pro logo aquí arriba. Obviamente, eso significa que se necesita tener la versión pro de elemental para usarlos. Pero otros que no lo hace podemos simplemente seguir adelante y usarlos. Y hay a aserrado diferentes plantillas. Es decir, hay tantas plantillas diferentes ahora, solo
voy a seguir adelante y usar esta incluso dice página de negocio de la página de inicio aquí, lo cual creo que es realmente agradable. También podríamos buscar negocios si fuera así. Entonces voy a dar click de cuidado y comprobarlo. Y creo que se ve realmente bonito. Voy a dar click en insertar y luego sí. Entonces se iban. Ahora, aquí tenemos nuestro nuevo sitio, o mejor dicho, un nuevo inicio aquí Página. Ahora, si nos
desplazamos hacia abajo, podemos ver que hemos ido en un par de cosas gratis. Tenemos en este bonito diseño con las dos columnas. Una imagen, tenemos el encabezado. Tenemos algunas tomas. Tenemos unas colillas al desplazarse hacia abajo. Tenemos estos bonitos afectos. Tenemos esta parte también. Un buen contador aquí, desplazándose hacia abajo, y luego tenemos algo de información sobre nuestro equipo. Ahora voy a empezar desde arriba, y luego vamos a trabajar nuestro camino hacia abajo. ¿ Verdad? Entonces lo primero que voy a hacer es en realidad seguir adelante y quitar este botón. Voy a dar click derecho y dar click en eliminar porque no quiero usar un botón aquí. Utilizamos un botón en la página principal con el fin de que la gente empiece aquí, página. Pero queremos que la gente se desplace hacia abajo en esta página porque vamos a estar introduciendo lo que hacemos y poniendo algún buen contenido en la mano. Después meterlo en nuestra lista de correo electrónico. De acuerdo, Entonces qué, vamos a seguir adelante y hacer ahora es empezar a editar este texto aquí mismo. el bien de la simplicidad, voy a mantener esta imagen porque creo que se ve realmente bonita. Si no te gusta,
puedes, por
supuesto, por
supuesto, sólo tienes que ir a escoger a Saboi, financiar otra imagen, click en esta, click aquí e insertar esa imagen que te gustaría Super fácil. Ahora bien, no
soy un genio creativo. He hecho alguna preparación con un trozo de texto aquí que voy a estar usando diferentes partes fuera y ya veremos cómo en qué partes estaré usando a medida que vamos el Sinus decentemente intuitivo. Ya he hecho algunos preparativos. Va a ser mucho diseño intuitivo a medida que avanzamos. Entonces lo que voy a seguir adelante y hacer es realmente copiar este texto aquí mismo, porque voy a querer usarlo. Iban a copiar y yo voy a volver y luego voy a cambiar este título aquí. El encabezado y voy a escribir El futuro está en línea, así que voy a estar hablando de cómo el futuro va a ser sobre construir tu negocio en línea y hacer tu marketing online. Incluso si estamos teniendo un negocio local, aún quieres
que te vean en línea no solo a nivel local, sino también a nivel mundial para construir tu marca aunque sea local. Entonces son hace. El futuro está en línea. Eso me gusta. Voy a cambiar un poco el estilo. Voy a entrar aquí. En primer lugar,
voy a estar aumentando el tamaño un poco más así. En realidad quiero hacerlo un poco más audaz. Ahí vamos, gustando ese gran momento. Entonces voy a entrar aquí, quitar este texto así, y luego voy a pegar en lo que acabo de copiar. Pasiendo. De acuerdo, entonces ahí vamos. Creo que se ve bastante bonito, pero también quiero aumentar el tamaño de esto. Voy a pasar a la tipografía de estilo y luego empezar a jugar un poco con este hielo. Ahí vamos. Algo así. Ahora bien, no
creo que esto sea tan fácil de leer. Entonces voy a seguir adelante y hacer algunos párrafos diferentes y hacer párrafos es muy fácil . Ahora voy a hacer es encontrar donde quiero los párrafos. tiempo de negociación por dinero está anticuado. Más de tres mil millones de personas están usando Internet y buscando soluciones a sus problemas. Ofrece la solución y tienes un negocio. Ahora, quizá quiera hacer algo como esto, ¿no? Tiempo de entrenamiento de la honesta, anticuada Bubba Blam! Ofrece la solución y tienes un negocio. Entonces esto podría ser un párrafo y sólo va a saltar así esta parte, llegar a mucha gente, y te dan un gran negocio. Ya sea que estés empezando desde cero, estás buscando expandirte. Te tenemos cubierto. Eso me gusta. Voy a bajar esto ahora. En realidad podría incluso querer hacerlo así. Bájala esa y luego voy a volver a conectar estas de ahí atrás. Entonces tenemos tres párrafos diferentes aquí, y creo que esto se ve realmente bonito, en realidad, y voy a disminuir ligeramente el tamaño de esta imagen. Voy a ir allá y puedo jugar con el con así Ok, Tenemos el tener completo solo va a hacerlo cada vez más pequeño. Ahí vamos. Algo así. Ahora eso es microgestión. Pero aun así por favor este mi ojo. Entonces el futuro está en línea, y luego tenemos el Tenemos el encabezado aquí, que creo que se ve muy bien. Tenemos la pieza de texto pasando aquí, así que vamos a echar un vistazo a la vista previa. Entonces así es como se ve en este momento, Los futuros en línea que tenemos, el texano, se
puede ver lo anterior la sección completa. Para mí, es realmente hermoso. De verdad me está gustando esto ahora como un pergamino hacia abajo notó que nuestros hombres, acabas de salir directamente al abismo o algo así. Espacio exterior. Ahora, esto es sólo un error en el modo de vista previa. No va a ser así cuando guardemos todo a un sitio web. Entonces no te preocupes. Entonces me gusta esta parte. Estoy realmente contento con lo anterior la sección de pliegue ahora mismo. Ver lo fácil que fue eso por cierto fuera de curso es fácil porque preparé algo de texto. Pero gracias a las plantillas, edición es realmente rápida y agradable. Ahora han hecho algo realmente bonito y nota Tenemos cuatro partes diferentes pasando. Y si vuelvo el ratón por encima así, obtienen este bonito efecto azul que se cierne. Ahora bien, si te gustaría hacer algo como esto tú mismo o agregar en tus propios iconos todo lo que necesitas hacer, pasémonos y desplázate hacia abajo hasta la caja I come. Si pones tu caja yo vengo aquí dentro, vas a poder elegir tu propio ícono aquí dentro. Entonces usemos una estrella. Es un ejemplo así,
y todo lo que necesitas hacer para obtener el tipo de maravilloso efecto flotante que tienen es ir al estilo, ir a flotar y luego elegir un color para eso. Entonces vayamos con algún tipo de azul como si estuvieran usando nieve. Si me paso el rato, obtenemos este mismo azul que también están usando. Entonces es algo realmente fácil de hacer si no estás contento con los logotipos actuales que están pasando
aquí,
y voy a borrar ese ahora,
Curiosamente,en aquí, y voy a borrar ese ahora, Curiosamente, realidad
estoy muy contento con esto, así que estoy los va a quedar, y voy a sumar algunos tecs más que tengo, así que aquí estamos. Estamos mostrando lo que estamos ofreciendo con nuestros cursos. ¿ Verdad? En primer lugar
, son cursos prácticos. Manos en la enseñanza. Voy a copiar eso. Y por último, basta. En realidad, tenemos una mano pasando aquí, y luego tenemos estos crecimiento. Entonces creo que eso es tan maravillosamente simbólico, ¿
no crees So Some? Me gusta esta parte. Ahí irá curso práctico de manos en la enseñanza para obtener resultados del mundo real. Voy a hacer lo mismo por este. Voy a cocinar con esto por aquí, y lo voy a pegar. Entonces solo voy a seguir adelante y hacer eso por estos, también. Muy bien, entonces se irán ahora. Yo los he copiado pegado todos aquí tenemos los cursos prácticos,soporte premium
ilimitado, soporte premium
ilimitado acceso
ilimitado a todas las actualizaciones futuras y garantía de devolución de dinero de 30 días. Ahora, la parte importante del diseño aquí es que estamos usando para rosa para el texto. Así que sigamos adelante y previsualicemos los cambios y asegurémonos de que en realidad se
vea así en la pantalla aquí también. Entonces, vamos a desplazarnos hacia abajo. Ahora podemos ver que todavía hay algo. Solo hay una texturas road off que vamos a tener que agregar en algún texto para mantener el diseño. De lo contrario, vemos que éste se hunde un poco. Pero queríamos subir de ritmo. Nos estamos poniendo linda fila pareada pasando. Entonces sigamos adelante y añadamos aquí algún texto. ¿ Todo bien? Entonces acabo de añadir en un trozo de texto aquí acabo de añadir en este pequeño el guión largo y luego escribí para siempre, y como puedes ver, eso lo pone en línea con la muñeca. De verdad estoy cavando esto y estoy amoroso. Este es el efecto que obtuvimos con la plantilla también. Entonces sigamos adelante. Ahora. Contamos con soluciones digitales. Impulsa tu éxito, ¿verdad? me está gustando mucho. Pero voy a escribir algo diferente, y voy a seguir adelante y editar esto, que ha potenciado tu éxito. Y voy a cambiar eso a de principiante a experto así. Y realmente estoy disfrutando de las soluciones digitales que en realidad conseguimos de forma gratuita aquí también. Ahora podría estar escribiendo cursos digitales fuera de curso, cualquier cosa. Pero me gustan mucho las soluciones digitales porque lo que estamos ofreciendo nuestras soluciones a los problemas, ¿no? Al igual que estábamos señalando en este texto. Entonces realmente estoy cavando eso que voy a cambiar este texto también. Voy a ir a robar un pedazo de las tomas que he estado escribiendo aquí. Un poco de plantilla. Vamos a sumar. Esto está bien, sólo voy a copiar esto. Y yo voy a quitar esto y pegado. Entonces no cavar realmente las vistas en este momento. Voy a pasar a la tipografía de estilo, y voy a aumentar así el tamaño. Ahí vamos. Ahora. De verdad estoy cavando esto, para ser honesto. Así que soluciones digitales de principiante a experto Si estás interesado en aprender
marketing digital Amazon, FB o Shopify drop shipping estuvieron a tu servicio realmente, realmente agradable. Yo estoy súper feliz por eso. Ahora bien, no
estoy cavando este botón. Y tampoco estoy cavando la cabeza de color porque realmente no es apropiado con el
tema del collar que hemos estado usando. No se ve muy mal. En realidad es agradable. Grady int Si no sabes lo que es un Grady int, te
voy a mostrar eso ahora mismo. Entonces, ¿qué podemos hacer para cambiar el fondo? Hayes, ve a editar sección aquí arriba movido al estilo y luego puedes ver que en lugar de usar el clásico, que hemos estado usando a lo largo de casi todo el diseño, están usando ingrediente radiante lo que significa que están usando dos colores. Se están desvaneciendo el uno al otro, y yo lo estoy cavando, pero en realidad no funciona con nuestro tema. Entonces lo que voy a seguir adelante y hacer es realmente moverme aquí arriba y pasar al menú por defecto colores y acento y agarrar este código hexadecimal para rojo que hemos estado usando desde hace
bastante tiempo. Y luego voy a dar clic aquí y volver a editar la sección. Y entonces empecemos a jugar un poco con los colores. Entonces en lugar de tener este rosa, voy a ver cómo se ve Si solo agrego en este color, obtenemos este tipo de bonito color rojizo yendo en su lugar, que, realidad, estoy cavando esto. Creo que se ve realmente bonito. Entonces creo que voy a quedarme con esto ahora. Podríamos estar jugando con los otros colores. Bueno, tenemos el azul pasando aquí ahora mismo. Podríamos estar decidiendo el destino se desvanece. En realidad, esto se ve bastante bonito, no tan agresivo. Se irían. Y también podemos estar decidiendo la ubicación fuera del desvanecido. Se dio cuenta de que aquí está pasando esta línea. Si lo pongo a 100 la línea va a cubrir todo. Si lo
bajo, estoy llego a decidir por cuánto tiempo va así. Y también la ubicación Significado ¿Cuánto tiempo se va a desvanecer? Tenemos la línea por cuánto tiempo va a ser? Descolorido. De acuerdo, sólo
voy a tirar un poco hacia atrás, y voy a ir desde bastante lejos ubicación porque disfruto este tipo de look, Así que realmente me gusta esto. Creo que esto resultó realmente agradable. Entonces vamos a seguir adelante y quedarnos con esto y revisar los anticipos y ver qué acabamos de conseguir. Entonces, vamos a desplazarnos hacia abajo. Entonces tenemos este tipo de caja pasando, y estoy cavando esto ahora con mucho de este tiempo, realidad
hemos estado saliendo a los bordes, y realmente me gusta eso. Pero también me gusta mucho este diseño, este tipo de diseño de caja. Ahora lo que voy a seguir adelante y hacer es cambiar el botón porque quería ir más de la
mano con nuestro tema rojo, ¿
verdad? Por lo que sólo voy a dar clic derecho aquí y dar clic en eliminar. Entonces me voy a mover aquí a los elementos, ir y agarrar el fondo, y voy a estar colocándolo abajo así. Pongámoslo a tamaño mediano. Voy a centrarlo y luego leamos la toma. Si estás interesado en aprender a usar el mercado, el Amazon, estamos a tus órdenes, por lo que sería apropiado escribir. Aprende más Aquí, por ejemplo, voy a dirigirme al estilo, y luego voy a dirigirme a la tipografía, y quiero convertirlas en letras mayúsculas. Ahí vamos, y yo también quiero añadir algún tipo de efecto sobre ellos. Entonces volvamos al estilo y vayamos a flotar. Y luego vamos a ir por animación hover y crecer. Es una de mis animaciones favoritas así. Y luego añadamos también en el satélite cambio de color cuando pasamos el cursor. Entonces voy a ir con el color de fondo. Voy a pegar en nuestro rojo así y podemos ver que sólo voy a aligerarlo un poco. ahí vamos. Y se puede ver que se pone cada vez tan leve. El destino cuando vuelvo el ratón por encima, que creo que se ve muy bien. Realmente disfruté eso. Tan amoroso esta parte. Voy a quedarme con esto. Vamos a dar el adelanto y ver cómo se ve. Desplazándose hacia abajo. De acuerdo, verdad
me está gustando esto. Piensa que se ve super bonito. Conoce más soluciones habituales desde principiante hasta experto unas pulgadas y aprendió su
nave de remarketing Si estuviera a su servicio, Esto es realmente bueno. De acuerdo, entonces una cosa que noté un par El futuro es en línea amar este texto, pero quiero convertirlo en letras mayúsculas. Y creo que esto es tan agradable que te sigas aquí también, porque cuando estoy diseñando, usualmente
me gusta tomarme un par de horas con Miss. Yo haría algo. Después vuelvo y hago algo más de lo que vuelvo. Y es justo la forma en que diseñé, al
menos así que voy a dar clic aquí, y luego voy a ir a la tipografía, y luego voy a pasar a transformarme e ir a mayúsculas así. Ahora podemos ver que saltó a Rose. Pero no quiere decir que realmente salte a dos filas en la vista previa. Y por desgracia lo hace. Sólo voy a minimizar un poco esto. Voy a mudarme aquí e ir a topografía, y justo abajo tamaño es un poco así. Y volvamos a revisar el avance una vez más. ¿ De acuerdo? Por lo que se ve mucho mejor. Estoy cavando esto y realmente disfruto de las letras mayúsculas desplazándose hacia abajo. Tenemos esta parte que también estoy cavando realmente, y luego vamos a cambiar estas ahora por aquí. Esta es una especie de contador, y podemos decidir tanto qué va a decir como también qué va a contar hasta. Entonces voy a empezar con los temas aquí mismo para los temas que quizá quiera escribir algo así como cursos. Correcto. Y ahora tenemos 21 cursos actualmente, así que voy a aumentar esto a 21 aquí dice, usuarios, Ahora en realidad vamos a cambiar a estos dos estudiantes, y luego tenemos la cantidad de estudiantes y creo que es es 14,301 lo cual es absolutamente , insanamente increíble. así que muchas gracias por eso. Estoy tan agradecido por ello. Y te lo prometo, Jesper está igual de agradecido. Entonces vamos a mantenerlo así. Y entonces también hemos actuado, instala. Y para eso podríamos escribir, por ejemplo, reseñas. Voy a escribir esas críticas y luego el número final que vamos a escribir. Creo que ahora mismo es 4556, algo así. Tantas críticas esto. Creo que es tan increíble. Entonces se iban. Ahora, si hago clic en los cambios de vista previa, echemos un vistazo a cómo se ve ahora mismo. Vamos a desplazarnos hacia abajo y luego podemos ver cabildo a 21 cursos, 40,301 estudiantes y 4556 opiniones. Ahora, eso es increíble. Estos son números increíbles, y me gusta esto y luego tenemos la sección de nuestro equipo. Ahora bien, realmente no
estoy cavando las secciones de nuestro equipo. En realidad voy a seguir adelante y quitar esta sección. Y ahora lo que vamos a seguir adelante y hacer es sólo asegurarnos de que todo aquí se vea bien . me está gustando. Ahora me gustan estos. En realidad voy a cambiar el Grady y un poco aquí. Vamos a volver un poco allá. Por lo que quería ser menos roja. Ahí vamos. Algo así. De acuerdo, así que me gusta mucho más esto. Es mucho menos invasivo. Ennis no es tan poderoso porque el resto del diseño va a ser muy poderoso. Entonces esto me está gustando. De acuerdo, Entonces lo que hemos hecho en este momento es que hemos editado todas las cosas que venían con la plantilla ahora mismo, lo que vamos a seguir adelante y hacer la siguiente conferencia está acostumbrado a habilidades que hemos aprendido previamente y empezar a agregar en material extra aquí dentro, como agregar en nuestros propios encabezados, agregar en nuestro propio contenido, para estar mostrando que ponerlo pero hijos etcétera. Pero siempre vas a tener que recordar al hacer el diseño o dos cosas. Recuerda seguir ahorrando ahora, ya sea que IHS guardando s un borrador o actualizando lo que tienes esta cosa súper importante que recordar. El segundo es que cuando estás colocando cosas como botones como este, recuerda hacer clic en esos botones, ir al contenido, y en realidad vincularlos. No podemos tener botones que no hagan ningún bien. ¿ Verdad? Entonces para mí, sería algo perfecto aquí estar vinculando a nuestra sección de cursos. Por lo que me limitaría a dar clic derecho aquí y luego hacer clic desacoplar ir aquí, quitar este signo, y lo pegaría en. Y ahora va a enlazar con In ahi. Ahí va a recordar esas dos cosas. Sigue guardando y siempre vincula todos tus botones y el material es así que chicos viendo la próxima conferencia para la segunda parte.
2. Diseño: comienza una página de inicio en la : añadiendo contenido: Muy bien,
chicos, chicos, bienvenidos de nuevo. Ahora sigamos con el diseño. Entonces esto es lo que tenemos actualmente. Tenemos nuestro titular. Tenemos nuestro texto, tenemos esta imagen. Y entonces estamos teniendo estos lindos iconos con lo que estamos ofreciendo lo que están obteniendo de los cursos. Y también tenemos estas resoluciones de principiante a experto, donde pueden aprender más que descenso. Dos cursos y también esta parte. Ahora, realmente
estoy disfrutando de esta caja. Signo D. No obstante, para la próxima personalización es lo que vamos a seguir adelante y hacer en realidad se cambia
toda la página a una más llena con diseño. Porque voy a ser una ofrenda algún contenido y también escribir sobre el verano para cursos . El 1er 1 siendo Shopify. Y voy a querer Shopify call front anti tu rol ahora. Ahora mismo, eso no es posible porque estamos teniendo el defecto. Mira al pliegue, WordPress. Mira, y voy a necesitar un completo con look para eso. Entonces lo que voy a seguir adelante y hacer es cambiar para mostrar fuera de toda esta página, y todo lo que necesito hacer es pasar a establecer las cosas aquí abajo y Entonces voy a seguir adelante y clic en el diseño de página y cambiarlo a Elemental lleno con ahora mismo. Si quiero conservar el contenido de la caja, podemos usar márgenes y simplemente volver a ponerlo. Es súper sencillo de hacer, pero voy a ir con el elemental lleno con y ver cómo se ve el contenido. Y si me gusta, me lo voy a quedar así. Muy bien, así que vamos a desplazarnos hacia abajo. Lo que podemos ver es que esto se ha ido de mi caja. Mira a un completo con look off curso, porque todo va a verse afectado. Ahora me está gustando esto. Creo que esto sí tiene un bonito look. Y porque me encanta este mucho, mucho más. Y creo que tener esta única caja y tener ésta llena va a ser un mal diseño. Vamos a ir con el full con look todo el camino. De acuerdo, entonces vamos a quedarnos con esto para poder seguir con el fichaje con el completo ahora. ¿ Debería querer cambiar eso y volver a los libros? Todo lo que necesitaría hacer es editar esta sección, ir a avanzar y luego trabajar con el pad ings. Y podría trabajar algunos con los márgenes también. Por lo que en realidad podríamos estar boxeando una vez más. Pero no vamos a hacer eso porque estoy amando tanto a éste el contador. Pero no puedo tener el contador lleno dentro de esta caja, porque eso sólo va a quedar terrible. Entonces, chicos, aquí es donde empezamos a usar nuestras habilidades recién encontradas, ¿de acuerdo? Y agregando en nuestro propio contenido. Entonces lo que voy a seguir adelante y hacer es ir a los elementos. Voy a elegir uno de los encabezados y sólo tirarlo aquí mismo, ¿de acuerdo? Y luego voy a entrar aquí, y voy a montar el envío de gota Master Shopify porque de eso se va a
tratar esto . Voy a hacer esta sección aquí, y voy a estar ofreciendo algún contenido y jugo, realmente atrayéndolos con lo que tenemos para ofrecer y mostrándoles lo que tenemos para ofrecer. Entonces voy a escribir un barco maestro si dejo el envío así como así, Vale, voy a centrarlo movido al estilo y la tipografía, y voy a estar aumentando su tamaño. De acuerdo, creo que éste en realidad se ve bastante bonito. Ahí vamos. Ahora, lo siguiente que voy a querer hacer es pasar a avanzado. Voy a poner un poco de relleno alrededor. Vamos a ir con una cosa clásica de relleno 70 es muy clásica. Se ve realmente bien. Justo así. Está bien. Entonces porque lo vamos a estar haciendo sobre un envío de gota Shopify Shopify sí tiene su cierto color. Entonces lo que voy a seguir adelante y hacer es en realidad convertir el color de fondo en el
color Shopify , y eso es muy fácil de hacer. Ahora, todo lo que necesito hacer es estar en editar la sección aquí, ir al estilo. Y ahora, normal. Voy a ir al fondo clásico. Recuerda, estábamos trabajando con ingrediente antes. Voy a ir con el clásico y luego voy a cambiar el color. Entonces, para saber sobre el color Shopify, todo lo que necesitamos hacer es en realidad solo abrir una nueva pestaña y luego vamos a escribir en Shopify hex color y esto va a aparecer en la parte superior así. Simplemente voy a seguir adelante y copiar esto así y cierro esta pestaña, vuelvo aquí y la voy a pegar así como así. Voy a necesitar el hashtag s. Bueno, ahí vamos. Entonces ahora estamos consiguiendo este bonito, hermoso color verde así. Entonces es así de sencillo. Siempre que estés buscando un cierto color hexadecimal porque quieres hacer alguna otra empresa,
por ejemplo, por ejemplo, tal vez estés haciendo tus propios cursos. O tal vez estás ofreciendo ciertos servicios. ¿ Estás siendo una empresa hija? Lo que sea. Simplemente puedes google el nombre y luego color hexadecimal, y aparecerá la mayor parte del tiempo. Entonces ahí vamos. De verdad estoy feliz por este. ¿ Ahora qué? Voy a seguir adelante y hacerlo empezar agregando algún contenido aquí abajo en la primera pieza de contenido que voy a querer agregar está en imagen. Entonces para no confundir los colores de fondo, en realidad
voy a seguir adelante y arrastrar esta imagen y ponerla aquí abajo, ¿
verdad? No lo voy a poner ahí abajo. Si yo waas, lo habría arrastrado abajo aquí, pero no lo puse en su propia sección con el fin de mantener este color y luego podemos mantener un fondo
blanco para la imagen y te voy a mostrar por qué justo ahora. Entonces vamos a hacer es dar click aquí e ir a elegir imagen. Y también chicos, hice alguna preparación que he subido un par de imágenes que sé que quiero usar para
guardar todo a veces lo contrario será por un largo, largo, largo tiempo. Por lo que me voy a pasar al 1er 1 con su modelo de negocio de envío por gota Shopify. Voy a dar click en insertar. Entonces ahí vamos. Y probablemente ya puedas decir que me estoy centrando en un tema de color aquí mismo. Ahora estamos usando los llamantes de Shopify aquí. También estamos usando mucho blanco en la imagen misma y también negro. Y esto es lo que estamos haciendo aquí, también. Ahora, la sección anterior estaba cerca del blanco, poco grisáceo que le lleva el pelo negro. Y luego estamos usando colores Shopify en el fondo. Entonces esto estoy cavando. Estoy cavando este pueblo grande. Vamos a comprobarlo en la vista previa y me voy a desplazar hacia abajo y luego podemos ver aquí
tenemos Master Shopify drop shipping y luego conseguimos que esta sección aparezca así que creo que esto se ve realmente bonito y realmente sólido. Yo estoy feliz por eso. De acuerdo, Entonces lo que voy a seguir haciendo ahora es agregar algo más de material. Ahora, para que esto no se vea tan dólar luce tan aburrido. Más bien, voy a seguir adelante y cambiar un poco las cosas. Voy a dar click en este botón, y voy a hacer dos columnas porque ahora voy a pasar a los elementos y usar un encabezado a la izquierda. Y voy a estar usando una imagen a la derecha. Y básicamente, lo que voy a estar haciendo es exhibir. Ofrecer algún tipo de contenido al escritor y hacer una descripción a la izquierda. Muy corto, Muy al grano, no consumir el tiempo de nadie, sólo mostrar de qué se trata y qué tenemos para ofrecer. Claramente, ya
hay ah, mucha información que fluye a los usuarios aquí. Podemos ver exactamente cómo funciona la tienda, si yo modelo de negocio de envío gota aquí. Se trata de un modelo muy sencillo, muy efectivo. Entonces, ¿qué? Voy a seguir adelante y hacerlo empieza con la imagen. Voy a dar clic aquí, y voy a elegir la escala o detener la imagen así. Ahí vamos. Por lo que ahora tengo la imagen de parada del escalador luciendo realmente bonito ajuste con los collares y todo. Y voy a escribir en el escritor de textos y voy a escribir Dr Targets. Ah, tráfico. Está bien. Y también quiero sumar más de un ponche a esto. Voy a pasar a la tipografía de estilo y voy a ir a transformar y hacer esto en mayúsculas allí iría conducir tráfico dirigido. De verdad estoy cavando esto y voy a aumentar el tamaño algo así. De acuerdo, así que vamos a revisar esto. Hagamos una vista previa de los cambios, y me voy a desplazar hacia abajo. Y aquí tenemos Master Shopify envío gota. En realidad podría hacer esto un poco más pequeño y desplazándome hacia abajo. Tenemos la tienda si envío gota modelo de negocio que se ve muy bien, ¿de acuerdo? Y luego tenemos al Dr tráfico dirigido y tenemos esta escala o dejar de seguir aquí mismo. Como podemos ver, hay un poco cerca el uno del otro. Pero eso está bien. Vamos a arreglar eso en un poquito ahora. Antes de hacer eso, en realidad
voy a seguir adelante y dar clic aquí arriba. Esto es interesante. Eso nos va a ahorrar mucho tiempo, y luego voy a dar clic en copiar porque entonces puedo bajar a este espacio vacío y dar clic en pegar. Obviamente, voy a conseguir la galleta exacta. Y lo que es tan bonito de eso es que esto va a tener el tamaño correcto, va a tener la letra mayúscula. Va a tener la llamada correcta de todo. Simplemente estamos copilando toda esta doble llamada con el contenido. Entonces todo lo que necesito hacer ahora es hacer click en esta imagen, eliminarla, clicker en la siguiente, iban a insertar medios, y luego solo voy adelante y cambio este ticks. Entonces voy a escribir algo así como triplicar tus ventas. Ahí vamos. Conduce tráfico dirigido, triplica tus ventas, y ahora esto. Prevista de ello. Voy a desplazarme hacia abajo, y podemos ver que en realidad hay muchas cosas buenas pasando ahora mismo. Yo estoy cavando esto, así que hagamos un poco más de espacio para que esto tenga más sentido ahora mismo. Está tan abarrotado, no
soy nada. Eso así voy a empezar haciendo algo de espacio entre aquí. De acuerdo, Así que voy a dar click en esta sección y van a ir a avanzar. Y ahora voy a jugar con el margen superior en el margen superior sobre Lee porque va a hacer algo de espacio entre aquí. Entonces pongamos 50. Por ejemplo, conseguimos que vaya alguna bonita base, y luego me voy a pasar a la del medio ahora. Se dio cuenta de que esta columna de aquí escribe la gran imagen. Hay dos columna dicho, pero podemos contar. Esta es una sección aquí y luego tenemos una sección aquí. Ahora, lo que voy a hacer es elegir la sección media, ir a avanzada, y luego voy a montar, Digamos que 70 en la parte superior y bots en margen aquí mismo. Y la razón de eso es, entonces vamos a conseguir algo de espacio a éste, y vamos a conseguir algo de espacio a éste. Entonces sigamos adelante y previsualicemos estos cambios y desplazándonos hacia abajo y podemos ver que tenemos a los maestros. Shopify drop shipping y obtenemos una gran, bonita exhibición de para mostrar antes del modelo de negocio de envío gota. Tenemos el objetivo, el tráfico, que todo esto sigue siendo,
demasiado cerca. Entonces voy a necesitar exagerar un poco estos. En realidad voy a seguir adelante y hacer de este espacio el margen. Voy a ponerlo a 70 y luego voy a hacer los márgenes para la sección media en algo así como, Vamos a enloquecer a mi Vamos con 150 Ahí vamos. Entonces vamos a previsualizar los cambios desplazándose hacia abajo una vez más. Es mucho desplazamiento encendido. Tenemos un poco más de espacio aquí. De verdad me está gustando esto. Y luego tenemos esta unidad de tráfico dirigido. De acuerdo, realmente
estoy cavando esto ahora. Observe cómo hay como, ahora
eres capaz de respirar cuando te desplazas hacia abajo, ¿
verdad? Solo hay una cosa a la vez esperando. Estoy cavando de esta manera, manera, mucho más. En realidad, lo
voy a aumentar aún más porque lo estoy cavando tanto. Te vas a mover y voy a poner los márgenes a 200 luego voy a hacer otra vista previa y desplazarme hacia abajo. Absolutamente. Sí. Me gusta esto a tanto más espacio allí tanto más fácil enfocarme en lo que realmente hay aquí. Definitivamente cavando esto ahora. Hay una cosa que voy a querer cambiar sobre esto, sin embargo, y es que me gustaría hacer estas imágenes un poco más grandes porque no creo que sean lo suficientemente visibles. Entonces voy a volver aquí y voy a estar cambiando las columnas, cierto. Entonces voy a mover éste hacia la izquierda y vamos a ver, No seamos tímidos. Vayamos con 37 Voy a probar 37 aquí también. Ahí vamos. OK, y voy a previsualizarlo una vez más. Ah, se ve mucho mejor conducir tráfico dirigido que salta hacia abajo. Absolutamente. No hay problema. A mí me gusta. Esto es mucho más fácil de ver. Tendrán el embudo de ventas, que es mucho más fácil de leer ahora. A mí, con el diseño. Si hay un camino para sogar porque no están en el mismo tirado en el mismo camino, eso realmente no importa. Entonces estoy cavando absolutamente esto ahora. Va a haber una cosa más que quiero hacer con esto o dos más más bien que va a estar disminuyendo el tamaño fuera de esto. Creo que es un poco demasiado grande. Creo que me volví un poco demasiado loco aquí. Voy a empezar su tipografía movida al estilo. Y sólo baja este. Vamos con ustedes saben, 50. Vamos con 50 y desigual, No su número. Ahí vamos. Ahora voy a querer añadir un botón aquí. Entonces ahora te has metido en una muestra de lo que tenemos para ofrecer. A lo mejor sabes lo que es. A lo mejor no, pero definitivamente es tentador. ¿ Verdad? Por lo que en realidad estamos ofreciendo redacción de contenidos. Yo les estaba mostrando el modelo de negocio. Incluso les estamos mostrando lo que lo estamos usando para impulsar el tráfico, tanto si lo entiendes como si no sigue siendo buen contenido. Y luego les estamos mostrando el embudo de ventas. Ahora, la pregunta en su mente es, por
supuesto. Está bien, esto se ve realmente bien, pero quiero aprender esto. Bueno, por
eso vamos a ir a elementos a los que iban a ir. Pero hijo, y luego lo vamos a agregar aquí mismo, y luego seguir adelante y ponerlo al centro y hacer aprender más botón. Ahora, si queremos hacer una vida aún más fácil para nosotros mismos, vamos a desplazarse hacia arriba. Vamos a dar click en este botón. Coupet se desplazó hacia abajo y podríamos simplemente seguir adelante y quitar este clic derecho aquí, pegarlo y mirar eso. Increíble. Y también voy a seguir adelante y convertir esto en un botón grande porque eso va a encajar más con esto esta vez porque este es un diseño bastante grande pasando ahora mismo. Entonces vamos a previsualizar esto, ¿de acuerdo? Estoy amando esto ahora mismo. Podemos ver que tenemos todo de la manera en que realmente quería ser. Dr. Tránsito
dirigido. OK, aquí viene el siguiente, y luego tenemos el botón aprender más. De acuerdo, Ahora vamos a querer un poco en el espacio entre ahí. Nada loco. Simplemente voy a bajar, y luego voy a dar clic en esta para editar esta sección, ir a avanzar, y luego poner un margen superior. Nada demasiado loco. Vayamos con 30 o algo así. Se iban. Sentémonos previsualización una vez más. Está bien. Y aquí lo tenemos. Creo que lo exageré. Voy a volver, y voy adelante y ponerlo a 15. Ahí vamos. Entonces, hasta ahora, tan bueno. En realidad estoy amando este diseño ahora. Esto va a pujar por esta conferencia. En la próxima conferencia, voy a mostrar cómo puedes usar la misma plantilla que a lo que ya has creado para acelerar
realmente la creación de las próximas secciones. OK, entonces vamos a continuar con nuestro diseño en la próxima conferencia. Entonces nos vemos ahí, chicos.
3. Diseño: comienza una página : cómo templar tu contenido: Bienvenidos de nuevo, chicos. Sigamos con nuestro diseño. Recapitulación rápida. Esto es lo que hemos creado desplazándose hacia abajo. Nosotros hemos hecho toda esta belleza en este momento, algunos de una plantilla, algunos de los nuestros haciendo como esta fiesta es su propio hacer. Ponemos algunos espacios agradables pasando aquí mismo. Y luego acabamos de añadir el botón aprender más con un espacio con el que estoy contento. Lo que vamos a seguir adelante y hacer ahora mismo es en realidad crear secciones similares como
esta . Ahora, esta es una sección Esta es una sección, etcétera, etcétera. Pero podríamos decir que esta es una gran sección ified de la tienda justo aquí. De acuerdo, sólo
vamos a llamarlo así. No es así en elemental, pero llamémoslo así ahora mismo. Pero vamos a seguir adelante y hacer ahora es crear otra sección para marketing digital y luego otra sección para Amazon F B A. Pero como ya hemos hecho fuera del arduo trabajo, hay un atajo bastante que podemos estar usando para nuestro futuro diseño para esos cursos. Y te voy a enseñar cómo hacer eso. Entonces volvamos aquí Ahora, lo primero que vamos a querer hacer es crear otro encabezado. ¿ Verdad? Pero todo lo que necesito hacer es hacer clic aquí, click en copiar, bajar y luego pegarlo aquí. Ok, ahora, esto no es realmente lo que buscamos cuando no puedo hacer otro barco si envío gota. Pero ya tenemos el relleno. Hemos comenzado alguna forma de coloración, por lo que sólo tenemos que seguir adelante y editar. Se necesita, voy a escribir el master marketing digital así, y luego me voy a pasar al estilo, y luego voy a ir a editar esta sección aquí arriba, pasar al estilo, y voy a cambiar el color de fondo. Ahora, claro, la pregunta es, ¿cuál va a ser el color que voy a estar usando? Bueno, en este caso, realidad
voy a estar usando los llamantes de WordPress. Entonces voy a buscar WordPress color hexadecimal así. Y aquí lo vamos a conseguir de inmediato. Voy a agarrarlo. Y la razón por la que voy a agarrarlo es porque uno creo que es un color encantador. Encaja con el resto. Y también porque una gran, gran parte de los cursos de marketing digital creando tu propio sitio web usando WordPress. Por lo que también es muy simbólico. Entonces volvamos aquí. Voy a despejar este, y lo voy a pegar. Ahí vamos. Por lo que me gusta este color, para ser honesto. Por lo que esto ya está dicho y hecho. ¿ Ves lo rápido que es esto? Lo único que realmente necesitamos hacer es poner el margen a ese botón. Pongámoslo a 70 o algo así. Por lo que obtenemos algún espaciado adecuado. Probablemente podríamos incluso hacer como 100 y 20 tal vez 100. No nos volvamos demasiado locos. Y luego me voy a desplazar hacia arriba, y sabemos que aquí solo hay un panorama grande, así que no hay nada que tengamos que hacer que sea demasiado loco. Sabemos si hacemos click en la sección aquí que el margen es de 70 entre estos dos. Entonces me voy a desplazar hacia abajo. Voy a pasar a los elementos, agarrar una de esas imágenes, ponerla ahí abajo porque no queremos ponerla dentro, ¿recuerdas? Y luego voy a dar clic en imagen, y ahora voy a estar usando una imagen para marketing digital va a haber un poco diferente. Voy a estar mostrando lo exitosos que hemos tenido con nuestro marketing digital mostrando teniendo millones de visitas fuera y millones de tiempo fuera de reloj. Y esto también es realmente bueno para la prueba social. Claramente, porque estamos mostrando resultados realmente claros aquí. Entonces esto se ve genial. Voy a quedarme con esta imagen. Ahora voy a desplazarme hacia arriba y recordar sus dos columnas que en realidad pusieron estos 2 37 con Mix them up. Entonces voy a seguir adelante y dar clic ahí copiar y luego bajar y voy a pegar esto y voy a pegar otro en así. Ahí vamos. Y ahora todo lo que necesito hacer es editarlos. Voy a dar clic en este, quitar esta imagen y agregar una nueva va a ser para marketing digital. Vamos a usar este y aquí voy a escribir anuncios de monstruo en Facebook así y aquí
abajo, voy a quitar esta foto. Haga clic en eliminar, haga clic en este, y voy a añadir en esta imagen, cual creo que es absolutamente encantadora. Me encanta este diseño y voy a hacer clic en él cambiar Esto toma y voy a escribir más de 40 horas de descuento Matt cereal, mostrando lo que está incluido en el curso. No creen que eso vaya a estar en los anuncios de Lee Facebook, mostrando
claramente que hay muchas plataformas de marketing digital y van a ver las dos porque estamos fuera de curso vamos a estar sumando en el aprender más. Pero el martes, voy a copiar eso. Ve aquí y lo voy a pegar así como así. ¿ De acuerdo? A mí me gusta esto. Este es un diseño realmente bonito y encantador. Ahora, hay un poco de relleno aquí. Recuerda, estamos usando la sección media. Entonces, ¿qué? Voy a seguir adelante y hacer es dar click en editar en esta sección, ir a avanzado y no mantener 200 ahí en la parte inferior. Guardémonos 15 o algo así. Voy a quedarme así por ahora. Y luego vamos a previsualizar los cambios y ver qué hemos creado. Entonces me voy a desplazar hacia abajo Shopify aparte. Estoy súper feliz por Tenemos que aprender más botón. Contamos con el maestro marketing digital. De acuerdo, estamos mostrando esto y luego tenemos los anuncios maestros de Facebook escalados a más de 40 horas de material. Y luego aprendí más. Pero ahora esto es camino, camino, demasiado cerca. No estoy cavando eso. Podemos ver que hay mucho más espacio pasando aquí, así que voy a poner el a unos 50. Hagamos un relleno ahí dentro. Entonces voy a volver. Yo también voy a pinchar aquí, Avanzado. Y luego hagamos un relleno por 50. Diga, ahí vamos. Y luego previsualizar los cambios. Desplazarse hacia abajo una vez más es mucho desplazamiento pasando. Está bien, ve mucho mejor. Sí, fuera de curso. Porque hay mucho más blanco. Hay una percepción diferente de la colocación fuera del botón. Pero todavía hay mucho espacio pasando, y estoy feliz por esto. ¿ De acuerdo? Entonces es lo rápido que creamos la sección de marketing digital monstruo porque
lo hicimos fuera del arduo trabajo antes, conseguimos el marco para trabajar en ello. Ahora voy a seguir adelante y hacer la de las secciones finales, que va a ser la sección Amazon. Por lo que de manera muy similar, voy a subir aquí, y voy a dar click en copia. Nos vamos a desplazar todo el camino hacia abajo. Voy a pegar esto en ir a cambiar estos textos, y voy a escribir el Maestro Amazon FB A así. Voy a pasar al estilo de sección, cambió el color y una vez más, va a usar las redes mágicas o las redes mágicas fuera de Google. No voy a escribir y Masson Hicks color así. Y aquí se va a copiar esto. Voy a volver atrás, despejar éste, pegarlo adentro, golpea entrar y mirar esa belleza de un color. Por lo que estoy realmente feliz con esto. Voy a quedarme con esto, ¿de acuerdo? De verdad estoy cavando esto Ahora, sigamos. Simplemente voy a seguir adelante y tirar de otra imagen. Ahí estamos. Tire aquí y luego voy a dar clic y elegir tu imagen. Ahora vamos a tener la exhibición de cómo funciona Amazon FDA. Voy a insertar eso como medios de comunicación. Aquí vamos a conseguir un modelo de negocio completo, que se ve súper bonito. Podemos ver cómo se funde con el fondo blanco y es en este signo que me encanta. Está tan limpio, Tan bonito. No, lo voy a hacer un poco diferente a la última vez. De acuerdo, en realidad
voy a ir y empezar por hacer frente a este desplazándose hacia abajo y
lo voy a pegar así, y luego voy a subir, y voy a copiar el medio así y voy a copiar el medio porque recuerda, ya tiene el margen establecido. Simplemente va a estar ahorrando un poco de tiempo y esfuerzo haciendo eso. Entonces voy a seguir adelante y dar click en Pegar. Ahí vamos. Definitivamente estoy cavando eso. Entonces esto se ve bien. Ahora voy a querer un poco más de relleno entre aquí también. Voy a la sección, podemos ver que son 200. Quiero un poco de relleno aquí para que vamos a querer usar o más bien margen. Perdón. 8 200 margen superior ya utilizado en 200 para la parte inferior. Ahí está yo lo voy a quitar. De lo contrario habrá incluso 200 aquí, por lo que serán 200 más 200 que es simplemente demasiado. Entonces ahí vamos. Diseño súper fácil. Entonces qué, vamos a seguir adelante y hacer ahora es desplazarse hacia arriba ¿verdad? Y voy a estar afrontando en este de aquí. Y voy a estar copiando primero, el medio porque ya tiene margen para la parte superior. Y también tiene margen para el fondo, ¿verdad? Voy a bajar y pegarme, lo cual es perfecto. Ahora, también
puedo seguir adelante y hacer frente a los traseros y uno porque en Lee tiene el margen aquí dicho
automáticamente en un margen inferior para el aprender más abajo. Por lo que es tan inteligente hacer para copiar en lugar de pegar en una fila. Pero ambos funcionan fuera de curso. Esto sólo va a ser un poco más rápido. En base a nuestro diseño, voy a pegar esto también. Y ahí vamos luciendo guapos, luciendo impresionante. Y cambiemos las cosas. Entonces voy a dar click aquí. Voy a eliminar esta imagen, click en el plus y voy a añadir la primera imagen explicativa. Y luego cambiemos las garrapatas y voy a escribir algo como construir tu propia marca o bien
construyamos tu marca. Ahí vamos. Creo que está más limpio en el punto. Y hay etiquetado privado como funciona. Lo que haces, etcétera, Etcétera. OK, y entonces vamos a hacer lo mismo con este. Voy a quitar esta imagen, click en la imagen y poner ésta aquí y luego cambiar el texto. Y voy a escribir outsmart fuente competitiva. Ahí vamos. Y ahora vamos a desplazarse hacia arriba. Voy a copiar este botón. Copia. Desplácese hacia abajo. Yo lo voy a pegar. OK? Y esto se ve bien. Tengamos una vista previa y veamos qué hemos creado. Entonces solo voy a desplazarme todo el camino hacia abajo porque hay mucho desplazamiento por hacer. Bonita base pasando aquí. Contamos con la sección de marketing digital. De acuerdo, Social probar. Se ve bien. Es Se ve realmente bien. Tenemos que aprender mawr, Amazon. FB A Vale, esto está explicando qué es, cómo funciona. Tienes que construir tu propia marca y cómo burlarte a los competidores. Ahora, yo Honestamente, chicos, realmente
me encanta este diseño. Soy un gran fan de esto. Entonces lo que quiero hacer es volver a cambiar un poco del espacio entre él porque esto está bastante abarrotado. Si bien hay un poco más al menos espacio percibido en el medio es que vamos a seguir adelante y ponerle un relleno a su alrededor. Ahora creo que hay bastante espacio,
Sí,
el espacio Sí, percibido por el blanco. Entonces voy a ir todo el camino abajo aquí estamos y voy a dar click en la sección, ir a avanzar, y sólo voy a poner Vamos con 15 patrón estamos usando 70 antes de ir con 50. Se irían. Simplemente puedo desplazarme hacia arriba y ver qué pad y estamos usando. Estamos usando 15 el relleno aquí. Por lo que hace muchos sonidos que queremos usar 50 en el relleno aquí. De acuerdo, Tan perfecto. Eso está todo bien y conseguir Ahora, chicos, realidad
estoy súper feliz con este diseño y noté en qué, corto tiempo si hemos creado en Amazing the sign. Ahora, concedido, había preparado algunas imágenes y había preparado algún texto. Pero en realidad, cuando se trataba del diseño, esto fue realmente rápido y al grano. Es una cosa más que voy a querer agregar. Y si has estado siguiendo en el curso, te va a encantar esto porque es como ya sabes, salvando la bolsa de golosinas. Ahora, recuerda, estamos hablando de los diferentes pasos a la hora de empezar aquí, quieres calentarlos. Quieres introducir lo que tienes para ofrecer cuando les doy tu mejor contenido, claro. Y además, quieres llevarlos con demasiada frecuencia a tu lista de correo electrónico. Entonces lo que voy a seguir adelante y hacer aquí es dar click a este botón. Voy a llevarme a las plantillas y voy a dar click en mis plantillas. Y tal vez solo recuerden que hemos hecho una plantilla de correo electrónico a menudo antes. Es una más pequeña. Entonces todo lo que voy a seguir adelante y hacer es hacer click en insertar y luego sí. Y ahora vamos a estar sacando estas bellezas de un diseñado de lo que creamos antes. Ahora, por alguna razón, cuando importas plantillas, suelen tirar de la barra lateral con ellas. No sé por qué, pero es fácil de arreglar. Simplemente ve a establecer las cosas aquí abajo, y luego puedes ver que el diseño de la página está volviendo a la configuración predeterminada. Simplemente ve a elemental lleno con, y esto va a cambiarse a sí mismo y va a salir todo el camino a decidir. Ahí vamos. mira esta belleza. Yo estoy adorando absolutamente esto. Voy a seguir adelante y previsualizar los cambios. Voy a desplazarme todo el camino hacia abajo y podemos ver eso. Sí, en efecto. Esto se ve tan bonito. Me encanta cómo va y fé fuera de este blanco agradable, limpio al auge. Consigue los 10 mejores hacks de marketing digital que puedes inscribirte, etcétera. Ahora bien, esto es tan guay, porque realmente los hemos calentado con lo que tenemos para ofrecer. Ah, mucha prueba social. Mucho conocimiento. Honestamente, un montón de gran contenido libre pasando ahí mismo con la información. Directo al punto. Ahora, empiezan
las posibilidades. Ya construyeron una relación con nosotros. Los más probables confían en nosotros. Y probablemente van a querer conseguir nuestros 10 mejores hacks de marketing digital o cualquier otra cosa que tengamos para ofrecer. Por lo que las posibilidades son realmente grandes si vamos a tener a alguien inscrito en nuestra lista de correo electrónico. Entonces este fue nuestro inicio aquí Page. Espero que hayan tomado mucha inspiración y conocimiento de esta conferencia. Ahora, recuerda, con la plantilla son interminables decide hay tantas cosas que podemos hacer fuera de curso si
quisiera . Podría usar cambiar esta imagen. Pero estoy amando todo sobre esto ahora mismo. Entonces lo que vamos a seguir adelante y hacer es pasar a la siguiente conferencia. Ahora, recuerda, si necesitas tener tu mente actualizada sobre cómo tener tu mentalidad para este tipo de páginas , puedes volver a antes cuando estábamos haciendo la presentación de power point a qué pensar sobre para las diferentes páginas. Y aquí queríamos realmente calentar el mi embudo ellos en. Queríamos ofrecer nuestro mejor contenido y queríamos meternos en su lista de correo electrónico. ¿ Te ven algunos tipos impresionantes en la próxima conferencia?
4. Diseño: página de cursos: Hola, amigos
míos. Y bienvenido. Ahora vamos a seguir adelante y diseñar nuestros cursos, Page. Entonces por ahora, hemos diseñado y don son página de inicio, ¿
verdad? Por lo que las personas que visitan nuestro sitio, saben de qué estamos. También hemos hecho son página de inicio aquí para que habremos llevado a los visitantes a pasar de una
audiencia fría que llamó visitante y cliente a un cliente más cálido. Porque ahora saben lo que estamos ofreciendo. De qué vamos, etcétera. Ahora vamos a pasar al siguiente paso, que es mostrarles lo que realmente tenemos para ofrecer. Quieres empujarlos al paso final de comprar algo realmente de nosotros. Correcto, Así que vamos a sumergirnos en él y empezar a diseñar nuestros cursos. Página. Muy bien, así que vamos a empezar aquí en el back end fuera de nuestro sitio web, y vamos a bajar dos páginas y luego dar clic en todas las páginas, y ahora vamos a ir a cursos y justo después hacer clic en editar, y luego estamos va a dar click en editar con Elemental. Ya hemos hecho esto antes, y luego vamos a bajar a establecer las cosas aquí abajo, y vamos a cambiar el diseño de página de predeterminado a L A mentor lleno de. Muy bien, amigos
míos, que comience la decisión. Entonces lo que voy a querer hacer aquí es porque ya han pasado por tantas cosas . Pago domiciliario. Empieza aquí, Page. Nosotros queremos llegar tipo de derecho al grano con Ok, ellos quieren ver nuestros cursos. Entonces les vamos a dar nuestros cursos. Este no es el lugar para estar poniendo el correo abierto o, ya
sabes, alguna otra oferta que no tiene que ver con los cursos. Quieren ver tus cursos. Entonces les vamos a mostrar los cursos. Solo hay una cosa más con la que vamos a querer presentarlos más a causa de específico, el signo. Y ése somos yo y Jesper personalmente. Entonces lo que quiero hacer aquí es en realidad agregar en una foto de Jesper y yo y luego escribir un pequeño texto a la derecha. Eso parece que es una carta de nosotros. ¿ Verdad? Porque queremos darles una relación con nosotros,
un apego emocional, un apego emocional, hacerlos sentir seguros y darles una cara para los creadores fuera del curso,
este podría ser el empuje final en su contra para que realmente se sienta lo suficientemente seguro como para comprar de nosotros para querer realmente hacer esto personal y luego dirigirse directamente a todas sus
ofertas de curso . Entonces con el fin de hacer eso y asegurarse de que van a seguir adelante y usar un lugar 10, voy a hacer clic de cuidado en plantilla de anuncio. Y ya hemos usado plantillas de página, ¿verdad? Esto es honestamente, tal honor tener todas estas páginas y solo llegar a escoger una. Pero también tenemos diferentes bloques Ahora, los
bloques son más o menos secciones diferentes que podemos agregar. Podemos editarlos nosotros mismos, etcétera. Ahora, lo que voy a buscar aquí es en realidad una cuadra. Eso es blanco, porque aquí voy a ir con un tema blanco, y quiero tener uno que tenga una foto encima. Algo así, Pero eso no es un testimonio. Imagen más grande exactamente como esta, en realidad, así que esto es absolutamente perfecto. Podemos añadir aquí una foto mía y de Jesper, y entonces podemos tener el mensaje de mi parte. Y solo por a la derecha. Perfecto. Perfecto. Voy a seguir adelante y dar click en insertar aquí. Ahí vamos. Ahora. Simplemente voy a seguir adelante y añadí esto un poco, así que voy a dar click en la imagen, y luego voy a quitar esta y dar clic aquí. Y ya me he quitado la libertad subiendo un montón de imágenes aquí. Ahora he transformado todas las P y G's a J pick, y también he comprimido todas las selecciones J o son todos tamaños de archivo muy diminutos. Ahora, hemos hecho basándonos en conferencia anterior, Así que te recomiendo encarecidamente que hagas esto por todas tus páginas y luego solo sigas
asegurándote de que tu sitio web esté al día y todo. Ahora, voy a seguir adelante y usar esta foto de Jasper y yo y luego voy a dar click en insertar medios. Ahí vamos. Ahora es un poco grande para mis deseos. Voy a pasar al estilo aquí, y voy a jugar un poquito con el máximo azotado, ¿
verdad? Entonces sólo voy a hacerlo un poco más pequeño. A lo mejor algo así. De acuerdo, así que dejémoslo a los 85. Por ahora, se ve bien. También bajo. Cómo hay probablemente la primera imagen de la historia, Jesper sin barba. Por lo que realmente me gusta esta foto. Es realmente personal Ahora también vamos a agregar en algún texto va a ser de mí y simplemente quemar. He hecho alguna preparación aquí ya también, y pre escrito. Se necesita para que esto sea más rápido para nuestras conferencias y tutoriales. Ahora, para
ti, tal vez no tengas un texto. Simplemente escribes. Te pidió que te fueras. O podría que en realidad ya tenga una toma. Y eso es perfecto. Sólo tienes que seguir adelante y agárrala y luego agregarla. Ahora, también
voy a tener y escribir cómo quiero que se vean las secciones como voy a querer la sección de
negocios. Y luego voy a sumar en estos cursos dos y dos y van a tener la sección
digital completa . Va a tener una sección de dos cursos y luego vamos a ir 333 y tres. De acuerdo, entonces volvamos. Yo sólo voy a dar click en este texto. Voy a quitar todo esto así. Entonces voy a hacer clic derecho y pegarlo en. Ahí vamos. Ahora vamos a golpear la vista previa y ver cómo se ve. Está bien, así que en realidad creo que se ve muy bien. Ahora hay un par de cosas que quiero hacer. En primer lugar, quiero hacer esto un poco más pequeño, y también quiero hacer esto un poco más estrecho. Y si hago esto más estrecho, también
va a parecerse más a una carta. Y luego, claro, voy a querer cambiar también estas piezas de texto. Entonces voy a seguir adelante y hacer eso. Entonces para que todo sea un poco más estrecho, voy a seguir adelante y dar clic aquí arriba para editar esta columna. Entonces me voy a pasar a avanzado, y sólo voy a añadir un poco de relleno. Vamos a vincularlos también, todos consiguen tercero ahí iría y así, y luego llegamos a ver cómo se ve. Entonces vamos a hacer clic en los cambios de vista previa de comm. Entonces esto se ve realmente bonito. De verdad me encanta cómo conseguimos algo más de estrechez al texto aquí. Todavía va a hacer esta imagen más pequeña. Pero también, quiero disminuir este espacio entre aquí. Entonces vamos a seguir adelante y hacer eso ahora mismo voy a dar clic en esta imagen, voy a mover un poco el Maxwell hacia abajo a 80 ahí con por ciento. Ahora también podemos estar jugando con este. Se lo voy a poner a ah, 100 ahora mismo Así podemos jugar con este también. Entonces 80 creo que estaremos un poco mejor. A lo mejor hasta ir con 77 ahora. Tampoco me gustó tanto el espacio entre aquí. Voy a volver a esta columna,
derecha, derecha, voy a enlazar estos, y luego voy a quitar este espacio en el medio quitando el relleno izquierdo. Entonces lo voy a hacer así. Policías cero ahí. Y ahora sigamos adelante y echemos un vistazo a la vista previa de cambios. Está bien, Así que me gusta. Esto está empezando a lucir realmente bien. Ahora, hay un par de cosas más que quiero hacer. Ahora. Quiero que toda esta área de imagen ocupe un poco más de espacio. Se puede ver que a pesar de que lo hicimos más estrecho con el relleno, aún ocupaba mucho espacio. Y quiero que la imagen retome un poco más. Entonces me voy a mudar aquí y voy a arrastrar este y hacerlo. No, Probemos 53 47. Probemos esa fuera Y luego veamos de nuevo la vista previa. Está bien, así que esto se ve realmente bonito. Empiezo a ponerme súper feliz con este diseño. Mirando súper personal. Es como una carta mía y simplemente estamos pasando aquí. Realmente, realmente impresionante. Ahora, empecemos a editar estos también. Ahora, nuestro nombre no es Mike Stewart, sobre todo porque se trata de dos personas. Entonces vamos a seguir adelante y hacer clic aquí, y luego vamos a acertar robos y Jesper, Y entonces también vamos a editar dónde es su cabeza de ventas, y vamos a hacer lo correcto, ver esos en Robin y Jesper. Lt d Ahora, como escribes, C E O's como en CEO plural, pero a los
CEOs, en realidad quieres hacer grande al CEO y a los pequeños, pero porque estamos usando letra mayúscula aquí, estamos viendo el s s grande, y realmente no se ve tan bonito. Vamos a pasar a la tipografía de estilo y luego cambiamos mayúscula a predeterminada. Ahí iría luciendo mucho más bonito. Y entonces también voy a querer seguir adelante y dar click aquí, y quiero hacer esto cursiva. Ahí vamos. Entonces parece que lo hemos firmado ahí Y ahora sigamos adelante y previsualizamos estos cambios. Entonces realmente me está gustando esto. Esto es súper personal y super agradable. Soy un gran fan de esto, muy feliz por ello. Entonces lo vamos a mantener así ahora,
Lo que voy a querer hacer también es en realidad poner un poco de relleno alrededor de estos para
comprimirlos más, porque ahora es un completo por encima de lo completo, que estoy disfrutando . Pero también me gustaría que solo estuviera un poco más comprimido. Simplemente dale un poco más personal mirado y simplemente ocupando todo este espacio por aquí . Entonces voy a volver aquí y voy a dar clic en editar la sección, voy a pasar para avanzar, y ahora mismo podemos ver que tenemos, Ah, relleno aquí pasando, tenemos 100. Sube 100 al fondo. Ahora también podríamos estar jugando. Digamos que ponemos 50 a la derecha y 50 a la izquierda, y luego hagamos cambios de vista previa de calor y veamos qué obtenemos. Entonces, como pueden ver, estamos consiguiendo una mirada un poco más comprimida, y realmente estoy cavando esto Para ser honesto, creo que esto casi exactamente se parece a una carta. A pesar de que no estoy disfrutando del gran espacio en los mejores escritores. Voy a ir a avanzar y tú vas a cambiar los dos primeros. Digamos 50. Por lo que conseguimos algo de espacio en el fondo aquí también. Tal vez incluso, ya
sabes, eso es empujarlo 40. Vamos con cuatro. Dan, que Leslie Comm avance cambia. Está bien, así que esto para mí es mucho, mucho, mucho mejor. Ahí abajo está pasando algo de espacio. Parece o Bueno, es una foto mía y de Jesper y es una carta de Austria, ¿no? Y dice: Bienvenidos Robin y Jesper aquí presentándolo. Oye, es de mi parte y solo Pero estamos haciendo esto personal. Estamos encantados de ayudarte con todas tus necesidades empresariales y de marketing digital. Con más de 2700 opiniones calificadas de cinco estrellas, dijo etcétera. Entonces estamos introduciendo de nuevo a quién estamos aumentando alguna prueba social y simplemente haciendo esto personal como si estuviera escrito de nosotros. Y esto es todo lo que vamos a hacer cuando se trata de agregar más zing aquí. Vamos a hacerlo personal, presentarnos que Hey, Robin y Jesper aquí. Estamos ofreciendo algunas cosas buenas. A mucha gente le gustan nuestras cosas. Disfrutar. Este va a ser el mensaje básico. Y ahora sigamos adelante y se había desviado en agregar el curso está Bien, así que para agregar el curso dice que voy a empezar con una cabecera. ¿ Verdad? Entonces si miramos aquí, tengo, como, estaba hablando de temprano. He hecho un poco de esbozo. Primero quiero tener un encabezado para negocios, y voy a añadir un curso de Shopify un Amazon F B A. Y luego voy a hacer un nuevo encabezado para los cursos completos de marketing digital y añadir la Guía
Completa de Marketing Digital y también nuestra masterclass de marketing en redes sociales porque estos aire dos cursos enormes Así que va a haber un diseño apagado a esto es también va a estar en la señal de dos, y luego vamos a sumar todos nuestros cursos adicionales de marketing digital en los letreros tres. Entonces empecemos de inmediato. Ahora empecemos con rumbo. Y cuando coja este rumbo y lo voy a poner directamente aquí, Ahí vamos. Y ahora voy a poner esto. Ahora, dejémoslo a la izquierda por ahora. Y voy a escribir cursos de negocios. Voy a pasar a la tipografía de estilo, y voy a transformar esto en mayúsculas. ve realmente bonito. También va a aumentar el tamaño. No nos vayamos demasiado salvajes aquí. Vayamos con 40. Piensa que podrían realmente amables. Ahí vamos. También voy a darle a esto algo de relleno de inmediato porque sé que voy a disfrutar de eso Este letrero como éste, tal vez hasta 70. No, en realidad, las cosas que vamos a ir con 50 50 se ven bien. Ahí vamos. Y ahora le vamos a dar un color de fondo. Entonces aquí es donde en realidad empezamos a sumar un poco más de nuestro estilo. Y recuerden, nuestro estilo siempre ha sido este tipo de rojo icónico que tenemos aquí. Ahora, también
voy a añadir un poco de relleno aquí, así que voy a subir y editar esta sección aquí mismo. Ve a avanzar, y luego voy a sumar un relleno de 50. Justo así. ve realmente bonito. Ahora, también
quiero tener aquí un color de fondo,
y aquí es donde empezamos a volverse un poco más icónicos y agregando en nuestro icónico color, este tipo de rojo realmente bonito que tenemos pasando. Entonces voy a dar click en estilo aquí arriba y luego fondo Clásico normal. Y luego vamos a añadir en ese color ¿Y cuál es la persona que llama? Bueno, si no recuerdas el código como lo alto tienden a no hacer, sólo
vamos a mover eso, cuidado al menú. Vamos a ir a los colores por defecto, vamos al color de acento, y luego sólo copagamos este código, ¿
verdad? Es así de sencillo. Y luego retrocedimos dando click aquí, ir a la sección de edición. Vamos a volver al color donde es estilo normal, color
clásico. Despeja esta pasta en el código Y ahí vamos. Esto es realmente bonito, en realidad, pero voy a querer cambiar estos colores. Voy a cambiar este color pinchando aquí. Voy a ir a toma color y voy a hacer este blanco perfecto. me está encantando. Y también voy a disminuir el tamaño sexual. Vamos a mover este hacia abajo para intentarlo tercero, algo así. Y ahora vamos a previsualizar los cambios y ver qué tenemos y vamos a desplazarnos hacia abajo y
podemos ver que tenemos cursos de negocios en curso. Se lo habría puesto a la izquierda. Y ahora vamos a seguir adelante y sumar en nuestros cursos. Chicos realmente bonitos. Estoy súper contento con esto ahora, el fin de empezar a sumar en nuestros cursos, lo que podemos hacer es realmente usar una plantilla anterior. Recuerda, hemos estado jugando con nuestros cursos antes. Vamos a seguir adelante y agarrar ese culo una plantilla y luego empezar a comer eso y luego empezar a sumar en nuestros cursos. Correcto. Entonces vamos a seguir adelante y empezar a sumar en los cursos en la próxima conferencia, chicos. Está bien. Entonces te veré en la próxima conferencia. Eso va a ser parte de ver ahí.
5. Diseño: página de cursos - diseño de columnas: Bienvenidos de nuevo, chicos. Adelante y agarremos la plantilla para nuestros cursos y luego empecemos a editarla. Entonces lo que vamos a hacer es en realidad seguir adelante y vamos a salvar este borrador. Había va y yo lo sabría guardado y seguro. Ahora vamos a dar clic aquí arriba y vamos a salir al tablero. Vamos a ir a todas las páginas y luego bajar a casa y hacer clic en editar con L un mentor. Y aquí estamos trae recuerdos, ¿no? Que vamos a desplazarnos todo el camino hacia abajo hasta que lleguemos a esta sección. ¿ Te acuerdas? Ahora vamos a usar esto como nuestras plantillas básicas. Entonces, ¿qué? Voy a seguir adelante y hacer En realidad está bien Haga clic aquí arriba y voy a dar clic en guardar plantillas
preguntadas, y voy a llamar a estos tres cursos de llamada. Tim plate, ahí vamos, y voy a dar click en caja fuerte. Entonces aquí lo tenemos, junto con nuestro correo abre que hemos hecho antes. Y voy a presionar este de distancia, voy a ir al menú y luego salir al panel, y ahora sólo vamos a volver y estamos de vuelta. Muy bien, así que vamos a desplazarnos por aquí y por aquí abajo, vamos a dar click en añadir simplemente a la derecha aquí en la parte inferior. Ahora vamos a ir a mis plantillas en la parte superior, derecha, Y luego tenemos los cursos de tres columnas. Plantilla. Simplemente vamos a seguir adelante y dar click en insertar, y luego vamos a dar click en sí, y preguntamos , ya
sabes, por alguna razón, cuando insertemos, van a querer agregar eso derecho barra lateral. Entonces sólo vamos a ir a la configuración de inmediato aquí, y luego vamos a ir al diseño de página y ponerlo al completo elemental con todo bien. Entonces, empecemos a editar esto ahora. Lo primero que funciona y quiero hacer es realmente quitar el fondo. Vamos a ir con un diseño blanco limpio y agradable. Entonces voy a dar clic aquí arriba para editar la sección Voy a ir a estilo, y luego solo voy a eliminar este fondo para que tengamos este bonito defecto blanco. ¿ De acuerdo? Ahora, lo
siguiente que voy a hacer es recordar en realidad que quería que esta fuera una sección de negocios para cursos de
negocios. Entonces y yo también sólo tengo dos cursos de negocios aquí, así que voy a seguir adelante y quitar este. Entonces todo lo que voy a hacer es dar click aquí arriba y luego dar click en borrar. Entonces ahora sólo tenemos dos cursos, y también voy a seguir adelante y quitar este encabezado. Porque recuerda, ponemos estos cursos de negocios aquí arriba, así que voy a hacer clic derecho y eliminar este. De acuerdo, así que esto ya se empezó a lucir realmente bien. Ahora, lo que en realidad no estoy disfrutando es este efecto verde, porque son tan grandes. No soy real cavando esto pasando ahora mismo. Y además, como
que tenemos esta plantilla de efecto en la sección de inicio. Entonces, ¿qué? Voy a seguir adelante y hacer es en realidad hacer clic en él y la columna y luego pasar al estilo y luego pasar el ratón. Y entonces sólo voy a quitar este verde bajando esto todo el camino. Por lo que tiene un pase completo, lo que significa que no habrá efecto cuando pase el cursor por encima así. Ahí vamos. Y esto aún iba a tener el efecto popping, que se ve muy bien. Entonces vamos a seguir adelante y quedarnos con éste ahora como para recordar, si quiero hacer lo mismo aquí, todo lo que necesito hacer es seguir adelante y hacer click derecho, click en copiar, y luego entrar aquí y luego pegar estilo. Y se ha ido. me encanta. En todo caso, es realmente genial. De acuerdo, entonces ahora vamos a querer darle estilo a estos un poco si seguimos adelante. Y miramos los cambios de vista previa en este momento, solo una vista previa y luego nos desplazamos hacia abajo. Podemos ver. En realidad, me encanta esto. Podemos ver que aquí tenemos nuestros dos cursos. A lo mejor una cantidad excesiva de espacio aquí, y vamos a quitar esto, pero esto se ve un poco jugando, en mi opinión. Bueno, en realidad, no
es tan malo un poco de avión, así que vamos a seguir adelante y cambiar esto un poco. Vamos a volver y empezar quitando este fondo porque estamos en cursos, ¿
verdad? No hay todos ustedes todos los cursos para estar haciendo click porque se van a bajar del curso está aquí. Ahí vamos. Y lo que voy a querer hacer es en realidad añadir un efecto de sombra a estas cajas. Porque si miramos ahora mismo, podemos ver que se están derritiendo aquí,
lo que en realidad se ve bien, pero quiero que papa más. Yo quiero que destaquen y antes tengamos el efecto puerto. Pero ahora vamos a sumar en cajas. Entonces para hacer eso, todo lo que necesito hacer es seguir adelante y dar click aquí para terminar la columna. Y luego voy a bajar a estilo a frontera, y voy a dar clic en sombra de caja. Solo tienes que hacer click en esto y automáticamente vas a conseguir un cierto color aquí. Esa va a ser la sombra. Y se puede ver que estamos consiguiendo este bonito efecto, que también tenemos en nuestra barra pegajosa aquí arriba. Me encanta este tipo de efecto de sombra. Entonces esto hace que todo el asunto sea un poco más papa. Entonces si previsualizo estos cambios, podemos ver que hay bastante diferencia entre estos dos, ¿
verdad? Toda una diferencia. Éste destaca mucho más. Y éste no tanto. Entonces realmente estoy disfrutando de este tipo de diseño, y nos vamos a quedar con él. Entonces voy a seguir adelante y volver y ya conoces el simulacro. Yo lo voy a hacer policía y luego voy a pegar el estilo y puof que aparece. Me encanta ese efecto Ahora. Aquí arriba hay un poco de espacio excesivo, en mi opinión. Entonces vamos a ir adelante a la sección de editor, pasar a avanzado, y podemos ver que tenemos mucho relleno y todo lo que está todo bien. Pero vamos a ir a quitar la palmadita superior recién bajada. Entonces, eliminemos los valores de enlace. Y bajemos esto para decir: Vamos con 50. Creo que 50 se va a quedar mucho más bonito. Se puede ver que ahora mismo pasa un poco menos espacio y ahora también voy a querer hacer esto un poco más ovalado porque si vamos adelante y miramos el adelanto, son cajas bastante gruesas, ¿no? En realidad me gustaría un poco menos de relleno en el tamaño y hacerlos un poco fuera un más decidido. Entonces eso es lo que vamos a seguir adelante y hacer. Entonces lo que voy a seguir adelante y hacer ahora es en realidad hacer esto un poco más de ender celular porque, como podemos ver, todavía
hay un poco de relleno al tamaño, que creo que se ve bien, pero estoy sólo voy a cambiarlo un poco ahora. Voy a seguir adelante. ¿ Y podría llegar a terminarlo? Llámalo aquí arriba y luego podemos ver que hay algunos márgenes pasando, lo cual es realmente bonito, porque su espacio entre aquí algún espacio a los sitios, todo. Pero vamos a repartir los valores del relleno y vamos a aumentar el relleno derecho e izquierdo es decir, Hagamos 70. Hagámoslo así. Ahí vamos. 70 y yo voy a hacer lo mismo. Voy a tratar y voy con 70. Voy a ir con 70 y luego vamos a golpear cambios de vista previa. Entonces ahora estoy muy contento con esto. Claramente, voy a querer estar agregando un poco más tomas para hacerlas o incluso. Pero por ahora, realidad sólo
voy a seguir adelante y añadir en la siguiente sección, que van a ser los cursos completos de marketing digital. Entonces para hacer eso, en realidad
es realmente simple. Ahora mismo, todo lo que tengo que hacer es hacer clic aquí arriba y voy a dar click en copia porque ya hemos hecho todo el trabajo duro Ahora voy a bajar, y voy a pegar esto aquí. Podemos ver que estamos recibiendo todos estos de forma gratuita porque hemos estado haciendo este trabajo y luego voy a escribir cursos completos de marketing digital así, ¿de acuerdo? Y entonces también voy a seguir adelante y subir aquí y voy a estar afrontando este. Esta sección copia y voy a bajar, y la voy a pegar. Ahora estamos recibiendo estos cursos gratis, ¿verdad? Pero todo lo que necesito hacer en este momento es en realidad cambiar esta imagen por la
imagen de marketing digital , que, recuerden, ya
he hecho el trabajo de preparación aquí, y voy a dejar ver va a encontrarlo. Ahí está. Y voy a dar click en insertar medios. Ahí está. Está bien. Y luego también voy a insertar la baja de las redes sociales yendo aquí y luego dar clic en insertar medios. Y ahí vamos. Es realmente mano así, ¿no? Y como puedes ver, éste está teniendo un poco diferente este científico. Pero eso se debe a que esta imagen en sí misma en realidad tiene un borde abajo en el en la parte inferior . Aquí y estas imágenes no tiene ese borde inferior. Ahora, por razones estéticas, por las razones de diseño, en realidad
voy a seguir adelante y cambiar esta. Último tendría una frontera aquí también. Pero para este tutorial, voy a quedarme con este y mostrarte cómo va a ser esto a medida que sigamos
diseñando . Ahora todo lo que voy a necesitar hacer es cambiar estos erguidos. Entonces si sigo adelante y hago clic aquí, estaré escribiendo cantar mercado digital completo. Um, guía. Ahí vamos. Y aquí, voy a escribir redes sociales, Mark consiguiendo clase de monstruos. Ahí vamos. Entonces creo que éste en realidad se ve muy bien, ambos se ven muy bien. Ahora, medida que voy adelante y previsualice los cambios, voy a querer asegurarme de que éste tenga muchas tomas. Esta esta podemos ver ahora mismo que tiene tres filas, ésta tiene que remar. Entonces los botones, Aarón, incluso Y también esta imagen no tiene el borde de fondo, y éste sí. Y también es un poco sitio entre todos estos cursos. ¿ Verdad? Entonces, ¿qué? Voy a seguir adelante y hacer En realidad es aumentar los márgenes para los encabezados aquí mismo. De acuerdo, entonces con la sección de encabezados, voy a conseguir algunos más márgenes iban a conseguir más espacio en general, así que sólo voy a volver aquí mismo, y luego voy a dar clic aquí para editar esta sección, ir a avanzar, y ahora empecemos a aumentar los márgenes. Vayamos con tal vez 50. O, ya
sabes, probablemente
podríamos volvernos un poco más locos. Vayamos con 100 solo para ver cómo se ve y desplazándonos hacia abajo. Podemos ver que hay mucho más espacio pasando. Hay tiempo para respirar. Ahora esto se convierte en su propia sección. Se puede decir que cuando me mudé hacia abajo, tenemos cursos de negocios en la parte superior, desplazándonos hacia abajo y luego viene la siguiente sección. Entonces esto realmente se ve realmente bien ahora, así que podría sentir que hay una cantidad un poco excesiva de un espacio aquí, pero realmente disfruto el espacio entre aquí que conduce a una nueva sección. Entonces lo que voy a seguir adelante y hacer es volver aquí Ahora tenemos 100 en ambos. Voy a repartirlos y fijar el valor de las sumas del barco por 80. O quizá vayamos con 70. Y ahora sigamos adelante y previsualicemos los cambios y desplazémonos hacia abajo. Obtenemos el curso de negocios dice y esto se ve realmente bonito. De acuerdo, estoy apreciando esto. Yo sólo voy a seguir adelante y hacer lo mismo por este. El marketing digital completo. Voy a editar esta sección. Voy a ir a avanzar. Pero dije el margen para 100 lidiando, y luego el fondo va a ser 70. Y ahora vamos a tener un valor similar aquí. Entonces a continuación, solo
voy a seguir adelante y asegurarme de que el texto sea igual de largo y también voy a estar reemplazando esta imagen de uno tiene que limitarse por debajo de ella, y te voy a mostrar cómo va a quedar esta decisión bien, chicos. Entonces esto es lo que creamos hasta ahora, tenemos esta maravillosa introducción aquí en la parte anterior la sección de pliegue. ¿ Verdad? Esta foto de mí y de Jesper, tenemos estas carta de nosotros introduciendo quiénes somos, Lo que estamos por su solo lo están haciendo más personal. Robin y Jesper CEO dijeron correr solo por frailty desplazándose hacia abajo. Hemos creado nuestra primera sección aquí, que es un tema realmente bonito a color y todo lo incluido son tema de color típico desplazándose hacia abajo. Podemos ver que estos aire, incluso estos son los 1er 2 cursos reintroduciendo. Tenemos la siguiente sección viniendo aquí, que también habrá hecho estos incluso escribe todo realmente se ve muy bien
hasta ahora . ¿ Ahora qué? Vamos a seguir adelante y hacerlo empezar a prepararnos para los próximos cursos. ¿ Verdad? Entonces todo lo que voy a hacer aquí es que voy a dar clic aquí, y voy a copiar este desplazamiento de sección todo el camino hacia abajo. Voy a pegar esto aquí, y sólo voy a llamar a esta marca digital al ver cursos. Ahora vamos a estar sumando en el resto fuera de nuestros cursos. Pero recuerden, chicos, ahora no vamos a tener todos los cursos completos. Vamos a tener todos los vamos a llamarlos cursos axilares. Cursos más pequeños que vienen y más pequeños aún pueden ser como 10 horas más, pero aún más pequeños que el completo. Entonces ahora vamos a ir con un diseño con una columna de tres esta ciencia. Vamos a cambiar un poco las cosas. Entonces, sin más preámbulos, pasemos a la tercera parte. Estamos sumando todos los cursos adicionales con el diseño de tres columnas viendo los próximos chicos de la
conferencia
6. Diseño: página de cursos - plantilla de columna: Oigan, chicos, bienvenidos a la tercera parte. Vamos a sumergirnos justo en. Por lo que hemos venido para en nuestros cursos Page ya, ¿no? Hemos hecho lo anterior no se crearon la sección de pliegue, los cursos de negocios y también nuestros cursos completos de marketing digital. Y lo hemos hecho en una columna de dos configurada justo lo a llamar al letrero. Ahora lo que vamos a seguir adelante y hacer es agregar un par de cursos extra. Ahora bien, este es el esbozo básico que dije al principio. Y como podemos ver al principio, estábamos ustedes viendo Dob dos columnas. Más bien. Por lo que estamos haciendo dos columnas para que los negocios se completen. Ahora vamos a pasar a hacer tres. De acuerdo, entonces vamos a tener 123 cuatro filas de tres columnas, y luego vamos a terminarlo todo con dos filas de dos columnas otra vez. Entonces 123 y cuatro, Vamos a seguir adelante y crear esos. Entonces esto va a ser sorprendentemente rápido y sencillo porque ya hemos hecho todo fuera del arduo trabajo . Entonces qué, voy a seguir adelante y hacer es seguir adelante y dar click aquí para agregar plantilla. Voy a ir a mis plantillas y voy a poner la plantilla de cursos de tres columnas y acaba de insertar. Francamente, sí. Y por supuesto, sólo
vamos a seguir adelante e ir a la configuración y cambiar el diseño de página a Elemental lleno con. Está bien, así que aquí está. Está abajo aquí en cursos de marketing digital. Y entonces tenemos aquí el buen fondo viejo, el signo más antiguo y todo. Pero porque hemos hecho todo el trabajo duro por ahí, todo lo que necesitamos hacer realmente Vamos a seguir adelante y hacer click derecho aquí, sobrellevarlo. Voy a bajar a esta sección y simplemente pegar estilo. Ahí vamos. Entonces ahora tenemos un fondo blanco. Ahora, voy a hacer lo mismo por las columnas. Entonces solo voy a dar clic derecho en Coupet y luego dar clic aquí y voy a pegar estilo y voy a pegar estilo, y luego voy a pegar estilo. Ahí vamos. Y luego voy a quitar este botón. Voy a dar click derecho en borrar así. Y también voy a quitar este encabezado porque ya hicimos el nuestro propio aquí arriba. Voy a borrar eso así. De acuerdo, así que solo echemos un vistazo a este diseño ahora mismo y veamos qué tenemos desplazándonos hacia abajo y podemos ver que esto realmente se ve muy, muy bonito. Por lo que esta sería la primera fila. Ahora vamos a tener cuatro filas de estas tres columnas montadas, ¿
verdad? Entonces estamos teniendo las dos columnas configuradas aquí, y esta es la tres columnas configurada súper rápida y súper fácil de hacer. Ahora va a ser aún más fácil, porque todo lo que tenemos que hacer es seguir adelante y dar click aquí en Copious. Vamos a hacer frente a estos intel, tu sección baja, paga sentado. Entonces eso son dos pegados. Eso son tres pegados y eso son cuatro derechos. Y entonces también vamos a seguir adelante y vamos a tener que levantarse de dos columnas, ¿
verdad? Para que vamos a sobrellevar en esta sección ahora desplázate todo el camino hacia abajo y lo vamos a
pegar, y vamos a pagar ahorro. Entonces ahí vamos. Entonces ahora tenemos el esquema básico fuera de cómo queríamos lucir, Tenemos 1234 y luego tenemos uno y dos off también. Entonces, solo comprobemos eso dos veces. 123 y cuatro fuera de los tres. Derecha puede ver los cursos aquí y luego uno y dos. Perfecto. Ahora todo lo que necesito hacer realmente es ir adelante y cambiar estos erguidos. Solo necesito seguir adelante y cambiar la imagen que ya precargé. Voy a cambiar el título, y voy a estar cambiando la descripción y fuera de curso, también cambiando los botones que realmente vincularon al curso ellos mismos. Entonces voy a seguir adelante y hacer esto ahora y después te voy a mostrar el resultado porque
ya sabemos hacer esto, ¿ verdad? Muy bien, amigos
míos, acabo de agregar, en toda la información extra a los cursos, lo que significa que he estado cambiando las fotos, el encabezado y la descripción, después pasar algunos tiempo coincidiendo con las descripciones y haciendo coincidir los encabezados y todo para asegurarse de que todos se vean de manera uniforme así. Y confía en mí, esto habría sido terriblemente aburrido de ver, pero afortunadamente, ya
sabes cómo hacer esto. Entonces ahora vamos a ver los resultados. Entonces aquí está la sección de cursos de marketing digital. Correcto. Entonces aquí tenemos una cuerda aquí es la siguiente fila ahora notado que esto lleva quiere un poco más. Pero afortunadamente, con solo agregar una fila extra en la descripción se igualan perfectos esto puedes salirte
con la tuya . Solo quieres asegurarte de que todo sea simétrico así con los fondos, ¿
verdad? Entonces todo aquí se ve realmente, realmente bonito y limpio. Entonces me encanta esta pantalla y como puedes notar lo que estoy desplazando hacia abajo, nunca
se muestran tres filas a la vez. O tienes un pelo y luego tienes la siguiente fila, lo que significa que tenemos 12 filas que se muestran al mismo tiempo aquí. Pero a medida que se desplaza hacia abajo, este camino desaparece. Y luego viene el siguiente. Por lo que nunca mostramos tres filas a la vez. Yo quiero tener suficiente espacio para eso. Y luego tenemos los dos aquí y luego los dos aquí. Entonces, chicos, estoy súper feliz con esto a un lado, es sólo una cosa más que voy a seguir adelante y añadir. Y eso es todo el camino aquí abajo en el fondo. Voy a seguir adelante y hacer clic en nuestra plantilla una vez más y voy a añadir en el correo a menudo con esta sección más pequeña, y voy a dar clic en Sí, y como siempre, íbamos a ajustes. Nos trasladamos al diseño de página y luego l un mentor lleno con fuera de curso. Si lo usas en algo como lienzo,
vas a ir con cámaras, pero vamos a cambiarlo de nuevo, ¿
verdad? No vamos a usar la barra lateral. Tan perfecto. Aquí lo tenemos. Ya se ve genial, y sabemos lo que no. Lo que es tan maravilloso de esto es que estamos ofreciendo todos los cursos aquí, y luego llegamos al fondo. Con un poco de suerte, vamos a hacer que se apunten a nuestros cursos, que compren algo y se inscriban aquí. Y si están nerviosos por comprar uno de los cursos aquí, en realidad
van a estar recibiendo uno de los cursos de forma gratuita. Entonces eso significa que obtienen una gran introducción que podría obtener un gusto por más. Es solo una manera realmente bonita de construir tu lista de correo electrónico e introdujo a tus visitantes tumba o fuera de tus productos. ¿ Verdad? Entonces estoy muy contento con esto. Todo lo que necesito hacer ahora, finalmente, es solo seguir adelante y asegurarme de que los botones aprender más estén enlazados correctamente, ¿
verdad? Quiero asegurarme de que estén enlazados donde se supone que deben y fuera de curso en las opciones de
enlace. Quiero asegurarme de que se abran en una nueva ventana súper importante. De lo contrario, gente va a estar desapareciendo de tu sitio web y de tu página, y quieres que vayan al núcleo dice que en nuestro caso está en realidad a tu demanda Así que
querías ir a uni, pero aún así quedarte aquí. Ahora bien, si estás vendiendo tus productos en tu propio sitio web, quizás
quieras cambiar para aprender más a estas alturas,
por ejemplo. Pero para nosotros, ya que estamos teniendo nuestros cursos y tú para mí, en realidad
llegan a aprender por mi terminar en la página de aterrizaje tú maniquí. Por lo que es una forma de aprender más, llegar a la página de aterrizaje, previsualizaciones y video, y entonces tal vez comprarán nuestro material. Entonces, chicos, gran trabajo como notan. Esto fue súper fácil de hacer excepto cambiar las imágenes y hacer los encabezados y descripciones que tardaron un tiempo. Pero este letrero era en realidad súper rápido y súper fácil de hacer, porque todo lo que necesitábamos hacer era usar plantillas y luego hacer frente. Paga el estilo de lo que habíamos hecho antes. Entonces ahora sabes usar el mismo estilo en toda una página o en diferentes páginas. Súper rápido, Súper rápido. Pasemos y empecemos esta firmando la siguiente página. Nos vemos en la próxima conferencia, chicos.
7. Diseño: la página de página de la página: Muy bien, chicos, en esta conferencia, vamos a seguir adelante y empezar a diseñar nuestra página sobre. Entonces, solo empecemos. Por lo que sabemos el taladro ya con el back-end para sitio web, vamos a ir a páginas todas las páginas. Entonces vamos a encontrar nuestra página sobre que hemos creado antes de entonces solo voy a dar clic en editar y luego añadirle con L un mentor. Y como siempre, vamos a bajar a ajustes vamos a ir a Hay diseño de página y luego er
elemental lleno de impresionante. Entonces empecemos ahora,
chicos, chicos, en mi opinión, porque hemos hecho un trabajo tan bueno en nuestra página principal y en su inicio aquí, paciente incluso ha estado hablando de sí misma y ¿qué harías tú en nuestra página de cursos? No necesariamente necesitábamos una página sobre en este punto porque
nos hemos estado presentando y de qué estamos. Entonces Bueno, sin embargo, voy a mostrar cómo puedes hacer un rápido pero aún muy efectivo sobre la página. Entonces lo que voy a seguir adelante y hacer es hacer clic en las plantillas aquí y luego en las páginas
voy a buscar AB sobre porque, claro, van a ser plantillas pre hechas para sobre páginas, y luego simplemente podemos mirar a través, encuentra a cualquiera Que se vea bien. Y me siento atraído por éste porque es un signo muy sencillo este, así que voy a comprobarlo. Entonces es un diseño muy sencillo pasando, y podemos redirigirlos para lucir para otros canales, como un Twitter de YouTube. Nosotros realmente no te paso haría usar instagram así que podríamos agregar Instagram aquí y luego Facebook, ¿
verdad? Y luego hay algunas cosas adicionales aquí que podríamos editar. Entonces sigamos adelante y usemos esto. Voy a dar click en insertar. Está bien, así que aquí estamos. En primer lugar, decidamos qué es lo que realmente queremos usar aquí. Ahora tenemos el sobre nosotros. Tenemos un bonito trasfondo. En realidad me está gustando esto y tipo de colocar con nuestro tema ya y con nuestro
tema de color , correcto. A pesar de que esto probablemente sea más naranja, me gusta mucho. Voy a cambiar esto toma. Pero no hay nada en el diseño que quiera cambiar aquí. Entonces, claro, vamos a cambiar a través de eso. No hay logo de Twitter que dice Facebook ¿verdad? lo vamos a cambiar a Instagram. Y luego tenemos nuestra historia, que creo que se ve muy bien. Voy a seguir adelante y en realidad quitar este corazón a pesar de que amemos los corazones. Eso es encantador. Disculpe el juego de palabras. Yo no creo que encaje con el diseño aquí. Al menos no la que tengo en mente. Entonces voy a quitar esa, y voy a bajar, y en realidad voy a seguir adelante y quitar el video y esta parte también. Y también voy a quitar estos porque no vamos a estar usando en el
carrusel de imagen . Por lo que a esto se le llama carrusel de imagen. puede ver que han añadido en varios aquí, va a
haber un desplazamiento por si estás de verdad visitando la página, voy a seguir adelante y simplemente quitarle eso. Voy a seguir adelante y quitarle esto también. Entonces ahora mismo estás viendo un bastante simple en limpio este letrero, ¿
verdad? Entonces, empecemos desde el par superior. Ahora tenemos de nosotros, que creo que puede estar ahí porque así es nuestra página sobre, ¿
verdad? Y entonces solo vamos a seguir adelante y editar esto toma, voy a dar click de cuidado y voy a cambiar. Esto lleva. Entonces esto lleva justo aquí. Voy a estar editando en un poquito. Pero voy a hacer sin embargo su enfoque un poco más en el diseño. Correcto. Entonces sí tenemos un Facebook, así que esto es realmente genial, pero no usamos ni tenemos que Witter. Y también dice Facebook aquí abajo por alguna razón. Entonces, ¿qué? Voy a seguir adelante y hacer cambiar sexualmente esto a Instagram. Si hago click en esto, podemos verlo aquí arriba. Ahora, esto es decir en que vengo caja los usamos antes. Ahora lo que voy a seguir adelante y hacer es quitar el Twitter así y voy a
buscar Instagram. Ahí vamos así y luego abajo aquí, solo
voy a escribir instagram. De acuerdo, ahora, fuera de curso quiero cambiar los colores también porque estamos usando el azul de Facebook aquí, el rojo de YouTube aquí. Pero este es algún tipo de extraño color azulado para instagram ahora mismo. Instagram Es complicado porque están usando Grady y colores que
significan un montón de diferentes . Pero el color más prominente para Instagram es el tipo de color rojizo o púrpura que tienen. Entonces voy a seguir adelante y solo en google. Y aquí dentro, solo
voy a buscar Instagram Hex Caller Red. Ahí vamos. Entonces lo primero, normalmente solo puedes seguir adelante y copiar este código, pero sé que este es el código de color azul. Y de nuevo, el logo de Instagram es un montón de colores son por lo general no va a haber este tipo de problemas . Entonces solo vamos a bajar y ver esto. ¿ De qué color es el logo de Instagram? Aquí vamos. Y luego tenemos el hexámpago rojo Violeta. De acuerdo, Este es el código que busco. Entonces voy a seguir adelante y agarrar esta copia, y luego voy a volver. Voy a entrar, escuchar clic aquí, pasar al estilo, y primero cambiar el color del ícono, ¿
verdad? Y cuando hago clic aquí, despeja esto pegado y su ayuda ISS es un color realmente bonito y definitorio. me está encantando. Voy a hacer esta escena con concurso. Yo sólo voy a dar clic en contenido aquí. Podemos ver que aún tiene este color azul. Voy a despejarlo. Ponlo ahí dentro. Y ahí vamos, luciendo mucho, mucho más bonitos. Y luego vamos a añadir algo de texto aquí también. Pero voy a estar haciendo eso a menudo. El diseño, primer lugar, quiero clavar el diseño aquí. Y entonces tenemos nuestra historia justo en nuestra historia, realidad, realmente como esa parte ahora nuestra historia va a ser sobre cómo construimos este negocio, por qué estamos haciendo lo que estamos haciendo. Queremos fortalecer la conexión emocional. Pero hay una cosa más que sí quiero agregar aquí que es súper importante, y eso es algún tipo de embudo. Ahora mira aquí abajo. Se puede ver que no pasa nada cuando vienen aquí y empiezan a aprender un poco sobre esos les estaban canalizando dedo del pie otros sitios web los cuales vamos a
asegurarnos de que serán enviados con una en una ventana nueva, derecho, para que no los perdamos como visitante en nuestra página web. Pero lo que también queremos hacer cuando bajen es darles incentivos para que vayan a
otro lugar . Esto es como la arquitectura ofrecen un sitio web. ¿ Qué pasa cuando se desplazan hasta el fondo? Todavía tenemos este menú, pero queremos enviarlos a algún lado. ¿ Y cuál es el mejor lugar para enviarlos? Esa va a ser la lágrima estrella. Empezar aquí se trata de seguirlos, calentarlos después de quienes somos, lo que estamos a punto de enviarlos luego a nuestros cursos. Entonces simplemente voy a ir aquí con los elementos a los que voy a pasar, pero algunos y lo voy a poner abajo Ahí. Vamos a hacer esto realmente simple. Yo lo voy a centrar. Yo voy a escribir. Empieza aquí. Ahora, este botón y el incentivo o más bien el llamado a la acción para hacer click en él va a mucho más sentido cuando haya leído y clavado este texto, ¿
verdad? Pero sólo voy a diseñar todo ahora mismo. Y yo iba a escuchar el espacio entre el fondo aquí y el texto también. Entonces vamos a mantenerlo pequeño frente. Bueno, vamos con medio. En realidad, sí, eso se ve más bonito. Voy a pasar al estilo, y luego voy a ir a la tipografía porque quiero transformarla a mayúsculas. Creo que eso se ve mucho mejor. Genial. Y luego vamos a ir al efecto hover porque me encanta esto Qué perfecto Vamos a usar grow. Entonces conseguimos que este bonito efecto vaya, ¿de acuerdo? Y entonces vamos a empezar a editar esta sección aquí. Entonces solo voy a dar clic aquí arriba, pasar para avanzar que podamos ver que en la parte inferior hay algo de relleno pasando, lo
cual tiene mucho sentido. Es así como conseguimos este bonito look. Pero queremos que el botón esté más cerca. Entonces solo voy a seguir adelante y jugar con I lista al 15. Creo que 15 se ve bastante bien. Por lo menos vamos a ver. Analicemos los cambios y veamos cómo se ve. Entonces esto es lo que estamos teniendo ahora mismo. Desplazémonos hacia abajo. Tenemos nuestra historia, y luego tenemos este inicio aquí, pero así esto es súper limpio y súper sencillo. Para ser honestos, todo lo que hemos hecho es quitarnos un par de cosas. Y ahora solo vamos a editar esta toma. Voy a poner los enlaces aquí dentro. También podemos ver que tienen un efecto de sombra flotante. ve realmente bonito. Y luego voy a vincular esto empieza aquí a este inicio aquí, Page. Pero antes que nada, déjame justo en alguna descripción para poder mostrarte lo que he leído. Um, Por qué lo he escrito y te voy a mostrar cómo se ve cuando todo está hecho y terminado va a ser espantosamente aburrido de mirar. Entonces solo te voy a ver en un segundo. Está bien, Entonces así es como se ve y lo que tenemos Hasta ahora, realmente
tengo pieza arriba, punto. Dice Robin. Y solo para LTD es una empresa. Esto inició su viaje 2016 con una sola pregunta en mente. ¿ Cómo se empieza a ganar dinero en línea desde cero? Ahora bien, esta es una hermosa de maravillosa introducción, sobre todo dejándolos con una pregunta. ¿ Cómo empezó todo? Correcto. La gente está aquí en la sección sobre Estados Unidos para aprender sobre nosotros, así que les estamos dando la historia ahora en esta plantilla, los
estamos siguiendo directamente en Facebook. Tener también leyendo que pueden visitar Facebook para conocer las últimas tendencias en
marketing digital Instagram para aprender o si solo están interesados en nuestra vida cotidiana y luego a
ver dónde comenzó todo. Esto es lo que empezamos. Nuestro viaje es si realmente quieren conocernos quiénes somos, qué estamos. Tenemos muchos tutoriales en YouTube y también tenemos nuestro comienzo en YouTube desde cuando estábamos haciendo videos en sueco y todo y trabajando en la empresa. ¿ Verdad? Entonces aquí hay un montón de cosas buenas, y también hay mucha prueba social de cuánto y lo grande que hemos crecido en esta plataforma. Por ejemplo, en YouTube, tenemos ah, creo que está ahí en 15 millones de visitas en este momento, lo cual es enorme. Y luego tengo leyendo nuestra historia y solo describo cómo empezó todo, ¿no? Y luego estoy terminando la nota con este sitio Web, y el negocio es el resultado de eso, y ahora queremos compartirla con ustedes. Empieza aquí. Entonces ahora quizá no hayas leído todo esto, pero básicamente les estoy dando la historia. Cómo empezó todo, cómo aprendimos lo que funcionó, y quiero compartir esto que hemos aprendido claramente que funciona porque ya hay tanta prueba
social en este sitio web. Está más allá de una sombra de duda que este sistema que tenemos funciona, pueden aprender más sobre ello aquí con sólo hacer clic en el inicio. Aquí, Página derecha, Hasta ahora tan bueno. Ahora, lo único que realmente quiero cambiar es que me gustaría cambiar realmente el
panorama o que el signo de esta parte,
como se puede ver, como se puede ver, todo está girando o dibujando a la derecha como tenemos. Aquí sólo hay un camino, y se pone a la derecha. Tiene sentido porque entonces no se necesita el espacio entre las columnas. Pero se ve bastante terrible. Por ejemplo, esta parte, en mi opinión. Entonces lo que voy a seguir adelante y hacer es en realidad volver aquí. Voy a seguir adelante y hacer frente a esto y hacer clic cuidado y simplemente pegar estilo. Y luego vayamos a previsualizar los cambios. Por lo que ya se ve mucho mejor. Lo que sí quiero, sin embargo, es un poco más de espacio entre estos. Entonces voy a seguir adelante y volver. Voy a dar click para llamarlo aquí, pasar a avanzado, y luego voy a poner algún margen al ascensor. Vamos a tratar estos y vamos a fijar 10 creo que va a estar bien. También podemos seguir adelante y optar por llamarlos aquí fuera. Este se movió para avanzar en un D vincularlo. Y entonces vamos a poner 10 a la derecha aquí. De acuerdo, así que sigamos adelante y miremos y previsualemos los cambios y veamos qué tenemos desplazándonos hacia abajo. De acuerdo, así que hay un poco más de espacio entre aquí, y realmente me gusta la mirada fuera de esto. Estoy súper feliz y entusiasmado con esto, y se ve
realmente, muy bonito. Ahora no necesitas tener una página sobre nosotros una página sobre mí, pero puede ser una buena idea, sobre todo si en realidad no has incluido mucha información sobre ti mismo. Si vas por un minimalista este letrero en tu página web ahora, realidad
tenemos mucha información quiénes somos, de qué estamos etcétera en la página principal en empezar aquí y en el curso es página. Pero seguimos haciendo la página sobre nosotros con el fin de aprender con qué rapidez y con qué sencillamente
se puede crear este tipo de página fuera de página. ¿ Verdad? Esto se hizo en básicamente nada de tiempo, y se ve
realmente, muy bonito. Entonces, ¿qué? Voy a seguir adelante y hacer ahora,
chicos, chicos, es que vamos a pasar de nuevo y empezar este fichaje. El recurso es de página. El recurso es página es super importante. Aquí es donde podemos divertirnos mucho con nuestros enlaces de afiliados donde podemos dar y aportar mucho valor a nuestros visitantes también, solo mostrarles lo que estamos usando, lo que recomendamos y lo que funciona. Entonces vayamos a la siguiente conferencia y pasemos y empecemos a firmar. Un recurso es Page. Nos vemos ahí, chicos.
8. Diseño: página de recursos: Muy bien, chicos. Bienvenido de nuevo. Adelante y empecemos a diseñar. Nuestro recurso es Page. Ya conoces el simulacro. Empezamos por la parte de atrás y para las páginas de la página web. Todas las páginas que vamos a ir al recurso es que vamos a dar click en editar y luego terminamos con elementos están abajo. Dos configuraciones cambian el diseño de página a lleno con, y ahí vamos. Honestamente, es casi como si hubiéramos hecho esto antes, así que empecemos ahora. Para empezar correctamente aquí, en realidad
quiero mostrarles algo interesante. Ahora bien, si vas adelante y das click en plantillas aquí mismo, ya
sabrás que si quieres usar cierto bloque, tenemos aquí la sección de bloques. Simplemente puedes desplazarte por ellos, escoger un bloque, empezar a editarlo, usarlo, etcétera. Y hay bloques fuera de Tom para que lo uses. Pero hay otra cosa que puedes hacer que No mucha gente, creo que realmente utilizar correctamente. Y eso es ir a páginas y realmente encontrar una página aquí. Eso se ve realmente bonito. Toma ese bloque del pegado que quieres usar y luego salta el resto. Entonces si nos fijamos en este, por ejemplo. Podemos ver que en realidad tenemos a un tipo bastante agradable. A Esto no lo vas a encontrar en la sección de bloques, pero este bloque en sí forma parte de la página. Entonces lo que podríamos hacer es que pudiéramos insertar toda esta página y luego eliminar todo del riesgo que hay y acaba de usar este bloque. Entonces vamos a seguir adelante y hacer eso ahora mismo. Vamos a dar click en insertar, y aquí ahora nos estamos desplazando hacia abajo. Simplemente vamos a quitar todas estas cosas una por una. Ahí está. Ese se ha ido. Este se ha ido. Y sabes, curiosamente, esta es realmente bonita página si querías usar. Este es un recurso es página que podrías conducir montando cualquier recurso que sea sobre el que
quieras escribir aquí agregando una foto fuera de él Aquí, haz lo mismo. Aquí, Aquí, Esto es como este algunos se hicieron para recurso es que puedo recomendar encarecidamente este, pero quiero mostrarte y decidí que me gusta mucho y que puedes copiar si quieres. Puedes hacer tu propio diseño, pero quiero que sepas hacer esto. Entonces sigamos quitando en una pareja que no queremos. Y ahí estamos. De acuerdo, así que empecemos a hacer algo de edición. En primer lugar, quiero cambiar esto y luego voy a escribir algo como el recurso es que usamos algo así, correcto, Porque sólo vamos a recomendar cosas que usamos y empresas que realmente podemos no se atrasen. Ahora, recuerda, si haces un recurso es buscapersonas tu afiliado con algún tipo de empresa. Si esa es una mala empresa y lo estás recomendando, no te va a quedar bien. Entonces lo que hacemos es que solo recomendamos las empresas que nos usamos a nosotros mismos en las que confiamos y que disfrutamos. Por supuesto, si ofrecen un gran servicio, los
vamos a recomendar. Entonces voy a escribir. El recurso es que usamos. Y en realidad, estoy cavando esto, así que voy a dejar esto por ahora, y luego voy a cambiar este texto, y voy a escribir algo como aquí es una colección fuera. Todo nuestro recurso más valioso es que vemos uso y comando de rec calurosamente. Y ahora voy a hacer algo súper importante. Y ya hemos hablado de esto antes, ¿verdad? Voy a hacer esto. Voy a dar click aquí. Voy a darle a Enter para que en realidad, ya
ves, salte así y voy a escribir descargo de responsabilidad. Algunos enlaces serán enlaces de afiliados. Ahí vamos. Y ahora qué debes hacer dependiendo de quién seas, cuál es tu relación con tus visitantes, etcétera. En realidad podrías estar escribiendo algo extra abajo con el maíz es algo así como usar enlaces de afiliados medios o incluso podrías agregar en una página entera de ejecución adicional sobre enlaces de afiliados de
agua son y por qué los usas. Porque cuando la gente se entera de que los enlaces de afiliados es en realidad cuando tú el dueño fuera de la página web, consigue un recorte por recomendarlo y que generalmente consiguen un trato mucho mejor por esto , entonces generalmente los visitantes están bastante contentos de estar haciendo clic en enlace de afiliado. De lo contrario, solo suena a gente, o estás recomendando a la empresa por un dinero rápido. Pero de eso no se trata. A la baja se puede explicar el modelo apagado, la empresa obtiene una venta, obtiene un corte y ellos obtienen un mejor trato. Sabrán que es una situación de ganar ganar ganar. Y en general queremos ser realmente abiertos que utilicemos enlaces de afiliados y es realmente que es algo
bueno es algo
realmente, muy bueno. OK, pero por ahora, vamos a mantener esto sencillo. Entonces a continuación, vamos a seguir adelante y empezar a hacer un diseño, y quiero mostrarles qué tipo de decidir si vamos a estar usando. Voy a dar clic en el plus aquí, y lo voy a estar usando para llamarlos diseño. Entonces la forma en que vamos a estar haciendo esto es que vamos a pasar a elementos aquí , y voy a estar usando un allá. Está en imagen a la izquierda. Está bien. Y voy a estar usando un rumbo a la derecha. De acuerdo, entonces lo que voy a hacer es realmente poner un relleno bastante grande alrededor de esto. Entonces lo que quiero decir con eso es que a pesar de que tenemos capa esto a través de todo el sitio , así,como la anterior la sección de pliegue, vamos a hacer un relleno bastante grande porque queremos tener este diseño de la espada fuera de la caja aquí , ¿verdad? Por lo que no queremos usar demasiadas tomas No queremos usar a grandes imágenes. Entonces vamos a hacer esto realmente estrecho. Y en este tipo de diseño estrecho, vamos a usar en imagen fuera de la empresa. Aquí vamos a describir a la empresa, y luego también vamos a seguir adelante y añadir algún texto sobre la empresa y potencialmente el trato. Por lo que las empresas y el recurso es que se nos recomendaría sería anfitrión azul. Es decir, amamos a estos tipos. Elemental, obviamente, elemental es genial. No necesitas tenerlo, pero es genial si quieres ir con el full off, fallar por crear videos increíbles en Instagram Feed back con lo que se hace la vida realmente genial cuando estás haciendo Amazon FDA fuera de curso que conozcas y cuota de habilidad. Por lo que estas son las herramientas que estamos usando y podemos recomendar calurosamente. De acuerdo, entonces el 1er 1 va a ser anfitrión azul. Entonces lo que voy a hacer aquí es que voy a dar clic aquí y voy a escribir
anfitriones azules así. De acuerdo, ahora voy a pasar a elementos, y voy a añadir un texto abajo Así. Ahí vamos. OK, entonces tenemos anfitrión azul. Voy a dar clic aquí, y voy a estar agregando el logo azul anfitrión. Y ya me he tomado la libertad de seguir adelante y subir las imágenes que he
convertido en J pic. Yo los he comprimido, ya
sabes el trato. Y si encuentras que tu mediateca luce así,
esto se debe a que estás sacando un montón de fotos cuando realmente estás usando una plantilla, una plantilla de página o incluso una plantilla de bloque. Entonces no te asustes. Si se ve así, solo
puedes seguir adelante y dar click en ellos. Usa más si quieres, pero haz clic en ellos y luego borra permanentemente y se han ido. De acuerdo, me voy a desplazar hacia abajo, y vamos a estar usando este. De acuerdo, ese es el logo para Blue Host. Voy a dar click en insertar medios para que veas que es realmente grande. Se puede ver que este no es un buen diseño. Si seguimos adelante y previsualizamos cambios en este momento y me desplaza hacia abajo, se
puede ver que quiero decir, nada demasiado impresionante, ¿
verdad? No realmente amando esto ahora mismo. Entonces, ¿qué? Es decir, cuando hablo de ellos más encajados. El letrero es que voy a seguir adelante y dar click aquí, ¿
verdad? Voy a editar esta sección. Voy a ir a Advanced, y luego voy a añadir una gran cantidad de looks de relleno. Empecemos con 200. Vamos a volvernos locos. Vayamos con 300 así. Está bien. Y luego voy a tratar esto porque no quiero tanto relleno en la parte superior. Podríamos hacer. A lo mejor con no hace algo para locos, vamos a hacer con dos 100 bateo en la parte superior por ahora. Y ahora vamos a previsualizar estos cambios desplazándose aquí abajo. Podemos ver que hay mucho espacio a la vida. Hay mucho espacio a la derecha, y así es como quiero mantenerlo. Para que esto firme. Yo quiero mostrar a los investigadores que tenemos un aspirante directo al grano, y quiero ofrecerles algo correcto. Yo quiero ofrecerles un trato o si no hay trato como tú no tienes que usar enlace de afiliado . Si no hay afiliado, por ejemplo, solo
estás ofrecerles el enlace para que lo puedan agarrar y empezar a usarlo. Todo esto se trata de traer valor a los visitantes, ¿verdad? Nunca olvides que eso se trata de traer valor. Entonces lo que estoy viendo aquí es que esto es simplemente demasiado grande manera que esperamos ser y quiero más espacio para el texto. Entonces voy a volver, y voy a cambiar el espectáculo de rayos aquí. Entonces vamos a hacer algo así como, vamos a pasar esto a 28. 72. A lo mejor esto lo está empujando un poco. Lister 35 65 y voy a previsualizar cambios y ver qué tenemos. Entonces todavía demasiado grande. En mi opinión, me voy a mudar aquí y voy a moverlo hacia abajo. Pasémoslo al 28. Voy a previsualizar de nuevo los cambios. ¿ Todo bien? Entonces, en realidad, ahora estamos hablando un poco más, ¿
verdad? Voy a seguir adelante y aumentar aún más este relleno porque realmente quiero platicar este en. Entonces vayamos con 400 por ahora y veamos qué obtenemos. Está bien. Y luego 400 aquí, y luego voy a dar clic. Um, previsualización de cambios. De acuerdo, así que esto es más o menos exactamente lo que estoy buscando. estoy súper contento con esto. Sólo hay una cosa más que quiero hacer con ésta, y es ponerla en unos libros literales, Ok. Y la forma de hacerlo es súper sencilla. Ahora lo que vamos a seguir adelante y hacer es empezar primero con esta columna. Ahora, voy a dar clic aquí para editar la columna. Voy a pasar al estilo, y luego aquí abajo, tenemos a Border King. Ahora todo lo que necesito hacer es poner el tipo de frontera a Saúl It voy a resolver tipo de frontera, y luego tenemos su fondo vertical y levantar. Si hago clic en uno como este, en realidad
se pone un borde. Se puede ver eso, ¿verdad? Y luego voy a seguir adelante y hago lo mismo. Mi click en editar esta columna y voy al estilo y voy a frontera y solo te cambio demasiado sólido, y doy clic en una. Por lo que ahora a éste le está pidiendo una frontera. Bueno, entonces si sigo adelante y podría venir los cambios de vista previa, podemos ver que estos realmente están teniendo fronteras alrededor de ellos en este momento. Y esto se ve realmente bonito. Es sólo una cosita. Y es que esta línea entre aquí que en realidad no se ve demasiado linda hace porque esto los separa y quiero que estén en un libro grande, bonitos. Entonces lo que voy a seguir adelante y hacer es volver aquí y voy a empezar con edición de esta columna. Voy a mudarme aquí, y luego voy a d vincular estos valores porque queremos quitar las fronteras correctas. Voy a hacer clic en este 20 va a pasar a esta columna, y luego voy a darle estilo a la frontera, y luego voy a tratar, y voy a quitar la izquierda. Voy a dar click a este 1 a 0. Y ahora vamos a previsualizar estos cambios desplazándose hacia abajo. ¿ Y esto no se ve tanto más bonito ya? Gran, gran fan apagado. ¿ Esto realmente contento con esto ahora? Lo que quiero hacer a continuación es en realidad agregar algo de relleno porque solo creo que está un poco abarrotado ahí. Es demasiado apretado. Entonces voy a seguir adelante y a ir a editar la columna así como así. Y ahora me voy a pasar a avanzado aquí, y me voy a sentar un relleno. Y probemos algo como San. Tenemos que recordar que estos aire bastante firmando ahora ya. Entonces voy a hacer lo mismo por esta columna, ¿verdad? Voy a ir con Paddington y luego dar clic en cambios anteriores y solo a ver qué estamos obteniendo. Está bien. Entonces nada demasiado loco. Creo que en realidad podemos subir bastante esto. Entonces vamos a empujar un poco el límite. Vamos a ir con 30 va a hacer lo mismo aquí. Voy a presionar este hasta 30 y luego vamos a previsualizar de nuevo los cambios. Hay mucha previsualización Así es como funciona el diseño, ¿sabes? Por lo que esto está empezando a verse cada vez más encantador. Yo estoy cavando esto. ¿ De acuerdo? De verdad, muy agradable. Entonces lo que me gustaría hacer es en realidad aumentar un poco el tamaño aquí. Voy a seguir adelante y hacer esto. Se puede ver que aquí no se ve demasiado bien. ¿ Verdad? Y sin embargo cuando vamos aquí, se ve bastante bonito. Entonces voy a dar clic aquí, y luego sólo voy a seguir adelante y aumentar esto para pasar al 29. 30.2. Eso va a estar bien. Y también voy a entrar aquí y voy a sumar un fondo abajo aquí abajo. Y vamos a escribir algo como probar ahora en este fondo así como eso. Y claro, voy a querer darle estilo a esto. Ya lo hemos hecho tantas veces antes, ¿verdad? Voy a transformarlo en letras mayúsculas así. Voy a mantenerlo de tamaño pequeño, más definitivamente. Y entonces también voy a seguir adelante y moverlo a la animación hover y hover y luego crecer así. Entonces vamos a previsualizar estos cambios. Entonces esto se ve bastante bonito. Y lo siguiente que voy a querer hacer es en realidad quitar el espacio entre aquí porque esto es tener demasiado espacio en el medio y quiero enviar a la imagen. Adelante y hagamos esas dos cosas. Voy a dar click en esta imagen. Voy a centrarlo así como así Y también podemos camino, camino, bajando tamaño. Este es ir con medio it. Se puede ver cuando pierde demasiada calidad
9. Diseño: página de recursos parte 2: Y luego voy a seguir adelante y dar clic en esta columna aquí mismo. Voy a pasar a avanzado, y tenemos el relleno, ¿no? Vamos a repartir el relleno y luego partiremos al ascensor. Eso lo vamos a quitar. Simplemente manténgalo en cero. Y ahora esto. Vuelve a previsualizar los cambios. Está bien, así que esto se ve mucho más bonito con este espacio pasando aquí mismo. Ahora lo que voy a querer probar a continuación. Ya que no estamos viendo demasiado movimiento en la imagen aquí mismo, que probablemente tenga que ver con el tamaño de la imagen, voy a seguir adelante y empezar a jugar con los botones. Entonces volvamos. Demos clic en este botón y tratemos de centrarlo y luego haga clic en los cambios de vista previa. Está bien, entonces ahora tenemos algunos resultados. Podemos ver que este órgano está justo abajo aquí. Ahora, claramente, esta imagen, en mi opinión, es un poco demasiado pequeña porque incluso el botón pequeño es más grande. Entonces quiero tener esto abarrotado. Agradable buscar firmar, pero no quiero tener estos botones grandes. Entonces vamos a seguir adelante y hacerlo aún más pequeño y comprobarlo. Entonces esto se ve realmente bonito, chicos. De acuerdo, entonces el botón sigue siendo un poco más grande, pero por la altura, en realidad
estoy cavando esto. Esto es más directo al grano. Entonces todo lo que realmente necesito hacer a continuación es seguir adelante y dar click en esta sección aquí mismo, y voy a seguir adelante y dar clic en copiar, y luego voy a bajar aquí abajo y lo voy a pegar. OK, ahora, fuera de curso, hay un par de cosas que vamos a necesitar cambiar en esta. Vamos a ir a avanzar, y luego vamos a poner las palmaditas más altas. Queremos quitarlo así. Se irían. Y luego para este, este superior quiere ir a avanzar si queremos quitar la palmadita inferior. OK, entonces ahora podemos ver que en realidad se están conectando. Entonces ahora si salgo y previsualizo los cambios y desplácese hacia abajo, podemos ver que se están conectando. Y eso se ve
realmente, muy bonito. Estoy cavando que ahora se puede ver que esta línea es en realidad extra fuerte. Y eso es porque hay dos líneas que están cortando y cortando por aquí. Entonces todo lo que necesitamos realmente seguir adelante y hacer es volver atrás y luego dar click en uno de estos se iban a ir con éste por ahora. Y luego vamos a dar click en la columna derecha y vamos a ir a Style Border, y luego vamos a encontrar el borde superior. Vamos a dar click a cero. Vamos a hacer lo mismo con esta frontera de estilo fronterizo, y entonces nos vamos a poner demasiado serio. Entonces salgamos y previsualicemos los cambios. De acuerdo, entonces ya está empezando a lucir mucho más bonito, ¿no? Entonces si seguimos adelante y miramos cuántos recursos estamos usando va a ser 12345 y seis Resource es. Y ahora mismo tenemos que hacerlo. Entonces vamos a seguir adelante y a preparar eso ¿verdad? Entonces lo que voy a hacer es preparar un poco esto. Voy a dar clic en editar esta sección y luego voy a quitar el relleno inferior así
como este. De acuerdo, esto se ve realmente bonito. Ahora, recuerden, ya
he salido adelante y he quitado la frontera superior para estos. Entonces ahora cuando siga adelante y podría estar toda esta sección, solo
puedo pegarlo aquí y va a funcionar. Eso son tres en total cuatro, cinco y luego seis. Entonces sigamos adelante y previsualicemos estos cambios tan fantásticos, hemos agregado en todos estos. Ahora todo lo que voy a seguir adelante y hacer es empezar a editarlos y luego agregar en la información que quiero agregar y cuando haya hecho cuando haya agregado en las imágenes, cuando haya leído en los encabezados y he leído en las descripciones que ya conoces cómo hacer bien y, por
supuesto, vinculado. Pero algunos y todo. Entonces les voy a mostrar los resultados finales. Entonces te veré en apenas un segundo. Muy bien, chicos. Entonces aquí tenemos los resultados. Creo que ya se ve bastante bonito. He sido un trabajo muy sencillo pero de buen aspecto fuera escribiendo el encabezado y las descripciones para todos estos cursos. Ahora hay un par de cosas más que quiero hacer aquí y el 1er 1 siendo que
quiero aumentar el tamaño del encabezado y también quiero aumentar el tamaño de la descripción. Y luego quiero centrar estas secciones en esta columna. Se puede ver que el Texas va aquí, pero éste el botón try now y el logo en realidad está un poco arriba en esta columna. Entonces una cosa a la vez, ¿verdad? Entonces lo que vamos a seguir adelante y hacer es que voy a empezar haciendo click en Blue Host, ir a la tipografía de estilo, y voy a estar jugando un poco con el sitio. Entonces intentemos algo así como, ya
sabes, ganar c cinco. Vamos con 25 solo ver cómo se ve eso. Entonces se ve mucho mejor, en mi opinión. Entonces estoy cavando 25. Yo sólo voy directamente en un palo con él. Por lo general voy de ida y vuelta y trato diferente, pero estoy muy contento con esto. Entonces voy a ir hacia la descripción aquí, voy a pasar al estilo y luego a la tipografía, y voy a estar jugando un poco con esto también. Entonces sigamos adelante y probemos 70 y veamos qué hacemos bien. Y voy a previsualizar estos cambios bien. Entonces estoy cavando estos grandes, grandes tiempos. Se puede ver que hay mucho más espacio especie de ser creado aquí también, lo que realmente estoy disfrutando ahora. También podrías notar que por alguna razón, todavía
tenemos la capa superior fuera de la frontera aquí. Entonces voy a seguir adelante y ocuparme de eso ahora mismo, también. Entonces voy a volver. Voy a entrar aquí a esta columna va a ser estilo frontera. Y por alguna razón, la de arriba está encendida. Yo sólo voy a quitar eso así como esto. OK, entonces este, el tamaño se ve genial. Decisivo. La descripción es genial. Ahora quiero enviar a través de estos dos, así que voy a seguir adelante y editar las llamadas aquí mismo. ¿ De acuerdo? Es en esta columna y luego aquí en disposición, tenemos la línea vertical. De acuerdo, Así alinear vertical. Voy a ponerme a medio así. Y ahora voy a seguir adelante y previsualizar estos cambios para que veas que esto se pone en el medio así. Y estoy cavando ese gran momento. Creo que se ve realmente bonito estoy súper contento con esto. Ahora, una cosa más que realmente quiero hacer y que es aumentar el relleno de este
solo para darle un poco más de espacio a su alrededor. De acuerdo, así que voy a seguir adelante y volver, y luego me voy a ir aquí. Tenemos el relleno. Voy a aumentarlo a 40 así. Cuatro días y Ford. Y luego con va sin decir que necesitamos hacer lo mismo en este. Avanzado. Voy a hacer Fordice directo, así
como eso. Previsualización anómala de estos cambios. Está bien, así que esto se ve muy, muy bonito. Ahora, solo
sigamos adelante y copiemos. Pega esto a todo el resto, ¿verdad? Es súper fácil de hacer. Todo lo que voy a hacer es que voy a empezar una de las columnas. No importa cuál. Empecemos con el de la izquierda. mí me gusta una pistola Copiar, y luego voy a pegar estilo y voy a pegar estilo y estilo de ritmo. Ahí estamos. Voy a pagar estilo, y voy a seguir el estilo también. Y ahora hagamos lo mismo para esta columna. Simplemente voy a seguir adelante y copiar pegar estilo pegar El estilo todo bien al estilo ha estado pegando para todos. Ahora vamos a seguir adelante y hacer lo mismo con los bateadores. Simplemente voy a seguir adelante y copiar el encabezado aquí, y luego me voy a mudar aquí y simplemente pegar estilo. Y finalmente, hagámoslo con la descripción, ¿de acuerdo? Sólo voy a copiar. Ve aquí y voy a pagar chicos de estilo. No se pone más emocionante que esto, ¿verdad? Vas a seguir pegando este estilo. Y ahora sigamos adelante y echemos un vistazo a los anticipos. Este es el anterior, y ahora estamos teniendo un gran cambio, ¿no? Entonces tenemos más relleno entre estos, ¿verdad? Y también estamos viendo que hay que estos centrados en el aire El encabezado es más grande. La descripción es más grande. Es sólo que se ve muy bien, ¿
no crees? Yo sólo creo que se ve realmente bonito y muy limpio. Ahora tienen la capacidad de seguir adelante y probarlo. Tenemos la descripción para ello y todo. Por lo que estoy realmente contento con este diseño. En general, sólo
hay una cosa más que quiero agregar y eso es sólo un perfeccionista en mí, y es que vemos que estos son más gruesos. Entonces todo lo que voy a seguir adelante y hacer es volver atrás. Voy a estar eligiendo esta columna. Voy a ir a style border y luego a la parte superior cuando en realidad voy a hacer un poco más gruesa. Y yo voy a hacer lo mismo aquí. Voy a dar clic aquí, ir al estilo, clic en Border, y luego hacer que la parte superior sea un poco más gruesa. Vista previa de estos cambios y consulta la parte superior. Ahora vemos que solo es un poco más grueso y encaja con el resto fuera del diseño. OK, entonces este que tenemos gratis esto que hemos creado nosotros mismos se ve realmente bonito. Ahora, así es como vas adelante y creas tu recurso es página. Ahora, chicos, no olviden que tienen la Pretty Ling. Así que ve y agarra tus enlaces de afiliados eran para los que tienes enlaces de afiliados, y luego pon al afiliado Ling en tus bonitos enlaces a los que te va a ayudar con s e O y también te dan enlaces rastreables y de aspecto agradable. Entonces pones ese enlace en el botón justo aquí, ¿verdad? Por lo que tienen algo que hacer click. Y si logras conectarte en una empresa, si hablas con ellos y consigue una oferta especial Fantástico. Muchas empresas te darán algo a tu visitante por ser afiliado. Entonces vamos a pasar a la siguiente conferencia, y vamos a empezar a editar y diseñar nuestra página de contactos. Entonces nos vemos chicos en la próxima conferencia.
10. Diseño: página de contacto: Muy bien, chicos. Entonces sigamos adelante y empezemos a diseñar nuestra página final. El contacto de la página US. Empecemos. Entonces ya conocemos el simulacro, ¿verdad? Vamos a estar en la parte trasera de nuestra página web. Ir las páginas, Todas las páginas. Después vamos a encontrar la página de contacto y luego dar click en editar Colligan ayudado con Elemental. Esto es lo que hicimos antes, recuerdas? Y entonces aquí estamos. Entonces ya sabemos que lo anterior que hemos hecho todavía va a estar en este apartado ahí mismo. Simplemente voy a poner todo en una sola sección y podemos hacer lo que queramos con ella ahora. Una cosa con la página de contacto, ya sea solo contactar, contactarme, contactarnos, no
importa cómo lo llamemos. Algo que es realmente importante de esto es que cuando la gente hace clic en la página de contacto , quieren ponerse en contacto contigo, ¿ verdad? decir, Esdecir,es obvio tiene sentido, pero mi punto aquí es que quieren ir directamente al contacto con el formulario de contacto que quieren escribirte. Este no es el lugar para estar poniendo un montón de opt ins. Un montón de información extra, etcétera, etcétera. Por lo que me aseguro de que va a mantener este super duper simple. Al igual que esto. Ya hemos hecho todo el levantamiento pesado. Tenemos todo bonito y ordenado, pero te voy a mostrar cómo puedes agregar una bonita imagen de fondo para solo, ya
sabes, vivirla un poco y darle un diseño un poco más bonito. Pero quiero mantener este super simplista este signo justo directo al grano. Con el formulario de contacto en sí, creo que es perfecto. Entonces lo que vamos a hacer es pasar a la configuración y luego cambiar el diseño de la página. Ahora notarás que no hay barra lateral. No obstante, la sección en sí se ve afectada por esta capa predeterminada. Se puede ver que el tramo no va todo el camino a los lados. ¿ Verdad? Pero si lo cambio de default a full con ahora, podemos ver que la sección realmente se mueve todo el camino hasta el sitio. Y no te preocupes por esto. Este código aún funciona. Si hago clic aquí, se
puede ver que el en la forma visual es sólo una pieza de código. Pero si hago clic en el texto se va a transferir así como esto. Entonces no te preocupes. Si recibes este tipo de avisos de código corto, todavía
va a funcionar en la versión final. De acuerdo, Ahora lo que voy a hacer es sólo añadir una bonita imagen de fondo a esto. Eso es realmente todo lo que voy a hacer. Y ya me he tomado la libertad de encontrar una foto de fondo en picos al día que
disfruto . Ya sabemos hacer esto, y luego lo he comprimido. Entonces tiene un buen tamaño y ya así todo lo que voy a hacer es en realidad click aquí arriba, Ted. Es la sección voy a ir a estilo y luego fondo y luego clásico y agregar. Ahora, sólo
voy a seguir adelante y elegir este pájaro y dar clic en insertar medios, OK, Y a continuación en sólo ir a ver cómo se ve, ya
sabes, con la configuración predeterminada, voy a para hacer click en los cambios de vista previa. De acuerdo, así que no es lo más impresionante del mundo, ¿
verdad? Son un par de cosas que quiero cambiar, y eso es hacer que este encaje un poco mejor. Esto ya es bastante pronto. Y luego quiero jugar un poco con los colores. De acuerdo, así que sigamos adelante y hagamos eso ahora mismo. Voy a entrar aquí. Voy a ser su estilo. Y luego vamos a bajar a tamaño. Voy a cambiarlo para cubrir. Ahí vamos. Y ahora solo voy a poder venir los cambios de vista previa para ver qué estamos recibiendo. De acuerdo, entonces ya creo que esto se ve mucho más bonito, en realidad. Al igual que como que entra tanto en la imagen de mí como de Jesper y en esta forma
aquí mismo . Ahora bien, lo que no me gusta de esto, sin embargo, los colores muy fuertes que están pasando aquí, así que no soy un gran fan de eso. Entonces, lo que voy a hacer en realidad es simplemente derretido en un poquito, ¿
verdad? Mucho del campo ha estado fuera de curso. Además, son bonito color rojo que hemos estado usando también Blanco. Hemos estado usando mucho blanco, y esto es una especie de romper un poco el blanco por el tema gris,
azul ish bastante fuerte que está pasando. Entonces lo que voy a hacer es volver. Van a ser su estilo, y luego voy a ir a la superposición de fondo. ¿ De acuerdo? Entonces voy a ir a la superposición de fondo, voy a estar en la normalidad, y luego voy a dar clic en clásico aquí y añadir un color, ¿
verdad? Voy a agregar un color demasiado apagado blanco solo para que se derrita en un poco más con todo el resto del blanco. Por ejemplo, el blanco en las formas, el blanco en nuestro menú, incluso un poco de ensanchamiento de una imagen. Es un cuadro en blanco y negro. Entonces voy a cambiar el frío aquí. Voy a dar click en Blanco así como así, y ya puedes ver cómo se funde. ¿ Verdad? Entonces así era antes. Mira cómo es solo destaca pops mucho, lo cual podría ser bonito, pero no para este diseño. Y cuanto más pase lo que le doy, más justo
se desvanece en segundo plano. Entonces realmente estoy cavando esto. Entonces vamos a previsualizar estos cambios, y ahí vamos. Ahora me gusta eso. Entonces eso literalmente lo convierte en una imagen de fondo, que es exactamente a lo que estoy apuntando. Es sólo una imagen de fondo. Destacan alumnos de cualquier manera. El parte importante es la forma. Correcto. De acuerdo, así que eso es todo. Chicos, este es el diseño. Súper rápido, Súper fácil. Es decir, es todo lo que necesitamos toda la escritura. Waas fue a recoger a Saboi, agarrando bonita imagen de fondo y luego puso una superposición blanca para hacerlo más en el fondo. Y eso es todo. Por lo que notarás que puedes hacer un diseño desde cero como lo hemos hecho para la
página de inicio para la página de inicio aquí, etcétera. También puedes usar plantillas, y las ha cambiado, como deseabas solo se usaban para crear plantillas directamente. Y puedes hacer algo tan sencillo como simplemente poner una imagen de fondo incluso cuando has estado usando el editor de Gutenberg. De acuerdo, entonces hay un montón de cosas buenas aquí, muchas maneras de hacerlo. Pero el punto de nombre es, ahora sabes diseñar y cómo diseñar. ¿ En serio, en serio? Bueno, está bien, así que eso es todo para el diseño apagado. Las páginas no iban a pasar por el blog porque un bloque va a ser sangre. Nos vamos a estar centrando en el contenido ahí, así que no vamos a estar pasando
por el diseño así que chicos, a estas alturas deberías tener un buen agarre en el diseño en sí, ¿
verdad? Y si tienes alguna pregunta,
será, será, por
supuesto, estar en la Q y A. Solo recuerda ser creativo, usó las plantillas y usa lo que has aprendido para luego tomar tus propias decisiones y tener mucha diversión. Este fichaje es divertido, chicos. Ahora, antes de pasar a la siguiente sección, pasaremos a la siguiente conferencia. Vamos a hablar de qué pensar ahora, cuando hayamos diseñado estas páginas. Y hay un par de cosas que creo que realmente deberías saber de esa súper importante saber ahora que hemos diseñado estas y en qué pensar para el futuro, cuando has hecho el diseño mismo y cómo te mueves desde aquí. Entonces ver en la siguiente conferencia, chicos.
11. Después de diseñar: Muy bien, chicos. Por lo que has hecho el diseño fuera de tus páginas. En primer lugar, todo gran trabajo, trabajo
increíble haciéndolo tan lejos y creando tu propio diseño. Ahora la pregunta, claro, ¿qué hago a continuación? Bueno, se acerca más contenido, pero sí quería hablar de un par de cosas contigo que van a ser súper importantes . Y lo primero de lo que quiero hablar es seguir optimizando. Ahora, chicos, lo primero que hicimos en la sección de optimización waas para optimizar nuestra página de inicio. ¿ Verdad? Entonces el https Roman y jesper dot com que es nuestra página principal. Está optimizado, pero lo que también tenemos que hacer es seguir adelante y ejecutar el Ping dum, también. El tiempo de espera, sea lo que sea que elijas usar para acelerar, probar tu sitio web y ejecutar esa prueba de optimización en la página de inicio aquí en las otras páginas como los cursos pagados y por supuesto, el resto de los pacientes así ellos sobre el recurso es contactarlo dijo etcétera. Ahora todas estas son páginas individuales, así que vamos a necesitar hacer la prueba de velocidad en ellas para asegurarnos de que no haya nada ahí que sea demasiado grande. Esto ocupando demasiado espacio, por ejemplo, cuando usas cierta plantilla dentro de L. Un mentor, a veces esas imágenes pueden ser realmente, realmente grandes. Por lo que tal vez quieras seguir adelante y comprimir esas imágenes para asegurarte de que tu sitio web se esté cargando más rápido. Pero aún así, queremos asegurarnos de que sigamos optimizando cada página que estamos haciendo. Y siempre que estés haciendo alguna actualización, asegúrate de que todo se vea bien en este momento. Siguiente arriba también es lo mismo de todas las páginas que creamos para asegurarnos de que lo estamos adaptando para la experiencia de usuario móvil y tablet y la interfaz de usuario. Ahora hicimos esto por Robin y solo un punto com. Esa es nuestra página principal. Pero no lo hemos hecho con iniciar cursos de oído sobre Recurso es contactar esas páginas, por lo que queremos seguir adelante y hacer eso. Pregúntale bien, correcto. Tan solo asegúrate de que todo se vea bien, que sea sensato dónde se colocan las cosas. Recuerda la zona del pulgar y todo, así que asegúrate de que siempre que estés haciendo en una página, asegúrate de que siempre esté adaptado para tablet y móvil. Dale una bonita UX y tú yo la experiencia porque esto hace una gran diferencia. Ahora recuerden la forma en que se veía nuestra página web al principio se veía algo como esto. Y luego hablamos de la experiencia del usuario, y la diseñamos de manera diferente con el fin de que sea más agradable para el móvil y mirar la diferencia. Es decir, es como la noche y el día. Cambiamos la cosa, primer lugar con el menú. Por lo que tiene una experiencia de usuario mucho mayor porque no está cubriendo una parte tan grande de la pantalla sin razón alguna. Y luego nos encargamos del diseño donde las palabras simplemente se juntaban y quedaban demasiado abarrotadas, verdad. Así que asegúrate de que siempre nos estamos centrando en la experiencia del usuario y la interfaz de usuario para el móvil y tablet que terminamos de diseñar para el escritorio. Ahora, lo
siguiente de lo que quiero hablar es de buscador optimizado tu sitio web. Y no te asustes porque en realidad aún no has pasado por esa sección. A menos que hayas estado saltando sección, lo cual está bien, pero aún no esperamos que sepas de esto. Ahora, en una próxima sección vamos a estar hablando de la optimización de motores de búsqueda S E derecha . Entonces lo que vas a estar aprendiendo allí sobre palabras
clave, investigación de palabras clave y cómo utilizarlas adecuadamente en encabezados da derecho en tu post en diferentes partes de tus páginas, etcétera. Toma esa información. Toma todas esas cosas que aprenderás ahí y aplícalas a las páginas que acabamos crear. ¿ Verdad? ¿ Quieres seguir adelante y buscador optimizó las páginas que acabamos de crear y diseñar Ahora lo siguiente que quiero que vigilen son las tasas de rebote. este momento, la tasa de rebote es básicamente cuando alguien va a tu sitio web y luego sale de la página casi
tan rápido como le
preguntaron, le rogaron. Ahora eso se conoce como límites. Y por lo general esta escena nos dice que hay algo mal. A lo mejor no consiguieron lo que buscaban. A lo mejor algo está roto en la página web, pero quieres estar al tanto de esto, y si vas al extremo trasero fuera de tu sitio web hacia abajo, incita porque has estado siguiendo desde la sección plug in. Sabrás que hemos instalado la perspicacia de monstruo. Hemos instalado Google analytics y todo. Entonces está todo listo y vamos a reportes aquí abajo, vas a ver algo que se sabe, le preguntó la tasa de rebote derecha. Y una tasa de rebote promedio va a ser de alrededor del 40 al 55%. Esto es general conocido como tasa de rebote promedio. Cualquier cosa más baja que eso va a ser realmente, realmente bueno. Pero dependiendo del tipo de sitio web que estés ejecutando, podrías tenerlo un poco más alto también. Pero, ¿qué? Principalmente estás buscando nuestros cambios. Entonces, por ejemplo, si notas que cierta página tiene una tasa de rebote súper alta y no tiene sentido por qué tal vez quieras echarle un vistazo a eso. Entonces, por ejemplo, si tienes cierta página de producto, ya
sabes, lo
que esto es una tasa de rebote realmente alta. Se quiere entrar y ver si hay algo aquí que no está funcionando. ¿ Esto es algo aquí que está roto? Eso es a menudo mi apagarlos. De alguna manera. Es solo una gran señal de advertencia, y solo te va a insinuar hacia la mejora. Ahora, si te desplazas por aquí, vas a conseguir algo que dice aquí hace. Ver publicaciones completas y páginas reportar ahora si hago clic aquí nos va a llevar directamente a nuestro análisis de
Google. Y lo grandioso con esto es que podemos ver exactamente qué tipo de tasa de rebote tenemos en qué páginas. Entonces si nos desplazamos hacia abajo, podríamos ver que el 1er 1 es solo tiene la cuota de corte hacia delante. Esta es nuestra página principal, ¿verdad? Porque esto es sólo Robin y desesperada que vienen sin nada más tude. Podemos ir a la derecha de lo que podemos ver. Nuestra tasa de rebote para esta página es de $79.84 por ciento para esta fecha, que es enorme. Y también tiene sentido porque hemos estado construyendo el sitio, pero aún ha estado vivo. Vamos a esperar que esto sea mejor en el próximo momento. Ahora, si nos desplazamos hacia abajo, podemos ver la tasa de rebote para la página de cursos para el inicio Aquí, página sobre página sangre, etcétera, etcétera. Y quieres estar al tanto de estas horas extras para asegurarte de que hey, acostumbrado a algún paciente especial como una tasa de rebote alta que cualquier otra, por
ejemplo y algunas páginas Oh, sólo va a tener más sentido tener altas tus tasas de rebote a la derecha. Entonces, por ejemplo, si tienes alguna cierta página de descarga, solo
entran, agarran la descarga y se van va a tener sentido que la gorila sea cielo alto. Entonces solo ten eso en cuenta que el por ciento ajustó 40% a 55% que generalmente es bastante promedio y, ah, buena tasa de rebote. Eso no aplica para cada página. Simplemente trata de darle sentido a qué tipo de página estoy teniendo y no tiene sentido que la gente salga de esto rápidamente. Por ejemplo, it products page, no
quieres tener una alta tasa de rebote en absoluto. De acuerdo, y entonces, finalmente, sólo
quiero decir que los chicos se actualizan libremente. Siempre que estés agregando, por ejemplo, en un nuevo producto o una nueva actualización o simplemente algún uso en tu empresa, no tengas miedo de entrar y realmente pongas eso en el frente de tu sitio web porque elemental es un drag y caer a su súper rápido. Es súper fácil. Se llega a ver la vista previa cuando estás editando, así que no tengas miedo de hacer actualizaciones y cambiar tu diseño con el tiempo, porque esto es muy divertido en este momento, puedes hacer un tipo de diseño lo dijo. Entonces olvídate y sigue adelante con tu vida. Ya sabes, si solo quieres enfocarte en el negocio pero no tengas miedo de quedarte con el fichaje
porque es tan sencillo. No lleva tiempo. Y puede tener un enorme impacto en tus visitantes en tus clientes, etcétera, etcétera. Entonces solo quiero decir, Increíble trabajo haciéndolo tan lejos. Pasemos a la siguiente sección y empecemos a aprender sobre los woo comers. De acuerdo, viendo la próxima conferencia, chicos.
Robin & Jesper ✓, Teaches Digital Marketing & Social Media
