Transcripciones
1. Introducción: Hola y bienvenidos a mi curso. Entonces déjame hacerte un
par de preguntas. Entonces, ¿quieres aprender
a crear tu tienda online? Por supuesto que la respuesta es
obvia, claro que sí. Pero, ¿quieres
aprender a hacer tu tienda online sin tener que invertir mucho dinero Y claro, sin
saber codificar, básicamente vamos a crear nuestra tienda online de una manera fácil. Así que en este curso, realidad
se crean una tienda de comercio electrónico
real. Básicamente, lo que
no hablé, recreé mi
tienda online que creé un mes antes de comenzar a
grabar este curso Y esta tienda en línea que precisa
ya está haciendo ventas, está consiguiendo ventas orgánicas. Entonces eso significa que no lo necesito para gastar dinero para
conseguir esas ventas. Y eso es exactamente
lo que te voy a enseñar en este curso. En este curso,
te
voy a enseñar método paso a paso, cómo puedes crear
tu tienda online que va a tener un
aspecto profesional, la carga
rápida se va a cargar bien en cualquier dispositivo que sea muy
importante para una buena experiencia de usuario que pueda impactar en tu tasa de
conversión Este curso, voy
a compartir con ustedes mi plano que se utilizan
para crear mis tiendas en línea Y solía usar
el mismo plano para crear tiendas en línea
para mis clientes Entonces, una vez que vayas a
completar este curso, vas a tener suficientes
habilidades y conocimientos para crear un sitio web
y una tienda en línea. No solo para ti, sino si es algo
que te interesa, tal vez decidas que
quieres trabajar como freelancer. Entonces ese es otro gran beneficio
de este curso porque, pero el mismo plano, podrás
crear tiendas en línea, no solo para ti, sino quizás para tus
futuros clientes En este curso,
vas a tener dos métodos, cómo crear tu tienda. Entonces, en el primer método, vamos a usar herramientas gratuitas, así que va a ser más barato. Se podría llamar a este método
y método ahorradores de dinero. Y en la segunda
opción vamos
a tener una opción premium. Entonces en esta opción premium, vas a crear
tu sitio web usando herramientas
premium y te va
a costar solo $70 extra No es mucho, pero
los resultados van a ser impactantes en
comparación con la opción gratuita. Pero solo para hacértelo saber, en este curso
vas a tener dos opciones. Entonces, dependiendo de tu presupuesto, podrás elegir
la opción que quieras usar. Y por supuesto, puedes comenzar con una
opción gratuita y luego puedes actualizar a una
opción premium que es fácilmente factible y no
te preocupes por eso Por lo que tener una tienda
en línea de aspecto profesional es extremadamente importante Por eso en este curso te
mostraré las tácticas, los trucos que puedes seguir para que tu
tienda online sea profesional. Por lo general, menos es mejor y por lo general menos
se ve mucho mejor. Entonces en este curso, voy
a mostrarles cómo funciona eso. Aprenderás tú mismo y te
puedo apostar a que te
sorprenderás. Los resultados finales, ni
siquiera vas a creer que esto es posible y lo
estás haciendo tú mismo. Entonces esa va a ser una parte
muy interesante donde voy a
mostrarte cómo elegir colores, cómo administrar esos colores, cómo trabajar con
diferentes estilos, cómo elegir las fuentes
adecuadas y así sucesivamente. Entonces esta va a ser una parte muy interesante en el curso. Nosotros vamos a encargarnos de
la parte de diseño de nuestro sitio web. También te mostraré cómo
podemos crear fácilmente una dirección de correo electrónico comercial con tu nombre de dominio y
va a ser completamente gratuita. Otras personas tienden a
gastar mucho dinero,
cientos de dólares al año, cientos de dólares al año, solo para tener su
bandeja de entrada de correo electrónico con su nombre de dominio. Y te voy a mostrar como
puedes hacer esto gratis. Entonces esa es otra gran manera ahorrar algo de
dinero extra en este curso, no solo
me estoy enfocando en
mostrarte cómo crear tu tienda en línea porque
crear un sitio web, no solo una tienda online, cualquier tipo de sitio web es
solo el primer paso. Y el segundo paso que
es el más importante. Tienes que saber cómo
atraer visitantes, cómo atraer clientes, y la mejor manera, la mejor manera sin duda es el SEO, obteniendo esas visitas de motores de
búsqueda como Google, bing.com o cualquier otro, y obtendrás tres ventas Entonces, ¿qué puede ser
mejor que obtener ventas
gratis de visitantes aleatorios? Y si llegas a
hacer tres ventas desde Google o cualquier
otro buscador, eso significa que tu tienda en línea es buena y lista para publicar anuncios pagados. Entonces en este curso, tengo una sección completa donde te
mostraré cómo hacer SEO. Eso es Optimización de
Motores de Búsqueda. Esta sección tiene aproximadamente 2 h de largo, por lo que se podría decir que es un curso
completamente separado. Entonces vas a aprender
cómo hacer investigación de palabras clave, cómo optimizar tus productos, cómo rastrear los resultados, cómo entender los datos, cómo entender el tráfico que está llegando a tu sitio web. Y todas esas cosas
que son importantes si quieres tener una tienda online
exitosa. Entonces en este curso, tengo una porción enorme
dedicada a
enseñarte cómo conseguir
esos visitantes gratuitos, cómo conseguir esos
primeros clientes. Entonces eso es muy importante. No solo te estoy mostrando
cómo crear tu sitio web. También te estoy enseñando
cómo conseguir clientes. Y claro, para
todos los que buscan crear
una tienda en línea, no en inglés y angustia o no para
el público global Pero tal vez quieras
crear una tienda online en tu idioma
para tu audiencia. Y esa audiencia no es audiencia de
habla inglesa. Entonces al final de este curso, tengo una sección separada donde voy a
mostrarte cómo
puedes traducir completamente tu sitio web cualquier idioma que quieras. Así que básicamente
podrás crear tu tienda online en
cualquier idioma que quieras. Entonces, no importa cuál sea tu objetivo, tal vez quieras crear una tienda en línea en idioma
inglés para audiencia angloparlante,
para audiencia global O tal vez quieras crear tu tienda online para
tu público nativo, no importa tu objetivo
en este curso, yo lo he cubierto todo. Realicé este curso
para todos los que quieran aprender a
iniciar su tienda online. Entonces tal vez estés planeando
iniciar tu negocio. A lo mejor estás planeando comenzar a
vender algo en línea. A lo mejor eres artesanía,
a lo mejor estás planeando encontrar proveedores y
vender productos en línea. Si le agregas a esa persona, el discurso es absolutamente para ti. A lo mejor tienes una
tienda física y ahora estás
buscando agregar otro
canal de ventas a tu portafolio. Crear una tienda en línea es probablemente una de las mejores
opciones que puedes elegir. Y si ese es el caso, discurso también es
perfecto para ti. Y a lo mejor eres persona que ya está vendiendo
productos en Etsy, eBay o cualquier otra plataforma Y créeme,
entiendo completamente cómo a veces puede ser frustrante vender
productos en estas plataformas Tienen diversas reglas
diferentes. Si no obedeces esas reglas, podrían bloquearte. Suelen tomar una
gran parte de tus ventas. Así que tener tu propia tienda en línea, tener tu propio
canal de ventas es un beneficio enorme. Entonces, si crees que te
beneficiarías mucho de tener tu
tienda online, confía en mí, este curso es exactamente para ti porque tener tu
propio canal de ventas es un beneficio enorme en comparación con pertenecer
a una plataforma de ventas como Etsy o
eBay o algo así Vas a
tener todo en tu aspecto de marketing de poder, aspecto de
productos, porque
a veces esas plataformas, no te dejan
vender algunos productos, pero cuando vas a
tener tu propio canal de ventas, confía en mí, no vas a
tener ningún problema así. Así que no importa cuál
sea tu situación, siempre y cuando quieras iniciar tu tienda online, sitio web de
eCommerce. Este curso es para ti. Me tomó alrededor de diez años
aprender todo lo que sé y decidí poner
todo en el discurso. Aprendo todo mientras
dirijo mis tiendas de eCommerce, construyo
tiendas de eCommerce para otros. Y decidí
poner todo en un solo curso y
compartirlo contigo. Entonces, si crees que este curso
es el adecuado para ti, entonces por favor únete a mí y
comencemos a construir
tu tienda en línea.
2. Aprende al estilo de enseñanza: Bien, así que antes de
saltar a calificar tu sitio web, antes de saltar a la
construcción de tu tienda en línea, creo que quizás quieras
saber un poco sobre mí, al
menos sobre mi estilo de
enseñanza Entonces todo Jordan
en línea en marketing online y varias formas de hacer el mío en línea comenzó cuando
tenía 15 años, pero nunca tuve ningún éxito porque no
sabía cómo crear un sitio web y duró
hasta los 19 Entonces aquí es donde
aprendo a usar WordPress, a crear sitios web
usando WordPress. Y aquí es donde mis intereses comenzaron a integrar
sitios web usando WordPress. Y eso es exactamente
lo que vamos a utilizar en este curso. Vamos a usar WordPress. Y vamos a usar
WordPress por la razón
porque es el sistema de gestión de
contenido más popular alrededor de nuestro 50 por
ciento de los sitios web ejecutan usando este sistema de
gestión de contenido. Entonces, si decidiste que
quieres usar WordPress, entonces tomaste una buena decisión. Entonces, una vez que aprenda
a usar WordPress, a construir sitios web usando este sistema de gestión de contenidos, se me abren muchas puertas. Ahora podría crear sitios web si decidiera que quería iniciar un blog o podría
hacerlo de inmediato sin necesidad de
depender de otras personas. Entonces aquí es donde
empecé a aprender sobre todo el proceso
de creación. Cómo tiene que mirar el sitio web, qué tipos de sitios web
hay y cómo comercializar esos sitios web. Entonces me tomó si algún tiempo
y mucho fracaso hasta que empecé a ver algunos
resultados. Pero mis sitios web. Y ahora mirando hacia atrás
después de muchos años, lo
sé pero cometí
esos errores. Sé lo que fue demasiado
confuso para mí. Ahora. Sé lo que funciona
y lo que no funciona. Me tomó alrededor de diez años
aprender todo y ahora, y no quiero que
pierdas tanto tiempo. Entonces por eso en este curso están enfocados a poner en
todo mi conocimiento. Así que no necesitarías pasar diez años aprendiendo
todo tú mismo. Entonces así es como
miro este curso. Mi objetivo es
enseñarte lo más
posible en el corto
periodo de tiempo. Entonces, al irse, se podría decir que
este es mi estilo de enseñanza. Comparto tanto
conocimiento como pueda. No te pierdo el tiempo. Normalmente me gusta
explicar las cosas de
una manera sencilla y de una
manera fácil de entender las cosas. Porque creo que es mucho más eficiente y vas
a aprender mucho mejor. Entonces no voy a
perder tu tiempo. Y por supuesto voy
a presentar la información como
forma sencilla y fácil de entender. Mientras trabajaba para una empresa de
alojamiento web hace un
tiempo, pasé bastante tiempo tratando de entender a los nuevos clientes,
tratando de entender
a los nuevos usuarios, a los
nuevos usuarios de WordPress en general, todas las personas nuevas
que están
tratando de crear sus sitios web
usando WordPress. Y traté de averiguar
cuál es el tamaño principal de punta. Entonces un poco sé,
sé un poco lo que es
difícil y lo que no
es tan difícil
o no tan Entonces en este curso, ahí es exactamente donde nuestro enfoque, nuestro enfoque en las cosas
confusas
y las cosas difíciles de entender
un poco más. Y si va a haber cosas que sean más fáciles
de entender, claro que no voy
a perder tu tiempo. Así es como suelo
hacer mis cursos. No me gusta
perder el tiempo y entender que el tiempo es dinero,
el tiempo es importante. Entonces en este curso, voy a presentarles
toda la información y manera
sencilla y fácil entender y no
voy a perder su tiempo. Entonces si quieres aprender
a iniciar tu tienda online la manera correcta y quieres
tener tienda online profesional. Por favor, únase a mi curso. Yo mismo. Estoy dirigiendo tres tiendas de
comercio electrónico, y las llevo bastante
tiempo administrando Entonces sé un poco cómo funcionan, cómo puedes atraer clientes, y por supuesto, cómo puedes construir esas tiendas en línea también Y en el pasado
se solían construir tiendas
en línea para los clientes. Así que un poco he experimentado, creo que no quiero
presumir demasiado de eso, pero
te enseñaré mi plano,
cómo construyo mis tiendas en línea para mí
y cómo solía construir
esas tiendas en línea
para mis y cómo solía construir esas tiendas en línea
para Entonces, si crees que este curso
es el adecuado para ti, entonces por favor únete a él.
3. (1.0) Elija tu nombre de dominio: En esta lección, vegano, un enfoque en el nombre de dominio. Entonces en esta lección
vas a aprender cuáles esas cosas,
dónde conseguirlas. Y compartiré contigo algunos consejos a la hora de elegir
tu nombre de dominio. Bien, entonces, ¿qué
es un nombre de dominio? El nombre de dominio es simplemente el nombre o el título de su
sitio web que
escribe en su navegador para acceder a su sitio web o a cualquier
otro sitio web. Por ejemplo, podría
ser facebook.com,
google.com, basketball
news.net Probablemente lo consigas lo que es. Y hablemos de la
estructura de un nombre de dominio. Entonces al principio vas
a tener el título. Entonces, por ejemplo,
podría ser Facebook. Y luego después de Facebook va la extensión o el final
de tu nombre de dominio. En el caso de Facebook, es.com. Y hay un montón de varias
extensiones diferentes disponibles. Entonces el más popular
es obviously.com. El segundo popular es
dotnet.code.uk y todos los demás. Hay muchas extensiones
diferentes disponibles. Y en posterior diapositiva vamos a hablar de
las extensiones en sí. Bien, entonces ¿dónde
puedes obtener un nombre de dominio? Normalmente me gusta usar
godaddy.com porque es el lugar más popular para
obtener tu nombre de dominio día tengo bastantes extensiones diferentes
disponibles Y son bastante baratos, por lo general para obtener un
nombre de dominio durante un año. Y estoy hablando
del nombre de dominio, pero una extension.com, te
costará alrededor de $10 al año Si vas a elegir
un paquete de tres años, va a ser más barato y
no va a ser más barato que 10 dólares, pero va a ser más barato
alrededor de 20 dólares por tres años. Entonces vale la pena comprar nombres de
dominio por un periodo
de tiempo más largo porque
va a ser más barato. Y si estoy eligiendo
un nombre de dominio para, digamos que no una audiencia global, sino para algún tipo
de audiencia local, la audiencia de otro
idioma hablante, Digamos que para los polacos, podría buscar otras
opciones y de eso es exactamente de lo que vamos
a hablar ahora mismo. Cuando estás eligiendo
tu nombre de dominio y sabes que tu proyecto,
tu sitio web va a
apuntar a una audiencia global. O si va a dirigirse a una audiencia de
habla inglesa, entonces tu mejor opción es always.com si ese nombre de
dominio no está disponible y ya está registrado que la segunda
mejor opción Y por lo general esas dos
opciones en el mejor de los casos. Pero claro estas no
son reglas estrictas para elegir solo de.com o.net Puedes elegir cualquier
otra extensión. Si crees que va a
funcionar para las tiendas de comercio electrónico, puedes
elegir absolutamente esa estrella, esa afilada, o cualquier cosa similar. Yo personalmente uso ese camino
para una tienda de comercio electrónico, esa es la tienda de juguetes para gatos, y funciona muy bien. Y tenemos un segundo
grupo de nombres de dominio. Por ejemplo, si
estás construyendo un sitio web y no para una
audiencia de habla inglesa y tus representantes, no
va a
apuntar a una audiencia global
que a tus mejores opciones para elegir un nombre de dominio con
código de país Por ejemplo, si estás construyendo un sitio web que va
a apuntar a polacos y va a
ser en polaco entonces
tu mejor opción sería
elegir la extensión de objetivo principal, o en otras palabras, el punto final PL. Si estás haciendo lo mismo por, digamos letones, tu
mejor opción
sería punto Si estás haciendo esto mismo para el público
lituano,
tu mejor opción es esa LT. Así es como funciona. Si está construyendo un
sitio web para una audiencia global, entonces sus mejores
opciones always.com Y lo mismo ocurre con el público
angloparlante. Y si estás construyendo
un sitio web que
va a apuntar a un país
en particular, idioma
particular, entonces
deberías elegir la extensión Country
Code. Bien, así que hablemos de los Tips que los hombres eligen
un nombre de dominio Entonces, obviamente, quieres que
tu nombre de dominio sea simple
y fácil de recordar. Obviamente es porque
cuando las personas
van a visitar tu
sitio web y la próxima vez van a querer
visitar tu sitio web en otro momento o van a querer
avisar a sus amigos
sobre tu sitio web. Ed va a ser mucho más fácil para ellos recordar
tu nombre de dominio. Y el día no va a ser más complicado con
el nombre de Tu Dominio. Y el siguiente paso intentó
mantenerlo por debajo de los 15 caracteres. Supongo que este tip va con
el primer paso porque F tu nombre de dominio no
va a ser muy largo, va a ser corto, claro va a ser
más fácil
de recordar. Bien, sigamos adelante. Y el tercer consejo sería evitar guiones
entre las palabras Entonces, cuando estás
construyendo un sitio web, cuando eliges
un nombre de dominio, posible que quieras probar o
usar un nombre de dominio que
sea de dos palabras. Por ejemplo, sitio visitor.com. Y muchos
casos en los que la gente no puede encontrar un determinado dominio disponible, intentaron usar guiones entre
las palabras Entonces parece sitio
dash wizard.com. Es un poco complicado
porque la gente puede confundir tu nombre de dominio
con el nombre de dominio de otra persona Entonces por ejemplo, con
visita al sitio o algo por el estilo. Así que ten cuidado con los guiones entre
las palabras. Si un
nombre de dominio en particular no está disponible
, es posible que desee
probar otra extensión. Entonces, por ejemplo, if.com no
está disponible, tal vez busque dotnet A lo mejor este está disponible. Si no está disponible puede ser buena opción sería probar esa tienda si estás construyendo una tienda de eCommerce
o algo parecido? Estos son algunos de los
consejos que puedes seguir. Por supuesto, estas no son reglas, son solo recomendaciones. Esos pasos van
a ayudar a elegir y fáciles de recordar y
el simple nombre de dominio, que te va a
ayudar mucho. Y si puedes hacer que esto suceda, claro que es lo mejor para
que tu nombre de dominio sea pegadizo Va a ser mucho
más fácil de recordar. Y como dije, si va a ser mucho más fácil de recordar, te vas a hacer
un favor porque
tienes que considerar que tu sitio web, tu nombre de dominio
va a ser básicamente una marca y
vas a tener tus perfiles en redes
sociales. Entonces queremos lucir interesantes, quieres mirar diferente, y esto sería un consejo para ti. Por supuesto, entiende que Elegir el nombre de dominio correcto, puede llevar algún tiempo. A lo mejor ya tienes algunas ideas y tranquilo
pronto vamos a comprobar si esas ideas o
dominios están disponibles es. Entonces, si sientes
que necesitas algo de tiempo para pensar en un nombre de dominio que
suene
bien, tómate tu tiempo, tómate uno o dos días o
algo así, y luego vuelve a las puntuaciones y podrás seguir
construyendo tu sitio web Entiendo totalmente por experiencia
personal lo frustrante que puede ser conseguir un
buen nombre de dominio Porque si estás construyendo un sitio web para una audiencia global, es bastante difícil encontrar
el objetivo principal que sea gratuito,
que no esté ya registrado
y puede llevar un tiempo,
así que no te preocupes por eso Y digamos que si
estás construyendo un sitio web para tu audiencia
nativa, no para la audiencia global
o la audiencia de habla inglesa, entonces ve papá, podría no
ser la mejor opción Básicamente puedes usar Google, solo tienes que escribir la extensión de
tu dominio de código de país. Digamos que si estás buscando dominios pero una
extensión que LTE
acaba de escribir un búsqueda.lt nombres de
dominio para Y definitivamente encontrarás la extensión Country Code
que estás buscando. Pero en este caso, vamos a usar GoDaddy y solo para mostrarte cómo funciona Así que vamos a godaddy.com e intentemos buscar el
nombre de dominio que pudiéramos registrar Bien, entonces estoy en godaddy.com
y como pueden ver, acabo de ingresar el nombre de dominio, que me gustaría registrar Así que hazlo
tú mismo aquí mismo. Como te mencioné antes, me estoy volviendo global y eso
usará la extension.com, que es la más popular. Entonces, una vez que haya
escrito su nombre de dominio, simplemente haga clic aquí, Buscar Y esto es lo que obtenemos. Como puedes ver, ahí está el objetivo principal ya
está tomado, pero para ser honestos, ya registrado este nombre de
dominio y el pasado. Entonces este nombre de dominio me
pertenece, y vamos a
usar este nombre de dominio para crear nuestro sitio web. Posteriormente, te mostraré cómo
conectar tu nombre de dominio
a tu alojamiento web. Bien, ahora solo
quería mostrarte todo
el proceso de
búsqueda de un nombre de dominio Como te mencioné antes,
como puedes ver aquí mismo, tenemos varios nombres de dominio
diferentes con varias extensiones
diferentes. Tenemos Comtech go store side. Entonces, como puedes ver, hay un montón de
extensiones diferentes disponibles. Y depende completamente de ti qué extensión
quieres usar. Pero como
te mencioné anteriormente, si vas a ir a la globalización, entonces tu mejor opción
es always.com La segunda mejor opción
es siempre dotnet. Pero si esas opciones no
están disponibles, puedes experimentar con
otro tipo de extensiones. Ellos también van a funcionar. Como te mencioné antes, incluso
tengo un nombre de dominio. Eso es lo que una apuesta
de punto de extensión. Y sólo se preguntará,
sé vicioso con eso. Bien, así que una vez que haya escrito su dominio y una vez que
haya encontrado su nombre de dominio, le gustaría registrarse, simplemente haga clic en Agregar al carrito y
termine el pago Y una vez que hayas hecho esto, realmente
vas a encontrar todo tu lado del
servidor de nombres de dominio aquí. Si ibas a mis
productos, entonces como puedes ver, estos son todos los nombres de dominio que tenemos, y más adelante vamos a usar este nombre de dominio para
crear nuestro sitio web. Bien, así que eso es
todo por esta lección. Ahora, ¿sabes cuáles son nuestros
nombres de dominio y dónde conseguirlos?
4. (1.1) configura tu Hosting web: Entonces asuma que ya tienes
un nombre de dominio, pero si aún no te has conseguido
un nombre de dominio, aún puedes
seguir esta lección. En esta lección, te
mostraré
cómo configurar tu alojamiento web. Y voy a compartir con ustedes un descuento especial que
nuestro Dios para mí, que le dará un 20 por ciento de descuento durante los tres
primeros meses. Y como puedes ver,
pero este alojamiento web, vas a obtener una prueba gratuita de un
día sin siquiera necesidad de agregar ninguna tarjeta de crédito ni
nada por el estilo. Y vamos aquí mismo. Hagamos clic en Comenzar gratis. Y como puedes ver aquí mismo, tendrás que rellenar
tus datos y aquí, solo tienes que escribir un código de cupón. Y este es el código de cupón
que quieres escribir aquí mismo y solo llena tus datos
y haz clic en Iniciar gratis. Y te diré por qué
uso yo mismo este alojamiento web. Y como me gusta decir, solo recomiendo herramientas
que yo mismo se utilicen. Y la razón por la que estoy
usando este alojamiento web es porque en el pasado he probado varios proveedores
diferentes. Incluso intenté bajar, pero finalmente me
decepcionó porque
al final del día,
mi tienda de comercio electrónico perdió al
menos un par de
cientos de clientes
porque estaba bastante rezagada No estaba cargando tranquilo bien. Fue bastante decepcionante, y el precio era casi
idéntico al de este alojamiento web Este alojamiento web te va
a costar $10 mensuales. Es un plan de pago por uso. Puedes dejar de usar este
alojamiento web en cualquier momento que quieras. No hay tarifas por adelantado. Al igual que con
la mayoría de las empresas de alojamiento web, lo que afirmaron que te
va a costar 3 dólares mensuales. Pero al final de
hoy llegaste a comprar por lo menos dos años, planea conseguir este buen trato. Así que solo agrega tu información
y configura tu cuenta. Y te mostraré cómo
configurar tu servidor, cómo instalar WordPress y hacer todos los demás pasos innecesarios. Bien, así que acabo de iniciar sesión en mi cuenta y como pueden
ver, así es como se ve Tengo tres proyectos
ejecutándose en formas Cloud. Entonces, como pueden ver, empecé en 2018 y
llevo bastante tiempo ejecutando esos
productos Este servidor en particular me
costó $70 mensuales. Así que incluso excluyo algunos
proyectos usando esto. Siempre hemos pensado que
tal vez no
veas lo mismo que yo veo a Ryan aquí, porque eres cliente fresco y tienes que dar click aquí
mismo Agregar servidor. Entonces ahora mismo
vamos a crear un nuevo servidor donde
vamos a instalar WordPress. Y básicamente aquí
es donde
vamos a configurar nuestro sitio web. Bien, así que vamos a elegir una aplicación, vamos a
elegir WordPress, y aquí mismo, sólo hay que dar un
nombre para sus aplicaciones Entonces básicamente tu aplicación va a ser tu sitio web. Así que solo voy
a escribir aquí mismo, mi sitio web.com y el nombre de tu servidor va a ser básicamente solo el
nombre de tu servidor Puedes llamarlo
donde quieras, pero normalmente me gusta
llamarlo igual que mi app, pero excepto que no uso extensión al final de mi
título aquí mismo, tendrás que crear
tus proyectos ya que
llevo bastante tiempo usando este
alojamiento web, sí, puedes ver que tengo
algunos proyectos creados, pero en tu caso,
necesitarás crear un nuevo proyecto Lo verás aquí, una opción para crear
un nuevo proyecto. Bien, ahora vamos a
elegir el tamaño de los servidores. Empecemos con 1 gb de rampas. Va a ser
más que suficiente. Y ahora te están diciendo que hay algunas
recomendaciones, pero no te molestes
con esas recomendaciones. A, porque tu
sitio web va a ser nuevo y no vas a necesitar tantos recursos solo porque te están
recomendando esto, no
significa que tengas que
conseguir un plan más caro, ¿bien Entonces va a ser
más que suficiente, ¿de acuerdo? Ahora tienes que elegir la ubicación de
tu servidor. Entonces como
te mencioné anteriormente, cuando estaba
hablando de nombres de dominio, si estás construyendo un
sitio web para audiencia global, más probable es que quieras
elegir una ubicación de servidor que se encuentre en
Estados Unidos de América. Porque lo más probable es que la
mayoría de tus usuarios, la mayoría de tus visitantes sean de Estados Unidos de América. Normalmente me gusta usar Nueva York cuando estoy construyendo un sitio web
para una audiencia global. Pero San Francisco
debería funcionar también. Pero si estás
construyendo un sitio web solo para las personas que están en Estados Unidos y
planeas apuntar a un determinado estado o
algo similar, entonces debes elegir
una ubicación de servidor que esté más cerca de tus visitantes
potenciales. Si estás construyendo un sitio web
que se encuentra en Europa, por
ejemplo, en mi caso, no hace mucho tiempo están
construyendo un sitio web que se
encuentra en Lituania que
está encuentra en Lituania que dirigido a la audiencia
lituana. Y como puedes ver aquí mismo, no
tenemos ningún servidor que
se encuentre en Lituania. Así que en eligió el
servidor más cercano, es decir Frankfurt, y este servidor está en Alemania
y funciona bien. Mi sitio web carga el aligeramiento
rápido y no hay problemas. Entonces, digamos que si estás construyendo un sitio web para
personas que están en el Reino Unido, entonces es posible que quieras
elegir lambda, y lo mismo ocurre con
otros países de Europa. Puedes elegir cualquier otro servidor que esté más cerca de tu país, o tal vez estés construyendo un
sitio web para otras regiones, entonces por supuesto
quieres elegir un servidor que esté más cerca de tus visitantes
potenciales. Si vas a elegir
el servidor que está lejos, lejos de tus visitantes
potenciales, tendrás un ligero retraso. No es una gran cosa,
pero claro, es
lo mejor para hacer
las cosas de la manera correcta. Y si estás
construyendo un sitio web para una
audiencia global como un conjunto, es posible que quieras
considerar servidores que se asignan en los
Estados Unidos de América. Y si estás
construyendo un sitio web para tu audiencia nativa, que solo buscar un servidor que esté más cerca de tu audiencia. Tan simple como eso. En mi caso, creo que iré con
una audiencia global y sólo voy
a elegir Nueva York. Así que así como así. Y hagamos clic en Lanzar ahora. Bien, así que solo
espera unos minutos hasta que se complete la
configuración del servidor No debería tomar mucho tiempo. Bien, el temario
completo y
básicamente terminamos con La siguiente lección, te voy
a dar un recorrido por el panel
de
este alojamiento web Te
familiarizarás un poco más. Y básicamente
hemos terminado con los primeros pasos y
protagonizada por nuestra web
5. (1.2) pasear en tablero de paneles de alojamiento web: En esta lección, te
daré un rápido recorrido por nuestro panel de alojamiento
web Entonces una vez que hayas
calificado tu servidor, deberías ver tu servidor aquí
mismo, así, excepto como puedes ver,
tengo algunos servidores más, pero deberías enfocarte en
tus servidores recién creados. Así que vamos a hacer clic aquí mismo. Bien, así que ahora estamos en el primer nivel de nuestro panel de alojamiento
web Aquí es donde vamos a
hacer diversos ajustes. Digamos que aquí es donde
vas a encontrar las distintas configuraciones que
relacionaste con tu servidor. Entonces este es el primer nivel
del panel Tu Web Hosting. Aquí mismo se puede ver que
tenemos credenciales dominadas. Con sus credenciales,
podemos acceder a cuenta
FTP para verificar todos los
archivos que tenemos en nuestro servidor. Y en realidad no vamos
a usar esas credenciales, pero puedes
usarlas si quieres. Y mediante el uso de esas
credenciales para que puedas acceder a todos los archivos que
tengas en este servidor. Entonces esos archivos pertenecen
a tus sitios web o simplemente a un sitio web que
estás creando en este momento, usando este servidor,
en realidad puedes alojar múltiples sitios web, no solo uno, sino más de uno. Y encontrarás la lista de
esos sitios web aquí mismo. Entonces, como puedes ver, los
sitios web que estamos alojando aquí mismo se
llaman aplicaciones. Entonces así es como se les llama. Si tuvieras más sitios web
alojados en este servidor, aquí verás
más aplicaciones. Bien, volvamos al primer nivel de
nuestro alojamiento web Y la segunda pestaña
aquí mismo es el monitoreo. Entonces aquí mismo puedes ver cuántos recursos
está usando tu sitio web en tu servidor. Porque en tu servidor, tienes una
cantidad limitada de recursos. Entonces, como recuerdas,
elegimos un servidor. Papá tenía 1 gb de rampas, y este es el uso de CPU Como puedes ver,
no está en uso en absoluto. Nos está demostrando
que es 0% en EU. Y como puedes ver aquí mismo, este es nuestro espacio en disco. Esa es la cantidad de espacio que
tenemos en nuestro servidor. Entonces, básicamente, su sitio web, consiste en
archivos como archivos multimedia, imágenes, Códigos, y así sucesivamente. Y esos archivos se
cargan en tu servidor. Entonces esos archivos ocupan algo de espacio aquí mismo
si vas a Detalles, y aquí es donde
puedes ver cuánto de tu CPU está en uso. Entiendo un poco que estas cosas pueden
sonar complicadas, pero no te
preocupes por eso en absoluto Porque aquí mismo
solo tienes que comprobar qué cantidad de CPU está usando tu
sitio web. Aquí mismo, tenemos
algunas recomendaciones. Entonces, si el uso de tu CPU es
inferior al diez o al 20 por ciento, eso es una indicación de que tu servidor no es lo suficientemente
potente. Y es posible que necesites
actualizar tu servidor a un servidor
más potente
que tenga más recursos. Pero cuando comienzas
con tu sitio web, tu sitio web está fresco y tu sitio web no recibe
muchos visitantes. No va a haber ningún
problema con el uso de la CPU. Cuantos más visitantes
lleguen a tu sitio web, cuanto más interactúen
con tu sitio web, más CPU habrá en
la USU Tan simple como eso, si tu sitio web es fresco, no te concentres por aquí
demasiado a medida que pasa el tiempo. Una vez que la estrella de tu sitio web
está creciendo
y creciendo, y una vez
que veas que tu CPU no es lo suficientemente
potente como para manejar este tráfico que
viene a tu sitio web. Es posible que desee
actualizar su
alojamiento web aquí mismo en New Relic En realidad no necesitas
enfocarte aquí, aquí mismo, puedes verificar el uso de tu servidor, la CPU y todo
un poco más en profundidad. Puedes ver la cantidad de complementos separados de CPU que están usando
en tu sitio web de WordPress. Por lo que esta sección no es muy
importante para ser honestos. En el pasado, solían rastrear todas esas cosas
aquí mismo, pero al final, me di cuenta de que no
vale la pena porque lleva mucho tiempo y no
hay muchas cosas en las que enfocarme Pero si planeas
ir más allá, profundiza en todos los entornos
de gestión y así sucesivamente. A lo mejor esto te va a ser
útil en el futuro. Aquí mismo tenemos ficha
para gestionar los servicios. Entonces aquí mismo no
necesitamos cambiar nada. Todo está bien
ya que es por defecto. Entonces, no nos enfoquemos demasiado
aquí. Bien, vayamos a
ajustes y paquetes. Aquí mismo tenemos
diversos ajustes que podemos hacer a nuestro PHP. Pero de nuevo, todo está bien ya que es por defecto aquí mismo. Y realmente no necesitamos
hacer ningún ajuste, como ir a otras
pestañas como Optimización. Realmente no necesitamos
cambiar nada porque
estamos empezando de nuevo
y todo está bien ya que es por defecto, íbamos a la pestaña Seguridad. Como puede ver,
puede incluir en la lista blanca y bloquear direcciones IP en el futuro una vez que su sitio web
se haga cada vez
más grande y haya más
y más visitantes
a su Es posible que veas que hay algunos comentarios spam
llegando a tu sitio web Y esto podría ser una buena idea para agregar las direcciones IP de estos
comentaristas aquí mismo, por lo que serían bloqueados Pero hay una gran
posibilidad de que no
vayas a recibir esos comentarios
spam Recuerdo que empecé a
recibir spam en mi sitio web después de
dos o tres años. Entonces ese no es un gran problema. Simplemente puedes eliminar
esos comentarios. Pero sí, aquí es donde
puedes poner en la lista blanca estribo y las direcciones IP en la lista negra Bien, si ibas
a escalar vertical, aquí
es donde puedes
actualizar tu servidor Entonces así como
te mencioné anteriormente, si ibas a la pestaña
Monitoreo aquí mismo, y si íbamos a
detalles, como puedes ver Si el uso de tu servidor siempre está por
debajo del diez o 20 por ciento, entonces aquí es donde
quieres escalar tu servidor. Entonces, si elegirías un plan
más poderoso, tendrás más recursos. Y así,
solo selecciona mejor plan
y haz clic en Escalar ahora
mismo, ahora mismo, nuestro plan
es el más barato. Hit funciona bien. He estado ejecutando varios sitios web
diferentes de WordPress usando este plan más barato
y estaba recibiendo bastantes visitantes
a mis sitios web,
incluso tiendas de comercio electrónico, y
todo funciona bien. Entonces puedes comenzar con
el servidor más bajo y tienes algún
problema, bien,
si fuéramos aquí mismo, copias de seguridad, obviamente
puedes tomar
copias de seguridad de tu servidor Así que por si acaso
vas a necesitar tomar una copia de seguridad de tu servidor cuando
estés haciendo algunos cambios importantes, actualizaciones
importantes de tu sitio web y no quieras
estropear nada. Es una buena idea tener
una copia de seguridad de tu sitio web. También puedes hacer copias de seguridad en la configuración de
tu aplicación. Bien, si por qué
iría aquí mismo y la pestaña SMTP aquí mismo, no
vamos a
cambiar nada, pero en la lección posterior
vamos a usar esta puñalada para activar SMTP,
y vamos a hacer y vamos Por lo que podríamos recibir varios correos electrónicos de
notificación a nuestra dirección
de correo electrónico desde nuestro sitio web. Eso es lo que vamos
a usar esta pestaña más adelante. Pero por ahora, no nos enfoquemos. Bien, siendo honesto,
en este nivel, lo que vas a usar lo más probable es que haya estado
usando Cloud waste Llevamos cinco años y te puedo decir por mi propia experiencia, he estado ejecutando
múltiples sitios web. Y aquí mismo lo único que uso es este monitoreo. Simplemente me gusta comprobar cuántos recursos está usando mi sitio web, especialmente cuando tengo
un aumento de visitantes. Digamos que si tengo como 200 visitantes en vivo en mi
sitio web a la vez, Dan, por lo general
me gusta comprobar cuántos recursos está
usando mi sitio web y si todo funciona
sin problemas sin ningún problema. Entonces aquí es donde puedes verificar el uso de tus recursos. Y como dije, esta es probablemente la
única pestaña que uso. La mayoría de las veces. No uso
casi ninguna otra pestaña en absoluto. Bien, así que este fue el primer
nivel de nuestro alojamiento web. Y el segundo nivel está
aquí mismo en nivel de aplicación. Así que antes iba a ir a mi
aplicación aquí mismo
tenemos otro conjunto de diversas
herramientas y configuraciones. Bien, así que
comencemos con el primer paso. Aquí mismo,
encontrarás tus credenciales para iniciar sesión en tu panel
de WordPress. Entonces más adelante vamos a usar esas credenciales para acceder a
nuestro panel de WordPress. Y aquí podemos
configurar nuestro cliente FTP. Posteriormente podremos usar este cliente FTP
pudiendo acceder a los archivos de
nuestra aplicación, como recuerdas aquí mismo en nivel
servidor y en el primer
nivel de nuestro alojamiento web, teníamos credenciales maestras
que podemos usar para iniciar sesión en nuestro FTP y acceder a todos los archivos que ahora
son Servidor. Pero si ibas justo
aquí y nivel de aplicación, que es el segundo nivel
de nuestro alojamiento web. Y aquí mismo
vamos a
configurar nuestro nombre de usuario contraseña. Y al usar esas credenciales, solo
vamos a
acceder a los archivos de
esta aplicación de este sitio web en
particular, en lugar de acceder a
todos los archivos que se pueden encontrar en este primer nivel
de nuestro alojamiento web. Posteriormente vamos a
configurar esas credenciales y te
mostraremos cómo
puedes acceder a los archivos. Bien, pasemos a la gestión de puesta en
escena. Este es para la gestión de
puesta en escena. Básicamente, antes de entrar
en vivo con tu sitio web, puedes configurar tu sitio web
en el entorno de puesta en escena. Entonces este depende
de ti. Por lo general. Este es para usuarios
un poco más avanzados que quieran probar varias cosas de código, Plugins y antes de
asegurarse de que todo
va a funcionar sin problemas, esas personas pueden usar la
aplicación de puesta en escena para comprobar si no va a haber ningún
problema con los cambios, con los Plugins o
algo por el estilo. Pero en este curso
vamos a utilizar métodos probados, Plugins
probados y todo. Por lo que no necesitará usar este
entorno de gestión de puesta en escena. Bien, vayamos a la sección de
monitoreo. Este es un poco similar
al anterior. Teníamos el primer nivel de nuestro Web Hosting
como recuerdas. Pero aquí mismo
puedes verificar qué solicitudes de
IP están llegando a tu sitio web y
todas las demás cosas. Esta sección puede no ser
muy importante para usted, pero aquí es donde puede verificar el tráfico entrante
a su sitio web por las direcciones IP y así sucesivamente. Este
depende completamente de ti si quieres
usar esos Analytics aquí mismo, pero normalmente no los
uso en absoluto. Vayamos a ambas protecciones. Como puedes ver aquí mismo, residuos
en la nube están protegiendo nuestro
sitio web de ambas actividades. Esta es una herramienta muy útil
para tener, como puedes ver, está activa por lo que estamos protegidos de ambas
actividades y eso es bueno. Básicamente esta herramienta,
esta pestaña de aquí mismo, una vez que está activada, simplemente instala un complemento a
tu sitio web de WordPress. Plugin es básicamente
un complemento para agregar algún tipo de función. Esta vez la función
que se agregó es tanto protección,
Simple como eso. Vamos a Administración de Dominios. Ahora mismo. No
vamos a hacer nada aquí, pero en la lección posterior, vamos a usar esta pestaña para
conectar nuestro nombre de dominio. Por ahora podemos saltarlo, será puede entrar en Cron gestión
laboral, paseo año Podrás
crear empleos de Cron. Sé que puede
sonar complicado, pero no te desanimes por toda
esta jerga
y Porque lo más probable es que no vaya a necesitar usar esto tanto Básicamente los trabajos de Cron están pensados
para crear algunos comandos Alguna tarea se
ejecutaría automáticamente. Entonces para eso están estos trabajos de
Cron. Pero ahora mismo no vamos a agregar ningún trabajo de Cron
porque no necesitamos, vamos a
crear nuestro sitio web, sitio web pleno funcionamiento
sin necesidad de hacer
nada de eso Pero si en el futuro te
encontrarás con un plugin
que quieres
instalar en tu sitio web para
una funcionalidad específica Y este plugin podría
necesitar algún trabajo de Cron. Aquí es donde puedes
crear este trabajo de Cron. Aquí es donde puedes
agregar un nuevo empleo de Cron. Bien, vamos
al certificado SSL. Por ahora. No vamos a hacer nada
con este certificado SSL. Lo bueno es que
con los basados en la nube, obtendrás certificados
SSL gratuitos Quieres que pagues por ellos. Si recuerdas, cuando
estábamos en el GoDaddy, ofrecieron certificados SSL
por casi 50 libras Entonces así es lo que
puedes ahorrar al año. Bien, más adelante
vamos a volver aquí y vamos a instalar
este certificado SSL Si no estás seguro ¿qué
es un certificado SSL? Es este candado gris
junto a tu nombre de dominio. Básicamente indica que tu sitio web tiene conexión
segura. Hay un certificado SSL
instalado en su sitio web. Y básicamente este
certificado encripta los datos que son visitantes
escribir en tu sitio web Es importante para la
seguridad, bien, si vamos a hacer backup
y restaurar aquí, puedes tomar copias
de seguridad de tu sitio web Entonces, en lugar de ir
aquí mismo a tu nivel celular, como te mencioné anteriormente, podrías dar la vuelta por
aquí y hacerte copias de seguridad de tu aplicación,
de tu sitio web. Entonces, una vez que tomes una copia de seguridad, vas a tomar una copia de seguridad de este
sitio web en particular aquí mismo, en lugar de tomar una copia
de seguridad de todo el servidor. Entonces, si tomaras la copia de seguridad de
todo el servidor y
tienes que sitios web
alojados en este único servidor, entonces vas
a tomar una copia de seguridad de todo
este servidor con
esos dos sitios web. Pero ya que
solo tenemos un sitio web, y esto es en lo que nos
vamos a centrar. Lo mejor es tomar copias de seguridad
aquí mismo, tu sitio web. Entonces, si estás haciendo algunos cambios y no
quieres estropear nada, si estás intentando
instalar algunos plugins, digamos que en el futuro
decidirás que quieres instalar un plugin y algo sale
mal y tu
sitio web simplemente se rompe. Antes de hacerlo antes de
esas instalaciones, puedes tomar copia
de seguridad de tu sitio web. Y si ves que
algo sale mal, siempre
puedes elegir
una copia de seguridad que acabas de
tomar de la lista y puedes
hacer clic en Restaurar aplicación. Y así,
restaurarás tu sitio web al estado
anterior, así
como esa
implementación vía buena,
esto es para usuarios avanzados, esto es para usuarios avanzados, muy puedes conectarte conéctate
con tu sitio web. Y no vamos
a usar esto para nada. Iríamos a Configuración de
la aplicación. Justo aquí. Verás
varias extensiones que puedes activar
a tu aplicación. Si íbamos a la configuración de PHP, puedes hacer cambios en PHP, pero no vamos a hacer
eso a menos que en el futuro
te encuentres con que algo
requiere esos cambios Esto es ajustes de
dosis muy confinados esos
ajustes en esta pestaña. Bien, vayamos
a las herramientas de migración. Las herramientas de migración son
algo obvias. Utiliza esas herramientas
para migrar un sitio web. Entonces digamos que si tienes un
sitio web alojado en otro lugar y quieres usar
basado en la nube porque Cloud ways es un alojamiento rápido, entonces puedes usar esta herramienta para migrar tu sitio web, así de
simple como eso Bien, si
fueras a Cloudflare,
Cloudflare es básicamente servicios
CDN Al usar basado en la nube,
agregará una capa
adicional de seguridad
a su sitio web Y al usar basado en la nube, mejorarás un
poco la velocidad de tu sitio web Pero no nos enfoquemos
en cloudflare. Cloudflare no está basado en la nube. Entonces estoy hablando de cloudflare. Cloudflare es un
servicio pago y como puedes ver, te
costará tanto En realidad, puedes usar una versión
gratuita de Cloudflare, pero tendrás que conectar
todo tú mismo Pero no nos
enfoquemos en eso porque realmente
no necesitamos usar
ninguno de esos ajustes. Pero si en el futuro, digamos después de un par de
años o algo así, decidirás que
quieres profundizar un poco más en la
optimización de tu sitio web. Es posible que necesites usar
algunas de esas herramientas, algunas de esas
configuraciones aquí mismo, si vas a guardar actualizaciones, esta es una herramienta nueva. Puedes hacer, guardar actualizaciones
para tu web sin. Por ejemplo, si hay
algunas actualizaciones de WordPress, actualizaciones complementos o
algo por el estilo, puedes guardar actualizaciones sin estropearlo
con tu sitio web Porque a veces en
raras ocasiones cuando
actualizas tu
complemento o tema de WordPress, puede estropearlo algo, pero no
sucede muy a menudo. Y depende de ti si
quieres ser muy cauteloso y tomar
actualizaciones usando esta pestaña Entonces este depende de ti, pero no vamos
a necesitar usar eso. Como dije,
los métodos de mamá están probados. He estado usando el
mismo plano para crear sitios web para mí
y para mis clientes Y todo funcionó sin problemas. Y siendo honesto, qué herramientas vas
a usar aquí mismo. Probablemente va a
usar esta pestaña
con más frecuencia para acceder a tu panel
de WordPress. Entonces vas a usar
esas credenciales. Probablemente vas a
usar esas credenciales justo aquí después de
crearlas para acceder a todos los
archivos de tu sitio web. Y la otra pestaña
importante blanca que podrías usar con más frecuencia es la protección comprada
solo para verificar
cuánta actividad de bot está
sucediendo en tu sitio web, cuánto de estos bonos estaban
bloqueados o no y así sucesivamente. Entonces, siendo honesto, estoy
usando basado en la nube desde hace
cinco años y a nivel de
aplicación, en el segundo nivel de nuestro Dashboard de Alojamiento
Web, esta es la pestaña más
importante para mí Y en este paso tanto
la protección solo usan esas dos pestañas a nivel de
aplicación. Y cuando pasamos al
primer nivel de nuestro Dashboard de Alojamiento Web, ese es el Dashboard de
nivel celular. Solo usa este monitoreo
para verificar cuántos recursos
está usando el sitio web Maya en este momento, solo uso solo sesiones informativas, pero es bueno saber qué es
cada herramienta, hombre cuatro Entonces estarías un poco más familiarizado con todos los ajustes, todas las herramientas que
están aquí, porque tal vez en el
futuro podrías necesitar usar algunas de estas herramientas. Simplemente no olvides
que hay dos niveles. El primer nivel es para
Administración de Servidores aquí mismo. Y como dije,
solo usa monitoreo. Y el segundo nivel es para la gestión de
aplicaciones. Entonces este es el segundo nivel de Your Web Hosting Dashboard. Y aquí es donde
vas a encontrar diversos ajustes que están relacionados con
tu sitio web en sí, no solo con el cerebelo Bien, así que esto es
para esta lección.
6. (1.3) conectar el dominio con el hosting web: En esta lección, vamos
a conectar nuestro nombre de dominio a nuestro alojamiento web porque
ahora mismo esas dos cosas
son entidades separadas. Aún lejos tenemos
nuestro nombre de dominio. No podemos acceder a nuestro sitio web
porque es solo el nombre. No está conectado a nada. Entonces tenemos que conectar este nombre de dominio a
nuestro alojamiento web. Y vamos a usar Web
Hosting para alojar nuestro sitio web, básicamente para mantener todos los archivos de nuestro sitio web en el servidor. Bien, así que para conectar tu nombre de dominio a
tu alojamiento web, quieres ir a
tu cuenta de GoDaddy o a cualquier otro lugar donde registraste
tu nombre de dominio En mi caso, por supuesto que
va a ser GoDaddy. Y vamos aquí mismo a mis productos entonces como
puedes ver aquí mismo, este es mi nombre de dominio. A lo mejor vas a tener tus nombres de
dominio aquí mismo. Lo que quieres hacer es en realidad quieres
ir a la lista de todos tus nombres de dominio y
quieres hacer clic aquí mismo DNS. Bien, entonces lo único
que va a ser lo más importante para nosotros en toda
esta sección
es esta primera línea En tu caso, podrías tener
textos que dicen estacionados, no te preocupes por eso Está completamente bien. Pero todo lo demás debería verse muy similar lag que ustedes son registros podrían ser
un poco diferentes, pero no se preocupe por eso. Si no has hecho ningún cambio, todo va a estar bien. Bien, así que tenemos
todos nuestros registros y ahora queremos volver a nuestro
Web Hosting aquí mismo Y no lo olvides, quieres ir
a tu nivel de
administración de aplicaciones. Entonces este es el segundo nivel de Your Web Hosting Dashboard. Como recuerdas, el servidor
es el primer nivel. Entonces esto es administración de servidores, pero no quieres estar aquí. Quieres ir a montar año en la aplicación Ajustes
como tu sitio web, y ahora quieres
copiar esta dirección IP. Así que simplemente haz clic en esta dirección
IP aquí mismo. Y ahora podemos volver a nuestra
configuración de administración de DNS y
queremos cambiar este
primer registro aquí mismo. Hagamos clic en Editar y simplemente peguemos la dirección DIP
que acaba de copiar. Cambiemos la
hora aquí mismo. Ttl, eso significa tiempo
para cargar. Y en lugar de
usar este número, vamos a usar 600. Hagamos clic en Guardar. Bien, éxito. Nuestro registro DNS fue
actualizado y ahora nuestro nombre de dominio está apuntando
a nuestro alojamiento web. Es como si le
agregáramos un número de teléfono a un nombre así. Entonces ahora una vez que alguien va a escribir nuestro nombre de dominio
en el navegador web, van
a poder acceder a nuestro sitio web, pero aún no hemos terminado porque tenemos que hacer
algunos cambios aquí mismo. Como dije en la lección
anterior, vamos a usar esta pestaña aquí
mismo, Administración de dominios. Y hagamos clic en Agregar dominio. Y aquí mismo
solo quieres escribir el nombre de dominio que
compraste, te registraste. En mi caso, fue el
tocino aguocados.com. Entonces solo voy a
escribir este dominio. Estoy justo aquí. Vamos a hacer clic en Agregar el principal. Y queremos que este nombre de
dominio sea primario. Así que vamos a hacer clic aquí mismo. Hagamos clic aquí
y seleccionemos make primary set as primary. Bien, así que solo espera un minuto hasta que se completen los cambios Bien, vamos a acceder a los
detalles una vez más. Como puedes ver, un panel de administración ahora tenemos una URL completamente
diferente. Tiene nuestro nombre de dominio. Y al usar esta URL, realmente
podemos acceder a
nuestro panel de WordPress. Por ejemplo, sólo voy a ir
a mi nombre de dominio. Entonces solo voy a
copiar mi nombre de dominio. O puedo abrir este
nombre de dominio en una nueva pestaña. Y si yo iría
aquí mismo, como pueden ver, estamos recibiendo este
mensaje de que hay una página sospechosa y
fue bloqueada para mí, está sucediendo
porque
no tenemos certificados SSL, por lo que no podemos
acceder a este sitio web. Pero si me gustaría hacer clic aquí mismo, en realidad
puedo ir
a este sitio web. Pero como obtuvimos un
certificado SSL gratis, hecho
podemos instalar este certificado en nuestro sitio web. Y en la lección posterior, eso es exactamente lo que
vamos a hacer por ahora. Podemos cerrar esta
pestaña y esto es todo, esto es para esta lección. Ahora ya sabes cómo conectar tu nombre de dominio a
tu alojamiento web
7. (1.4) Instalación de certificados SSL: Bien, así que como recuerdas, no
pudimos acceder a
nuestro sitio web porque mi antivirus lo estaba bloqueando. Porque parecía para este
antivirus que este sitio web es demasiado sospechoso
porque este sitio web no cuenta con certificado SSL. Entonces, como puedes ver,
si tu sitio web no cuenta con un certificado SSL, no
parece
confiable en casa. Por lo que es importante contar con
un Certificado sésil. Y como dije, en basado en la nube, obtendrás
certificado SSL gratis Y eso es simplemente genial. Así que vamos al certificado SSL, y ahora vamos a
instalar un certificado SSL. Bien, así que vamos a usar, Vamos a Cifrar aquí mismo. Simplemente escriba su dirección de correo electrónico, la dirección de correo electrónico que
usa para sus usos personales. Puedes usar la misma dirección de
correo electrónico que
utilizas para registrarte
aquí mismo en Cloud ways. Entonces eso es exactamente
lo que voy a hacer. Sólo voy a
escribir mi dirección de correo electrónico e introduciré mi nombre de dominio. Bien, así que solo
centré mis datos y ahora podemos dar clic en
Instalar Certificado No debería tardar mucho,
solo espera un minuto. Bien, fantástico. Acabamos de instalar con éxito
nuestro certificado SSL. Como puedes ver, dice que
va a caducar esta fecha, pero no te preocupes por ello. Se va a renovar
automáticamente, así que no necesitarás
hacer ningún cambio. Bien, ya que tenemos
instalado nuestro certificado SSL, en realidad
podemos
ir a nuestro sitio web y veamos si funciona Si mi antivirus ya no está bloqueando
este sitio web. Bien, entonces este es
el sitio web al que queremos acceder y muro como puedes ver, mi antivirus ya no está bloqueando
este sitio web. Es porque este sitio web
cuenta con certificado SSL. Este sitio web es seguro y este sitio web tiene una capa
adicional de seguridad. Cuando estás
creando un sitio web, es sumamente
importante contar con
un certificado SSL porque
como te viste a ti mismo, algún antivirus va a bloquear
el sitio web porque
no es digno de confianza en absoluto. Entonces como puedes ver, cómo nuestros sitios web tan
grandes progresan hasta el momento. Por supuesto, este sitio web tiene Contenido Demo y
no se ve bien. No tiene ninguna
de nuestra información, pero buen trabajo en la
creación de tu sitio web. Entonces, si es tu primer sitio web, enhorabuena, acabas de
crear tu sitio web. Por supuesto, hay
muchas cosas por hacer, pero podemos ver la
base de nuestro sitio web. Tan fantástico trabajo. Esto es para esta lección. Ahora, ya sabes cómo
instalar el certificado SSL tu sitio web y por qué
es sumamente importante.
8. (1.5) configurar cuentas de FTP: En esta lección, te
mostraré cómo configurar tus Cuentas FTP para que puedas acceder a todos los archivos
de tu sitio web. Esto es bastante importante, sobre todo en el futuro
para ti si vas a necesitar hacer alguna identificación
con tu sitio web. A veces algunos sitios web
pueden requerir que subas un archivo
a tu cuenta FTP. Digamos eso para
verificar tu sitio web. Por lo que es importante saber
cómo acceder a tus archivos. Bien, así que como dije, vamos a usar algunos detalles de nuestra pestaña que
dice detalles de acceso Y aquí mismo credenciales
de aplicación. Entonces aquí mismo, desea
crear credenciales para su aplicación acaba de darle un nombre de usuario y establecer una contraseña. Entonces eso es exactamente lo que
voy a hacer yo mismo. Bien, entonces por qué acabo de agregar mis datos y
voy a hacer clic aquí mismo, y no voy a actualizar
nada aquí mismo Bien, así que solo espera un poco
y todo está listo. Entonces ahora podemos usar esas credenciales para iniciar
sesión en la cuenta FTP, pero ¿cómo acceder a la cuenta FTP? ¿Qué es eso? La cuenta ftp es simplemente los
archivos de su sitio web. Entonces FTP es protocolo de
transferencia de archivos. Eso es lo que representa. Pero para acceder a tus archivos, necesitas instalar un programa. Entonces solo ve a
Google y busca este programa que se llama
FileZilla en todo momento, así es como la gente usa para subir los distintos
archivos en el servidor Y así es como la gente
usa para compartir esos archivos, descargar esos archivos de
varios servidores diferentes. Esas cosas solían ser
así en el pasado
antes de que varias opciones diferentes para compartir archivos
estuvieran disponibles Bien, pero no estamos
aquí para hablar de eso. No vamos a
hablar de la historia de Internet vía aquí para
configurar nuestra cuenta FTP. Así que vamos por aquí y hagamos clic en Descargar cliente
FileZilla Hagamos clic en Descargar
cliente FileZilla una vez más. Y todo lo que tenemos que hacer es simplemente descargar la
primera opción, bien, una vez completada la descarga, acaba de instalar FileZilla en
su Apenas un segundo. Bien, hagamos clic en Aceptar. Installemos el navegador Brave. Hagamos clic en Siguiente. Podemos agregar y icono de escritorio. Hagamos clic en Siguiente. Hagamos
clic en Siguiente instalación. No debería tardar mucho. Acaba de instalar FileZilla. Bien, ahora podemos
lounge FileZilla, y como pueden ver,
así es como se Bien, así que ahora podemos cerrar esta pestaña y
volvamos a nuestro FileZilla Y aquí mismo podríamos escribir nuestro host que
va a ser la dirección IP. Este es el nombre de usuario, este es el nombre de usuario
contraseña, contraseña aquí mismo,
puerto debe ser 21 o 22. Realmente no me acuerdo. Son 22 si no estoy
confundiendo nada. Sí. Pero en lugar de escribir esas
credenciales aquí mismo, vamos a crear nuestro nuevo
sitio aquí mismo. Entonces vamos a Site Manager. Y hagamos clic en Nuevo lado. Simplemente escriba su
nombre de dominio aquí mismo. Sólo voy a
atar aguacates de tocino. ¿Bien? Aquí tenemos que
elegir protocolo. Entonces va a ser ésta. Y ahora quieres copiar
tu dirección IP pública. Vamos a FileZilla. Enfrentémoslo aquí mismo. Vamos aquí mismo. Vamos a copiar el nombre de usuario y
podemos copiar la contraseña, las mismas credenciales
que acabamos de crear. Vamos a hacer clic aquí mismo. Vamos a hacer clic Bien,
Digamos contraseña. Y ahora vamos a dar click aquí mismo. Y veamos si podemos conectarnos. Sí, podemos conectarnos.
Así que vamos a hacer clic. Bien, nos estamos conectando y
acabamos de conectarnos a nuestros
archivos de nuestro sitio web. Entonces como puedes ver aquí mismo, tenemos archivos
igual que en tu computadora, has archivado directorios
y todo. Lo mismo ocurre con tu sitio web. Entonces como pueden ver,
estos son los archivos si entraría en HTML público. Esos son básicamente los archivos de nuestro sitio web de WordPress. Y aquí es donde irán todos
los plugins. Aquí es donde podrías
necesitar subir archivos, algunos archivos para toda la defecación, digamos que Pinterest solía
hacer esto en el pasado No estoy seguro de si
Pinterest aún requiere autenticar
tu sitio web Si quieres
conectar tus representantes con Pinterest a través de archivos Pero en muchos casos, todavía
es posible que haya algunos sitios web que se
requieren para hacer esto. Por lo que suelen decir para
que descargues el archivo, y una vez que descargues un archivo, solo
tienes que agregar este archivo aquí
mismo, así como así. Entonces, como puedes ver, tenemos
varios archivos diferentes. Podemos acceder a nuestro sitio web
utilizando esos archivos. Podemos verificar todos los
archivos de nuestro sitio web, archivos
multimedia como imágenes, código y así sucesivamente. Entonces nosotros tu sitio web, eres sitio web de WordPress o
cualquier otro tipo de sitio web es básicamente solo un montón de
archivos y tu navegador, sea cual sea tu navegador,
si es Firefox,
Chrome o Internet Explorer o cualquier otro de
estos navegadores, solo
leen esos todos los archivos que están justo aquí, digamos. Y muestran tu sitio web en un formato más fácil de entender, tipo de formato
interactivo. Así que así, puedes ir a través de tu página web, a través de tus archivos ya que yo solo estoy
pasando por estos archivos, directorios, vas a tu página web igual que en este formato. Entonces esto es para esta lección. Ahora debes saber cómo
configurar tu cuenta FTP. Puede que no uses esta cuenta
FTP con tanta frecuencia, pero es bueno
saber cómo se hace porque como puedo decir
por mi propia experiencia, no uso FileZilla con tanta frecuencia, pero suelo usar
FileZilla un par de veces al año o algo
así para hacer algunos cambios,
para hacer algunos pero es bueno
saber cómo se hace
porque como puedo decir
por mi propia experiencia,
no uso FileZilla con tanta frecuencia,
pero suelo usar
FileZilla un par de
veces al año o algo
así para hacer algunos cambios,
para hacer algunos ajustes. Pero para ser honesto, puede que no necesites
usar tanto, pero es importante
saber cómo
acceder a tus archivos
usando la cuenta FTP. Entonces esto es para esta lección.
9. (1.6) configura SMTP para correos electrónicos de notificaciones: En esta lección,
te voy a mostrar cómo configurar los servicios
SMTP para que puedas enviar y recibir correos electrónicos de
notificación para explicarte qué es SMTP En lugar de explicarte
todo, sólo
te voy a dar un ejemplo. Entonces digamos que estás
construyendo una tienda de comercio electrónico. Y una vez que su
cliente realiza un pedido, recibe y Emails
de
Notificación del pedido realizado con éxito. Una vez enviado el pedido, va a recibir
un correo electrónico y correos electrónicos
de
notificación del pedido de envío. Entonces esos son correos electrónicos de notificación que reciben los clientes
si no tienes servicio
SMTP que se encargue de
enviar y recibir, básicamente enviando correos electrónicos
a direcciones de correo electrónico que tus clientes no
podrán recibir esos correos electrónicos de
notificación, digamos que si tienes un formulario de
contacto en tu sitio web, esos formularios quiere ir a un determinado sitio web y
hay un ex. Puedes agregar tu dirección de correo electrónico, tu nombre y dejar un mensaje. Y una vez que golpeas botones, arena en este formulario se envía a los administradores de
la dispepsia Entonces, si no tienes configurado el
servicio SMTP en tu sitio web, no
podrás tener Contacto funcionando Formularios de
Contacto porque
no recibirás correos electrónicos Entonces en esta lección,
vamos a
configurar nuestros servicios SMTP Y es bastante fácil. Sólo tienes que saber
lo que tienes que hacer. Bien, así que lo primero, vamos aquí mismo, y esperemos y agreguemos
y una nueva pestaña Bien, vamos aquí. Y como pueden ver aquí mismo, tengo este complemento que
se llama Emails elásticos. Ya he activado este complemento porque como lo viste
tú mismo, tengo múltiples sitios web, múltiples servidores ejecutándose
en este alojamiento web, así que tuve que activar este, pero en tu caso, tienes que
activarlo tú mismo. Por lo que tendrás que hacer
clic aquí mismo y solo seleccionar tu paquete. Te recomiendo encarecidamente
que elijas el primero. Te va a costar solo $0.10
mensuales por 1,000 correos electrónicos Y cuando estás
empezando
va a ser
más que suficiente. Así que solo selecciona la primera
opción y haz clic en suscribirse. Eso es todo lo que tienes que hacer. Y una vez que
superes este número de hembras, siempre
podrás
actualizar tu plan Pero te lo estoy diciendo cuando recién
estás empezando, realmente no necesitas
preocuparte por eso. ¿Bien? Una vez
que hayas hecho esto, podemos cerrar
éste y ahora podemos volver aquí mismo
al paso anterior. Y como recuerdas, ahora, estamos en el segundo nivel de nuestro alojamiento web y
encontramos nivel de aplicación, ese es nuestro sitio web. Tenemos que volver
al nivel de servidor y al primer nivel
de nuestro alojamiento web. Así que aquí mismo y pestaña SMTP, vamos a dar clic
aquí mismo y queremos seleccionar correo electrónico elástico Vamos a hacer clic aquí mismo. Hagamos clic en Activar. Bien, solo espera
un minuto hasta que
esté habilitado o me fantástico, todo se
configuró con éxito Y ahora podemos
volver aquí mismo. Y vamos a necesitar
verificar nuestro nombre de dominio. Entonces para ello, tendremos que dar click aquí en esta marca de verificación Y puedes abrir este
enlace y una nueva pestaña, y la ves aquí mismo. Bueno entonces desplácese hacia abajo hasta que lo
veamos instrucciones. Y vamos a necesitar agregar esos registros aquí mismo
a nuestro nombre de dominio. Entonces para ello, queremos ir a nuestro proveedor de nombres de dominio donde compramos
nuestro nombre de dominio. En mi caso,
va a ser GoDaddy. Vamos a necesitar
hacer algunos ajustes de DNS. Entonces como recuerdas de
la lección anterior, cuando tuvimos que agregar nuestra
dirección IP de nuestro alojamiento web, tenemos que dar click aquí mismo. Vamos aquí mismo, mi cuenta, podemos dominios rápidos. En realidad, podríamos
haber hecho esto en una ventana anterior,
pero está bien. Bien, entonces vamos a
encontrar nuestro nombre de dominio. Este es el
nombre de dominio que queremos usar. Y apenas un segundo, vamos a dar clic
aquí mismo DNS administrado. Y ahora vamos
a necesitar agregar algunos registros nuevos aquí mismo. Entonces, para Agregar un nuevo registro,
simplemente haga clic en Agregar. Y volvamos a
las instrucciones. Ahora. Solo tienes
que recordar que va a ser un registro de
textos así que no
necesitas copiar este, sino que tienes que tapar
este de aquí mismo. Entonces, hagamos clic en Copiar. Volvamos a nuestro proveedor
de dominios. Seleccionemos el
elemento de textos aquí mismo. Y nombra solo escribe Eta
tal y como la viste tú mismo. Y solo pega el
valor aquí mismo. Y tiempo para cargar. Vamos a agregar personalizado. Escojamos 600 s. Bien, hagamos clic en Agregar registro Bien, así que
agregamos con éxito un nuevo registro. Como pueden ver, este registro
se agregó aquí mismo, y ahora vamos
a necesitar agregar algunos otros registros también. Entonces este es el otro
disco que queremos chads. Entonces como lo viste tú mismo, el anterior tenía
nombre de host alias, ese era Eta, y
este como este. Entonces quieres copiar eso. Volvamos y
hagamos clic en Agregar, y vamos a elegir los tipos. El tipo va a ser
igual que con
el anterior, pero en vez del nombre, vamos a usar
este de aquí mismo. Tenemos que copiar los valores. Entonces este es el valor
que quieres copiar. Así que simplemente copia rápidamente el valor. Vamos a ritmo rápido aquí mismo, y vamos a elegir personalizado tal como lo hicimos con
el anterior Y vamos a escribir 600 s. Bien, rápido y
grabemos Y creo que vamos a
necesitar agregar otro disco. Así que vamos a desplazarnos hacia abajo En este momento
vamos a necesitar agregar otro tipo de registro que
se va a ver nombre. Entonces quieres copiar este seguimiento o puedes
recordarlo aquí mismo. Vamos a hacer clic en Agregar. Vamos a elegir el tipo. El tipo va a ser C nombre, nombre, va a estar rastreando. Y ahora quieres copiar valores. Entonces copiemos este valor. Volvamos. Enfrentémoslo aquí mismo. Y escojamos el tiempo para cargar igual que hicimos con
el anterior. Vamos a hacer clic en Agregar registro.
Bien, fantástico Se agregó con éxito
y ahora vamos a necesitar agregar creyó
el último disco. Como pueden ver, suponemos que otro registro que es M X, pero no vamos a hacer esto ahora mismo en
una lección posterior, vamos a agregar
este registro cuando comenzamos a configurar nuestra dirección de
correo electrónico comercial. Debido a que estamos verificando
este nombre de dominio, realmente no
necesitamos este registro MX menos que vamos a usar algún tipo de traje de correo electrónico
como G suit o cualquier otro. Te voy a mostrar el que
uso yo mismo, son tres. Así podrás
enviar y recibir correos electrónicos usando tu dirección de correo electrónico
comercial. Por ahora, no nos
enfoquemos en eso. Vamos a agregar la última recurrencia. Entonces el último registro
va a ser registro
fiscal y
queremos copiar el nombre. Así que volvamos a GoDaddy. Y como recuerdas quién es ese, haz clic en Agregar, o
eso es tipos de zapatos. El tipo va a
ser elemento gravado. Espaciemos el nombre y
copiemos los valores. Entonces el valor, este es
el valor que queremos copiar. Vamos a pegarlo aquí mismo. Y escojamos el
tiempo personalizado para volver a cargar, 600 s. y hagamos clic en Agregar registro. Como puedes ver aquí mismo, en raras ocasiones puede tardar hasta 48 h hasta que esos
registros estén completos agregados. Pero en nuestro caso, no
debería tomar tanto tiempo. Todo se debe establecer y leer dividendo
par de minutos. Bien, así que hemos hecho esto, hemos terminado con esta parte Volvamos y
veamos si tenemos algún otro registro que
no, no tenemos. Pero como pueden ver, teníamos algunas otras opciones
para el último disco, pero no necesitamos hacerlo. Bien, podemos cerrar esta pestaña. También podemos cerrar esta pestaña. Nuevamente, si estás usando cualquier
otro proveedor de nombres de dominio, si has registrado tu nombre de
dominio en otro lugar, el
procedimiento seguirá siendo el mismo. Sólo vas a
necesitar registros de Chad. Entonces es solo así que
acabo de ver que teníamos algunos registros de textos y
teníamos un CNAME records Solo agrega esos registros y
estarás listo para ir. Bien, entonces ahora tenemos que
verificar nuestro nombre de dominio. Entonces aquí mismo, solo escribe el nombre de dominio que
usas para este sitio web, el que usamos
para agregar esos registros. Entonces eso es exactamente
lo que voy a hacer. Sólo voy a
escribir mi nombre de dominio y ahora podemos hacer clic en
Verificar nombre de dominio. Bien, entonces no hemos activado
con éxito
nuestro nombre de dominio, pero no se preocupe por eso Y después lección vamos
a volver aquí mismo, como te mostré,
no tenemos registro MX. Mx record es
responsable de
configurar una dirección de correo electrónico comercial con un nombre de dominio. Entonces digamos que voy a tener una
dirección de correo electrónico comercial que
va a decir Support
en bacon avocados.com Esta va a ser mi dirección
de correo electrónico comercial. Por ahora, todo parece genial. Ahora podemos dejarlo como está. Como puede ver, todos los demás
registros son verdes, por lo que eso significa que los activen
con éxito. Y el último disco que
tenemos que encargarnos, va a ser éste, AmEx. Y en la siguiente
lección cuando
vamos a configurar nuestra dirección de correo electrónico
comercial, te
mostraré cómo agregarla. Vamos a volver
aquí mismo y vamos a hacer clic en Verificar una vez más y
todo debería estar bien. Bien, así que por ahora, todo parece genial y
podemos dejarlo así así
10. (1.7) crea direcciones de correo electrónico para empresas: Bien, así que tal como
te dije en la lección anterior, en esta, nos
vamos a centrar en configurar nuestra dirección de
correo electrónico comercial Entonces espero que no hayas
dejado esta ficha. Entonces, en lugar de
dejar este sello, deberías ir a nuestra nueva pestaña y quieres ir a zoho.com Bien, así que una vez que estés aquí, quieres hacer clic
aquí mismo, Regístrate ahora, y asegúrate de haber seleccionado el correo electrónico comercial
y simplemente escribir tu nombre,
tu correo electrónico o teléfono
y establecer una contraseña Entonces eso es exactamente lo
que voy a hacer yo mismo. Bien, aceptemos los términos del servicio y hagamos clic en
Regístrate gratis Puede hacer clic en Guardar si lo desea. Marcar es que solo voy
a hacer clic en Guardar contraseña. Y aquí mismo
tendrás que escribir el código que
recibas en tu dirección de correo electrónico. Así que simplemente verifica
tu dirección de correo electrónico. Vamos a verificarlo. Entonces ahí está se puede ver
que tenemos planes pagados. No cuesta tanto
en comparación con el traje de Google, G suit, o básicamente
la interfaz de Gmail. Pero realmente no necesitamos pagar por él ya que apenas
estamos comenzando, podemos usar un plan gratuito. Así podremos crear
cinco direcciones de correo electrónico diferentes
con tu nombre de dominio. Entonces, por ejemplo, podrías
tener una dirección de correo electrónico para marketing apoye
a todos tu nombre y así sucesivamente. Así que hagamos clic en Probar. Ahora, hagamos clic en agregar nombre de dominio
existente. Y ahora solo quieres
escribir tu nombre de dominio. Entonces solo voy a
escribir mi nombre de dominio y llenar toda la otra información
necesaria. Bien, hagamos clic en Agregar. Y ahora vamos a necesitar
verificar nuestro nombre de dominio. Así que al igual que
hicimos en formas de Cloud, aquí mismo, el procedimiento va a ser casi idéntico. Bien, hagamos clic en
Proceder para verificar nuestro nombre de dominio y podemos
hacer clic en configurar manualmente Ahora vamos a necesitar
agregar una ocurrencia de textura. Así que al igual que hicimos
la vez anterior, quieres ir a tu proveedor de nombres de
dominio. Y mi caso, obviamente va
a ser GoDaddy. Así que hagamos clic y GoDaddy. Vamos a cerrar esta. Vamos por aquí a mis productos y vamos a
elegir el nombre de dominio. Este es el
nombre de dominio que quiero usar. Hagamos clic en Administrar DNS. Y al igual que hicimos
la vez anterior, vamos
a necesitar hacer lo mismo. Vamos a hacer clic en Agregar. Y como recuerdas, también
era elemento de texto. Y ahora tenemos que
copiar el valor. Así que hagamos clic aquí mismo
para tapizar este valor. Y el nombre va a ser Eta. Bien, así que vamos a pegar
el valor por aquí, y vamos a elegir 600
s personalizados. Hagamos clic en Agregar registro Bien, podemos
cerrar esta ventana. Volvamos aquí mismo y hagamos clic en Verificar, grabar
textos. Bien, aún no está
verificado porque
seleccioné tiempo para cargar 600 s. entonces tiempo para cargar básicamente
significa cuánto tiempo
va a tomar cargar
esos registros recién agregados Entonces agregué 600 s. Eso significa que debemos
esperar un par de minutos. Así que solo espera uno o dos minutos e intenta verificar el
registro fiscal una vez más. Si ocurre este problema, no
necesitas
preocuparte demasiado. Simplemente significa que
hay que esperar algún tiempo. En raras ocasiones,
vas a necesitar esperar un periodo de tiempo más largo. Como puedes ver
aquí mismo, puede durar de 30 min a un día, pero sucede en
muy raras ocasiones. Ahora podemos hacer clic en
Verificar registro fiscal. Bien, así que nuestro éxito
verificó la propiedad de mi nombre de dominio y ahora puedo
crear mi dirección de correo electrónico. Entonces la primera dirección de correo electrónico
que quiero crear, y va a ser utilizada
como súper administrador. Quiero que esta dirección
de correo electrónico sea Support en bacon avocados.com
probablemente cuando estés iniciando cualquier tipo de proyecto, esta va a ser la dirección de correo electrónico más importante Por lo tanto, siempre debe saber la dirección de
correo electrónico Soporte en su nombre de dominio.com o
puntear cualquier otra extensión de
nombre de dominio Entonces solo voy a escribir
soporte, pero si quieres, puedes escribir cualquier otra
dirección de correo electrónico. Depende de ti. Bien, hagamos clic en Crear. Y aquí puedes
agregar otros usuarios, puedes agregar otras direcciones de
correo electrónico aquí mismo si es necesario. Entonces ahora esta es tu oportunidad perfecta para
agregar más direcciones de correo electrónico. Posteriormente podrás editar
esas direcciones de correo electrónico, como puedes ver ahora mismo, es Soporte en los aguacates de tocino, pero el nombre es
si es mi nombre, pero puedes hacer cambios
a esta dirección de correo electrónico Así que hagamos clic en Editar perfil en lugar de mostrar
mi nombre gvidas, porque una vez que tu visitante o cliente reciba
un correo de tu parte, de Support en los aguacates de
tocino, van a ver Entonces puedes cambiar eso
en lugar de decir tu nombre, puedes agregar soporte. También puedes cambiar el apodo
, aquí mismo. Bien, veamos,
guardaría los cambios y ahora podemos regresar. Y como puedes ver, ahora
tenemos una dirección de correo electrónico que es Support en tu nombre de
dominio.com Y una vez que tu atención al cliente Va a recibir
una dirección de correo electrónico de tu parte, van a ver que
va a ser de Support. Bien, así que ahora puedes agregar más Dirección de Correo electrónico haciendo
clic aquí solo crea una dirección de correo electrónico
con tu nombre y dirección correo electrónico para
fines de marketing y así sucesivamente Pero en este caso, ya
sabes cómo hacerlo, podemos pasar a los siguientes pasos de configurar nuestras cuentas de correo electrónico Bien, así que ahora
realmente no necesitamos crear ningún grupo porque nuestro
negocio es pequeño Apenas empezamos, una vez que tu sitio web crezca, siempre
podrás crear grupos para
otros fines diversos. Pero ahora pasemos
al mapeo de DNS. Bien, así que hagamos clic en
configurar manualmente. Estoy haciendo esto manualmente
porque podrías estar usando algunos otros proveedores de nombres de
dominio. Porque en tu
caso, es posible
que no puedas hacer esto
automáticamente. Y tendrás que
hacerlo manualmente para que todos puedan
seguir esta lección. Estoy
haciendo esto manualmente. Bien, entonces ahora vamos
a necesitar agregar algunos registros. Va a ser muy sencillo. Sólo tenemos que copiar esos registros igual
que hicimos la lección anterior. Y tenemos esos
discos aquí mismo. Entonces vamos a necesitar
agregar registros MX gratis. Entonces básicamente, copiemos
el primer registro MX. Vamos a nuestro
proveedor de dominio y hagamos clic en Agregar. Escojamos tipos. El tipo va a
ser Emax y nombre. Volvamos por nombre. Sí, va a ser Eta. Pegemos la prioridad del valor. Van a ser diez y el
tiempo de carga va a ser 600 s. hagamos clic y grabemos. Bien, agreguemos otro. Volvamos aquí mismo. Ahora tenemos que tapizar este. Como pueden ver, la prioridad
va a ser t10. Y vamos aquí mismo. Vamos a hacer clic en Agregar. Si sabes cómo hacerlo, no
necesitas
seguir esta lección. Puedes hacerlo tú mismo, pero solo quiero
mostrarte cómo se hace. Bien, así que basemos el
valor y elijamos personalizado. Vamos a escribir 600. Y como puedes ver,
es bastante sencillo. Bien, así que
solo voy a agregar el último disco MX
va a ser este Se establece en 50 prioridad. Vamos a Agregar, Vamos a escribir. Tipo va a ser nombre Emax, va a estar en
prioridad 50 y valor Sólo pegarlo aquí mismo. Y vamos a seleccionar el
tiempo personalizado para cargar 600 s. Vamos a hacer clic en Agregar registro. Bien, gran éxito. Se suma con éxito. Y ahora vamos a
necesitar agregar registro SPF. Pero en lugar de
agregar un nuevo registro, vamos a necesitar editar el registro que agregamos
anteriormente cuando estábamos verificando
nuestro nombre de dominio en base a la nube con correo electrónico
elástico Bien, entonces ahora
deberíamos volver a Zoho. Hagamos clic en Ver valor SPF. Este es el valor actual que
tenemos y tenemos que sustituir este valor por
éste. ¿Bien? Queremos utilizar este valor. Bien, vamos a hacer clic, Bien. Ya que hemos copiado este valor, y ahora tenemos que volver a nuestro proveedor de dominios
y tenemos que
buscar valor SPF apenas un segundo. Se supone que
son registros gravados. Entonces pasemos a la página siguiente. Bien, sólo un segundo. Bien, SPF, entonces este es el
valor que queremos reemplazar. Entonces, en lugar de crear
nuestro nuevo valor SPF, tenemos que agregar el valor
que fue generado por Zoho porque solo puedes tener un registro SPF agregado
a tu nombre de dominio Bien, entonces esto
es muy importante. Bien, así que
reemplazamos con éxito este valor
del mismo, otro Y ahora podemos regresar. Y el último valor que
vamos a necesitar agregar, no el valor, sino el registro
va a ser registro TXT.
Va a ser éste. Tenemos que copiar el
anfitrión, el nombre. Entonces va a ser éste. Volvamos a nuestro proveedor
de dominios. Escojamos el espacio de plomo del
elemento de texto, el nombre aquí mismo. Volvamos y
copiemos el valor. Entonces este es el valor que espacio, este valor aquí mismo,
como recuerdas, tiempo para cargar 600 s y
hagamos clic en Agregar registro. Bien, entonces todo
debería estar bien ahora mismo. Y ahora podemos regresar a
Zoho y ahora vamos
a necesitar verificar
todos nuestros registros Entonces, en lugar de
verificar de inmediato, solo espere un par
de minutos y luego haga clic en Verificar todos los registros. Bien, después de
haber ayudado algún tiempo, hagamos clic en verificar
todos los registros Bien,
verificamos con éxito todos los registros. Ahora podemos proceder a ir al móvil. Si quieres. Puedes
instalar una aplicación tu dispositivo telefónico
con Zoho Email suit Depende de ti, pero yo sólo
voy a mantenerla como está. Y ahora podemos proceder
a completar nuestra configuración. Y como puedes ver, tienes dos opciones. Entonces abramos el primero y
una nueva pestaña. Veamos si podemos abrir esto en una nueva pestaña. Ahora, no podemos. Entonces, en lugar de ir
a la consola de administración, si ibas
a la consola de administración, irías directamente
a tu
Consola de administradores donde puedes agregar
más direcciones de correo electrónico. Puedes eliminar las direcciones de correo electrónico, donde puedes hacer ajustes
a esas direcciones de correo electrónico. Puedes probar
otras herramientas Zoho. Cuentan con otras herramientas yo calendarios y todas las
demás herramientas diversas que te ayudarán a
optimizar tu flujo de trabajo. Pero en esta lección nuestro
enfoque es la dirección de correo electrónico. Así que vamos a hacer clic aquí mismo, echa un vistazo a tu bandeja de entrada. Bien, y esto es un, ahora tienes una dirección de correo electrónico
comercial completamente funcional Bien, podemos
saltarnos el tutorial y como puedes ver,
así es como se ve Entonces tienes tu bandeja de entrada, tienes borradores y basura de spam Puedes hacer clic en nuevo correo electrónico, tienes tareas contrarrestadas Tienes todo tipo
de cosas aquí mismo. No tengas miedo de explorar
todo tú mismo, porque de esta manera
vas a aprender a usar esta
sesión de correo electrónico mucho mejor. Como puedes ver aquí,
tenemos varias otras herramientas. Si vas aquí mismo, podrás acceder a
tu consola de administradores. Así que no tengas miedo de explorar todo tú mismo
porque de esta manera, cuando aprendes a usar
esta herramienta mucha mantequilla, si usarías cualquier otra herramienta, digamos G suit como Google, es una herramienta de pago
y tendrías solo interfaz de Gmail. A lo mejor se vería mejor, pero esta que es gratuita, hace completamente el trabajo. Llevo mucho tiempo usando este proveedor de
correo electrónico y
funciona muy bien. Simplemente haga clic para escribir
un nuevo correo electrónico. Eso es todo lo que tienes que hacer. Pero antes de terminar
con esta lección, tenemos algunos
asuntos pendientes que hacer Así que podemos cerrar nuestro proveedor de
nombres de dominio aquí mismo, porque no vamos a usar
este por bastante tiempo Y ahora podemos
volver a las formas de Cloud. Y como recuerdas, nos
faltaba un disco, ese era un máximo. Y como recuerdas,
agregamos ese registro. Bien, así que ahora podemos
hacer clic en Verificar dominio, y como puedes ver, la
verificación de dominio estaba completa Podemos cerrar esta ventana
y realmente podemos probar si nuestros
correos electrónicos de notificación funcionarán. Para ello, tenemos que ir
a servidores aquí mismo. Seleccionemos tu
servidor que está aquí. Y quieres ir
al segundo nivel de
tu alojamiento web, esa es tu aplicación. Quieres volver al servidor
al primer nivel de tu
alojamiento web y hacer clic en SMTP Actualicemos esta página
porque como recuerdo, guardamos el correo electrónico elástico y
debería reflejarlo aquí mismo. Sí, como puedes ver, tenemos
Emails elásticos ahorrados éxito. Y deberías tener
esta también. Si no tienes, tienes que seleccionarlo de la
lista hacer clic en Activar, y ahora podemos hacer clic en
Enviar correo electrónico de prueba, simplemente escribe tu dirección de correo electrónico. Así que escribe la dirección de
correo electrónico de tu empresa, en mi caso, va a ser
Support at the bacon avocados.com y
haz clic en Te verás a ti mismo que vas a
recibir este correo electrónico. Entonces probemos esto. Hagamos clic en Enviar correo electrónico de prueba. Bien, Parece que
fue enviado con éxito. Y ahora solo voy a
abrir mi bandeja de entrada de correo electrónico y
voy a comprobar si recibí
este Testamento N. Como pueden ver,
recibimos con éxito un correo electrónico de prueba. Dice que vino de Support en el
tocino aguocados.com Cuando envíes
un correo electrónico de prueba, asegúrate de que no estás usando la misma
dirección de correo
electrónico para los receptores que
has usado para crear tu cuenta de Cloud ways
porque podría no funcionar. Así que asegúrate de que estás
usando otra dirección de correo electrónico y luego la usas para crear
tu cuenta de Cloud ways. Porque si
vas a usar lo
mismo , puede que no funcione. Pero si vas a usar otra dirección de
correo electrónico debería querer. Esto es para esta
lección ahora ya sabes cómo configurar tu dirección de correo electrónico
comercial sin necesidad
de pagar mucho dinero por ninguna otra opción. Y también, ya
sabes como verificar tu bot de nombre de dominio para
Zoho y para elástico Email
11. Resumen de la Sección 1: Muy bien, enhorabuena por
completar la primera sección
de este curso Entonces ahora deberías saber
qué es un nombre de dominio, qué es Web Hosting, ¿cómo se
conectan esas dos cosas entre sí? Y por supuesto, ahora cómo configurar la dirección de correo electrónico de tu
empresa. Eso es muy importante
si estás dirigiendo tu tienda online
porque quieres lucir profesional y tener una dirección de correo electrónico comercial
es sumamente importante. Entonces, si algo
no te quedó claro, siempre
eres bienvenido a
unirte a mi grupo de Facebook. Si vas
a tener dudas mientras construías tu sitio web, solo te uní a este grupo y
siempre estoy aquí para ayudarte. Entonces ahora has terminado
con la primera parte del discurso y tienes un poco
tu sitio web Por supuesto, esta es una versión completamente predeterminada de tu sitio web, pero al menos ahora estás en línea. Entonces hay antes de
comenzar este curso, no
sabías nada
sobre la construcción de sitios web. ¿O cuál es el nombre de dominio
o cuál es el Web Hosting? Solo mírate ahora mismo. Ahora tienes tu sitio web, ahora estás en línea. Tan gran trabajo en eso. En la siguiente sección
vas a obtener una base sólida de WordPress. Entonces, si alguna vez
decides que
quieres crear cualquier
tipo de sitio web, vas a tener
una base sólida de WordPress y eso te va a ser útil
en el futuro. Muy bien, así que eso es todo por ahora. Y claro, enhorabuena por estar
en línea.
12. (2.0) Empezando con WordPress: En esta lección vamos
a hablar de WordPress. Entonces aprenderás qué
es WordPress y por qué estamos usando WordPress como nuestro sistema de gestión de
contenidos. Así que vamos a ponerlo de manera sencilla. Wordpress es básicamente como un software que usas
para crear tus representantes. Entonces, en lugar de necesitar codificar todo,
programar todo, tenemos un
sistema de gestión de contenidos que nos ayuda a hacer todo
el
proceso de creación de nuestro sitio web sin necesidad de conocer ningún
código ni nada de eso. Básicamente,
necesitarás aprender a usar este sistema de
gestión de contenidos. Íbamos a agregar tu contenido, cómo agregar productos
y todas las demás cosas. Y esto ayuda a crear
un sitio web mucho más rápido. Y no necesitas
gastar mucho dinero en desarrollar
tu propio sitio web. Entonces esta es una gran
ventaja de WordPress. Y WordPress es el sistema de
gestión de contenidos más popular, lo
creas o no, alrededor del 50% de los sitios web que están en línea ejecutando este sistema de gestión de
contenidos. Entonces, si has visitado
algún tipo de sitio web, hay una gran posibilidad, en realidad el 50% de posibilidades de que este sitio web se haya creado
usando WordPress. Hay un montón
de sitios web enormes utilizan este sistema
de gestión de contenido. Entonces es muy popular,
es muy bueno, y en realidad es bastante
fácil de usar una vez que
sabes cómo navegar por el
Dashboard y todo. En esta sección, eso es exactamente en lo que nos
vamos a centrar. Nos vamos a
centrar en WordPress. Entonces, lo primero es lo primero, tenemos que iniciar sesión en nuestro panel de
WordPress antes de poder
profundizar en este sistema de
gestión de contenido en sí. Muy bien, así que quieres
abrir tu sitio web en una nueva pestaña
aquí mismo, al igual que agregado Y al final de la URL de
tu sitio web, quieres escribir
slash WP dash admin, y presionar Enter aquí mismo Tendrás que ingresar
tus credenciales para iniciar sesión en tu panel
de WordPress. Así que volvamos a nuestra Cuenta Cloud
ways. Justo aquí. Seleccionemos nuestro servidor. Y ahora mismo estamos en el
primer nivel de nuestro dashboard,
de nuestro Dashboard de Alojamiento Web. Y queremos ir al
segundo nivel de
nuestro Dashboard de Alojamiento Web,
que es aplicación. Y aquí mismo, como pueden ver, tenemos información
sobre panel de administración. Entonces, como puedes ver, esta es la misma URL que
escribimos aquí mismo, slash WP, dash admin Y ahora queremos volver
aquí mismo y simplemente copiar
tu nombre de usuario. Tu nombre de usuario es básicamente
la misma dirección de correo electrónico que usaste para crear
tu Cuenta Cloud ways. Y la contraseña se
generó automáticamente. Entonces queremos ir aquí mismo, clic en esta contraseña. Sólo tienes que copiarlo y
pegarlo justo aquí mismo. Vamos a hacer clic en Recordarme e
iniciemos sesión en nuestro sitio web. Bien, podemos hacer clic en
Guardar y terminamos. Este es el dashboard
de WordPress. Y como dije, WordPress es
un sistema de gestión de contenidos que nos ayuda a crear
nuestro sitio web mucho más rápido, mucho más fácil sin
necesidad de codificar nada. Y este sistema
de gestión de contenidos es el más popular por razones. Entonces, si decidiste
usar WordPress, tomaste la decisión correcta. Bien, entonces esto
es todo para esta lección. Ahora ya sabes qué es WordPress, cómo iniciar sesión en tu panel
de WordPress. Y luego la siguiente lección
vamos a profundizar en el dashboard de
WordPress en sí.
13. (2.1) Tutorial de tableros de WordPress: En esta lección, te
daré un rápido recorrido por nuestro panel de
WordPress Entonces entenderías mucho mejor
cada herramienta, en realidad como las formas en la nube alojando mucho porque cuando
configuras tu sitio web de WordPress, no
tienes demasiadas herramientas aquí
mismo porque otros proveedores de alojamiento
web, tienden a instalar
varios plug-ins diferentes que en realidad ni
siquiera necesitamos Y el dashboard de WordPress
parece bastante confuso. Eso me gustó mucho.
Se ve muy simple. Bien, así que ya que estás aquí, en realidad
podemos
cerrar esta pestaña de alojamiento web
basado en la nube porque no
lo vamos a usar Y ahora mismo vamos a enfocarnos con el primer paso
que es Dashboard. Entonces como puedes ver aquí mismo,
tenemos otras dos pestañas, es
decir home y actualizaciones. En esta pestaña Inicio
verás varias herramientas, widgets que puedes agregar a
tu panel de control de inicio. Como puedes ver aquí mismo, tenemos diversas actividades que están sucediendo
en tu sitio web, básicamente aquí mismo vemos
comentarios en entradas de blog, sobre todo así. Puedes ver cuántos posts
tienes páginas aquí mismo. También muestra tu estado de salud de
pecado y algunos otros widgets diversos. Y aquí puedes agregar otros
widgets si quieres, si necesitas encabezar. Esta es básicamente la Página
de inicio de tu panel de WordPress. Si vas a
instalar más plug-ins a tu sitio web para diferentes
funcionalidades Para agregar más funcionalidades
a tu sitio web
aquí mismo puedes agregar esas herramientas aquí
mismo para ver
un resumen rápido de tus Plugins de tu sitio web. Pero para ser sinceros, realidad no uso tanto este
tipo de hogar. En realidad no lo uses por completo porque aquí no es
donde está mi enfoque. A algunas personas
les puede gustar usarlo, pero realmente no veo un punto
por qué usar este Dashboard, porque la mayoría de las veces
uso solo ciertas herramientas. Y más adelante te
mostraré qué herramientas podrían ser más
importantes para ti también. Bien, así que vayamos
a las actualizaciones aquí mismo. Aquí podrás ver los valores
disponibles actualizaciones. Entonces, si tienes un WordPress
que está desactualizado, verás que puedes
actualizar tu propio WordPress, ese es el sistema de
gestión de contenidos. Aquí mismo tenemos Plugins
y como puedes ver a Plugins están desactualizados y
podemos actualizar esos plugin. Entonces hagámoslo. Es una buena práctica
mantener todo actualizado en tu sitio web de
WordPress porque quieres estar seguro de que todo funciona
sin problemas y
no hay problemas y a veces plug-ins
obsoletos, Temas
obsoletos En raras ocasiones pueden causarte algunos problemas de seguridad así que
no quieres que eso suceda. Así que asegúrate de mantener
todo actualizado. Entonces volvamos a las actualizaciones. Y si, esta pestaña
es para actualizaciones. Entonces, si vas a ver que
hay actualizaciones disponibles, no las ignores y solo
mantén todo
actualizado porque es una buena
práctica mantener actualizados tus plugins, temas y un
propio WordPress. Bien, vamos a
publicarlos aquí mismo. Bien, así que una vez
que haga clic en las publicaciones, puedo ver todas las publicaciones Entonces, básicamente, esta pestaña está
enfocada a las publicaciones de blog. Si estás escribiendo entradas de blog, esto va a
querer enfocarte más. Y como puedes ver en todas las publicaciones, puedes ver todas las entradas de tu
blog que tengas en tu sitio web en un
momento solo tienes una entrada de blog que fue
creada por defecto. Si agregarías una nueva entrada de blog haciendo clic
aquí o aquí mismo, podrás agregar más publicaciones de blog a tu sitio web de
WordPress. ¿Bien? Si
iría a Categorías, obviamente puedes crear
categorías para tus entradas de blog. Entonces por supuesto,
dependiendo de tu proyecto, quieres crear tus categorías para
publicaciones de blog si las estás escribiendo. Y si yo iría a las etiquetas aquí
mismo verás la lista de etiquetas que estás
usando en tus entradas de blog. Básicamente las etiquetas se utilizan
para describir las publicaciones de tu blog en palabras cortas y palabras clave
cortas. Por lo que sería más fácil
para tus visitantes navegar por
tu blog y así sucesivamente. Además, mucha gente
que en SCO dice que las etiquetas ayudan a
clasificar más alto si
incluyes etiquetas relevantes
para tus blogs y puedes optimizar tus
blogposts un poco mejor En lección posterior, te
mostraré un poco más sobre los blogposts Varios hablan de las etiquetas
y categorías más a fondo. Pero por ahora solo
quería que supieras que esta pestaña tanto, aquí es donde
agregarás tus entradas de blog. ¿Bien? Si
íbamos a Mediateca, esto obviamente es muy, encontrarás todos
tus archivos multimedia, muy
probablemente, sin duda, aquí es donde
encontrarás tus fotos y
nunca recomendarás que la
gente suba
videos a sus
sitios web de WordPress porque
no es una buena práctica
si alguna vez
querrás subir un video a
tu sitio web de WordPress, la mejor opción sería
sea para ir a YouTube, subir tu video a YouTube, y luego copiar el
enlace incrustar video a una entrada de blog a una
página o en cualquier otro lugar. No quieres subir videos, tu sitio web de WordPress
porque va
a ralentizar enormemente tu
sitio web Y no quieres que esto
suceda porque quieres
mantener la experiencia
de usuario lo mejor posible. Entonces, si hiciera clic aquí
mismo, aquí mismo, podría Agregar
nuevos archivos multimedia a mi sitio web de
WordPress. Así que simplemente arrastra y
suelta los archivos
aquí mismo o simplemente selecciona entre archivos. Si iba a ir a
las páginas aquí mismo. Como puedes ver,
tenemos páginas de barreras. Entonces de manera similar a posar, por
supuesto los posts son
diferentes a la lección posterior. Te voy a explicar
la principal diferencia entre posts y páginas. Voy a hablar de
esto un poco a fondo, pero para que sea breve
y para que sea rápido, te
voy a decir
que las páginas son
las páginas más importantes
de tu sitio web. Si vas a
escribir entradas de blog, vas a tener
muchas publicaciones de blog en diferentes categorías. Y una vez que agregues páginas, lo más probable es que tengas solo el número limitado de
páginas Las páginas son
información importante para tus clientes,
para tus visitantes. Entonces, por ejemplo, podrías tener
página sobre tu negocio. Podrías tener Página Contacto Política de privacidad de la
página, términos de servicio, política de cookies, y todas aquellas páginas que
ves en todos los demás sitios web. Entonces esas son páginas. Si quieres agregar una página, tendrás que dar click
aquí o aquí. Bien, vamos a la pestaña
de comentarios. En la pestaña de comentarios verás todos los comentarios que
están en tus entradas de blog. Entonces como pueden ver aquí mismo, tenemos una deuda común
se agregó por defecto. Y podemos hacer varias cosas con sus
comentarios para que podamos sin aprobar, podemos responder a este comentario Incluso podemos editar este comentario. Podemos poner este comentario para
enviarles spam o podemos
ponerlo en la papelera. Entonces aquí es donde
verás todos los comentarios que se publican debajo de las entradas de
tu blog. Bien, vamos a la
pestaña Apariencia y a la pestaña Apariencia. Básicamente puedes instalar un nuevo tema para tu sitio web
de WordPress. Entonces dependiendo de tu proyecto, dependiendo de tu nicho, puedes elegir el Tema
que te gustaría usar. Pero en este curso
voy a recomendar usar algunos temas que yo mismo
uso y me he probado para
poder garantizarles que esos haces van
a funcionar sin problemas. Y si
quieres Agregar Nuevo Tema, simplemente haz clic
aquí o haz clic aquí. Y editor, básicamente puedes editar el tema de tu sitio web de
WordPress. Por supuesto, depende de
qué FIM estés usando. Diferentes equipos tienen
diferentes opciones, diferentes formas de
personalizar temas. Pero como puedes ver, este tema predeterminado tiene tales opciones para
personalizar este tema Esta no es la mejor manera
de personalizar tu tema. Y como dije, te mostraré los temas probados
que utilizo yo mismo. Y esas transmisiones son populares, son rápidas y
confiables. Bien,
volvamos aquí mismo. Bien, hagamos clic en Dashboard. Y como dije, un editor, en realidad no hace
falta que te concentres aquí mismo. Por supuesto que
depende de tu tema, pero en lecciones posteriores cuando
editemos nuestro tema, te
mostraré cómo puedes personalizarlo y lo
verás tú mismo, lo sencillo que es. Bien, vamos a la pestaña
de plugins. Si voy a hacer click en la pestaña plugins, como puedes ver, esos
son los plugins que tenemos. Esos son dos
sector Plugin si
ves algo diferente
ahora se preocupa por eso. Si ves algún Plugins inactivos, puedes eliminarlos porque obviamente no
los
estás usando. Y el Plugin saf o agregando diversas
funcionalidades diferentes a su sitio web de WordPress En lección posterior, vamos a hablar de esto un poco más fondo para que entiendas mucho mejor
temas y plug-ins Si haces clic en Agregar
nuevo o aquí mismo, podrás agregar un
nuevo plugin usando la búsqueda. Encontrarás cualquier
plugin que quieras. Bien, vamos a
los usuarios que hay, puedes ver la pestaña Usuarios aquí
mismo en todos los usuarios, podemos ver todos los usuarios
que están en este sitio web Obviamente soy el único usuario. Yo soy el administrador, así que solo soy el único
usuario aquí mismo. Si alguna vez vas a
necesitar o si alguna vez querrás agregar nuevos
usuarios cero absoluto. Una vez que tu proyecto crezca, puedes hacerlo aquí mismo,
solo triste, nombre de usuario, dirección de
correo electrónico. La contraseña se genera
automáticamente y solo tiene que seleccionar la fila para
su usuario recién agregado. Como puede ver,
puede agregar administrador, editor para publicaciones de blog, autor para publicaciones de blog también, y
así sucesivamente. Bien, vamos a ir a la pestaña de
perfiles aquí mismo. Bien, no
necesitamos guardar nada. Y en la pestaña Perfil básicamente
podrás hacer varias
opciones de personalización para tu perfil. Se puede cambiar el esquema de color. Puedes hacer varios
otros ajustes relacionados con tu perfil. Este depende de
ti si quieres hacer algún cambio en absoluto. Bien, vamos al sello de herramienta, aquí
mismo verás
varias herramientas diferentes para tu sitio web de WordPress
aquí mismo en import export, puedes exportar e importar
tus datos de tu perfil, de tu sitio web
de WordPress, no un perfil Esas dos opciones pueden
ser útiles para usted si planea migrar
su sitio web a cualquier otro lugar. Pero en realidad hay plugins que te
ayudarán a hacer eso. Así que en realidad no
necesitas concentrarte aquí mismo. Si íbamos a la salud lateral, verás la salud
de tu sitio web. Obviamente, como es
un nuevo diseño de sitio web, la salud va a ser buena. Por lo general, muestra que hay
algunos problemas con la salud, sobre todo si hay algunos plug-ins anticuados
y algo Entonces verás cualquier problema que esté pasando en
tu sitio web aquí mismo. Pero nuevamente, esto no
es lo más importante. Como dije, solo mantén
todo actualizado y no
tendrás que
preocuparte por nada aquí mismo. Exporta tus datos personales. Puedes exportar
tus datos personales de tu sitio web WordPress. Entonces, desde tu perfil, estas configuraciones
no son tan importantes. Aquí mismo en Editor de archivos de tema, puedes editar los
archivos de Tu Tema. Entonces este es para usuarios
avanzados que
saben trabajar con un código. Y aquí mismo, realmente no
necesitas enfocarte en absoluto porque esto es para usuarios
avanzados, igual que el editor de archivos de complementos, estarás editando el
código de tus complementos. Entonces esas dos opciones no
son tan importantes. No hace falta que te
concentres demasiado en ellos porque son
para usuarios avanzados. Y luego este curso, en realidad no
vamos a usar esas opciones, no
vamos a usar ninguna
herramienta aquí en absoluto, pero es bueno saber para
qué sirve cada herramienta. Bien, vayamos
a la pestaña Configuración. Y para ser honestos aquí mismo, no
vamos a centrarnos demasiado en esta lección
en los ajustes, porque en la
lección posterior le mostraré los
ajustes más importantes que tiene que hacer para asegurarse de que
su sitio web funcione sin problemas. Bien, así que esto
es básicamente este fue el rápido recorrido del panel
de WordPress Y como puedes verlo tú mismo, no
es tan complicado. Sólo hay que saber para
qué sirve cada herramienta. Hablar desde una experiencia
personal. Te puedo mostrar las herramientas
más utilizadas que yo mismo uso, pero
sitios web de eCommerce con blogs, sitios web de
negocios sin doblados este tanto para
agregar entradas de blog, probablemente
vas
a usar más a menudo que cualquier otra herramienta aquí
mismo, media, media que vas a
usar también con más frecuencia, especialmente para
agregar archivos multimedia Así que puedes usar medios para subir todas las imágenes a la vez páginas, no
vas a
usar esa frecuencia porque una vez que configuras todas tus páginas, solo
vas a
olvidarte de esas páginas. Entonces esto no
va a enfocarse demasiado. Entonces te vas a
centrar más en los comentarios, porque una vez que empieces a
recibir comentarios, podrás encontrar todos
los comentarios aquí mismo, tal como
te mostré anteriormente. Y puedes
eliminarlos y aprobarlos, haz lo que quieras
con esos comentarios. Probablemente una de
las
pestañas
más sureñas, más utilizadas es esta,
porque en un futuro
quiere Agregar Nuevos Plugins tu sitio web. Esto es lo que quizás
quieras usar con más frecuencia. A lo mejor necesitarás
desactivar algunos plugins, así que eso es lo que
vas a usar también Entonces los más populares
son Posts, medios de comunicación, comentarios, y el
último es Plugins. Esto es para esta lección. Ahora ya sabes cómo navegar por el panel de
WordPress mucho mejor y ya no debería verse
así de complicado.
14. (2.2) los ajustes de WordPress esenciales: Esta lección, te mostraré
los escenarios más importantes. La configuración se puede encontrar aquí
mismo como recuerdas de la lección
Tutorial del Panel de WordPress Así que todos los ajustes relacionados con tu sitio web WordPress se pueden hacer por aquí en este paso. Entonces comencemos con la
configuración general aquí mismo. Y aquí mismo, lo
más importante
que tienes que hacer es
que tienes que agregar título de
tu sitio y solo agregar
un lemas para tu sitio web Puedes ver aquí mismo dice
solo centrar unas palabras para explicar tu sitio web para
describir tu negocio. Y tan simple como eso, solo escribe el tagline
y agrega un título de sitio Entonces eso es exactamente lo
que voy a hacer yo mismo. Bien, como pueden
ver, acabo de cambiar el título del sitio y
agregué un tagline Como puede ver, una vez que
cambie el título de su sitio, también cambia por aquí. Entonces, depende de usted qué
título del sitio y el tagline
desea usar Como pueden ver, acabo de
agregar un Lenglón Simple. Este sitio web es básicamente
para enseñarles chicos, para enseñarles a
crear sus sitios web. ¿Bien? Bien,
aquí podemos desplazarnos hacia abajo y aquí puedes
elegir tu formato de fecha El formato de fecha que
quieres usar en tu sitio web. Por lo general, me gusta mantener
la configuración predeterminada. Por supuesto, no olvides
elegir tu zona horaria, ya que de acuerdo
a esta zona horaria, verás varias
entradas de blog que se publican en tu sitio web o los
productos agregados y así sucesivamente. Así que solo elige tu zona horaria. Y aparte de eso, no
necesitas
hacer ningún ajuste aquí
mismo y
puedes presionar Guardar cambios. Bien, vamos
a ir a la ficha de montar aquí. No necesitamos hacer
ningún ajuste. Todo está como
es por defecto. Entonces vamos a la pestaña Lectura. En la pestaña Lectura, básicamente
puedes hacer algunos ajustes
a la información, al contenido que se muestra en tu
sitio web en este momento, no
vamos a hacer
ningún ajuste en etapas
posteriores de
creación de nuestro sitio web. Haremos algunos
cambios aquí mismo. Te voy a mostrar para qué sirven
esos cambios. Básicamente,
estableceremos una página de inicio para nuestro sitio web que va a ser la portada
de nuestro sitio web. Vamos a agregar una
página de blog para mostrar publicaciones de blog. Entonces esto es lo que
vamos a hacer un poco más tarde. Ahora no vamos a
cambiar nada porque ni siquiera
tenemos
esas páginas listas. Entonces esas cosas se harán en etapas
posteriores de la
configuración de nuestro sitio web. Esto es solo una práctica común, pero es bueno que
sepas qué
introducción rápida de varios
pasos que hay aquí mismo. Bien, desde aquí podemos
pasar a la pestaña de discusión. Esta tabulación de discusión
es
responsable de los comentarios que
se encuentran en su sitio web. Entonces tus visitantes
van a dejar comentarios. Podrían dejar reseñas debajo tus productos si va a
ser tu tienda de comercio electrónico. Y aquí es donde se pueden
hacer diversos ajustes. Puedes jugar con
estos ajustes aquí mismo. Pero voy a ser honesto, el único ajuste
que hago aquí mismo, me gusta activar esta
opción aquí mismo. El comentario debe ser aprobado
manualmente. Entonces una vez que estuve ahí
voy a dejar un comentario, el comentario se
mostrará aquí mismo. Así que sólo voy a abrir
esta en una nueva pestaña. Y como puedes ver aquí mismo, tenemos un comentario que
se agregó por defecto. Y una vez que active
esta opción aquí mismo, como pueden ver, este comentario
fue aprobado automáticamente, se agregó solo de forma automática. Comentarios por defecto. Y sólo voy a
dar click en Aprobar. Y como puedes ver, una vez WR, una vez tu visceral
vas a comentar bajo blog de
Europa o eso iba a dejar
una reseña de producto Este comentario no será aprobado. Por lo que tendrás que aprobar este comentario tú mismo manualmente. Y la razón por la
que me gusta hacer esto, porque en algún momento una vez que
tu sitio web empieza a crecer, una vez que tu sitio web empieza a
recibir más y más tráfico, hay una gran posibilidad de
que
empieces a recibir comentarios de spam. Y no quieres que
esos comentarios aparezcan debajo de tu contenido porque no va
a quedar muy bien y vas a necesitar eliminar
esos comentarios enemigos, así que es lo mejor para ti mantener este activo aquí mismo, y puedes aprobar los
comentarios manualmente tú mismo. Simplemente haga clic aquí
un probado el comentario será aprobado automáticamente. Si quieres como ese comentario, puedes eliminar este
comentario o puedes marcar este comentario como
spam también aquí mismo. La otra ficha bastante
importante que me gusta usar es esta. En lugar de usar este
para moderar comentarios, me gusta no permitir Entonces, una vez que empieces a recibir esos
comentarios spam aquí mismo, notarás el patrón que generalmente esos
comentarios van a tener la misma
dirección URL del comentarista agregada a un comentario, o tal vez la misma dirección de correo electrónico A lo mejor estos comentarios
van a tener las palabras clave comunes
entre esos comentarios, como los que se están repitiendo
en cada comentario. Entonces quieres copiar
cualquiera de esas cosas. Aquí mismo
verás la dirección IP del comentarista No podemos ver la
dirección P debajo de este comentario porque este comentario se agregó
automáticamente por defecto. Entonces no podemos
ver la dirección IP, pero una vez que alguien va a dejar un común,
vas a ver eso. Y puedes copiar esta dirección IP
y pegarla aquí mismo. Así que solo pega una
dirección IP o dirección de correo electrónico, o la URL o la palabra clave una línea paralela
para no permitir estos comentarios Entonces si esto es
comentarista spam va a seguir
adelante y dejarte otro
comentario o spam común Este comentario se
eliminará automáticamente por
lo que no necesitará aprobar
este comentario o desaprobar Entonces esto
te va a ayudar a ahorrar mucho tiempo. Pero cuando estás empezando de
nuevo y tu sitio web es nuevo, puede que tarde algún tiempo hasta que empieces a recibir
esos comentarios spam, pero es bueno saber cómo
puedes combatir con estos comentarios Y no tendrías
que preocuparte en etapas
posteriores de
funcionamiento de tu sitio web. Este es el ejemplo de la vida real. Este es uno de mis sitios web
que estoy dirigiendo yo mismo. Y como puedes ver,
este sitio web recibe bastantes comentarios spam Así que solo además de aprobarlos yo mismo manualmente y
además de liderarlos, generalmente
me gusta identificar las palabras clave comunes y
los comentarios en sí, los más utilizados o repetitivos Direcciones de
correo electrónico, URL o direcciones IP Y una vez que identifico
esos columpios, simplemente
copié esas cosas
y una pegarlas aquí mismo en esta ventana y
no permití claves comunes, solo una por línea Bien, entonces ahora deberías
saber cómo se ve todo. Bien, podemos desplazarnos hacia abajo. Y como puedes ver
tu ion aquí, puedes hacer algunos ajustes a tu avatar de tu perfil. Normalmente me gusta ocultar avatares porque ayuda a cargar el
sitio web un poco más rápido. Es una cosa muy pequeña, pero a mí también me gusta hacer
esas cosas. Entonces, por lo general, me gusta
ocultar avatares, pero depende de ti si
quieres mostrar avatares, esos avatares se mostrarán
debajo de tus publicaciones de blog. Si vas a agregar
publicaciones de blog a tus sitios web, vas a
mostrar tus avatares. Para que puedas elegir un
avatar que quieras usar, o puedes configurar tu propio avatar. Pero por lo general
me gusta hola, Este. De nuevo, depende de ti si
quieres hacer eso también. Pero esta de aquí, quise decir que esta es
bastante importante. Entonces, una vez que haya
terminado de hacer cambios, puede hacer clic en Guardar cambios. Bien, vamos a la pestaña Medios. Este también es bueno
ya que es por defecto, porque realmente no
necesitamos cambiar nada. Todo está bien
ya que esto por defecto. Bien, vamos al enlace permanente. Éste es sumamente importante. Entonces aquí mismo y enlace permanente, puedes ver La
Estructura de la URL, básicamente cómo van a lucir
tus URL a Entonces, por ejemplo, si voy
a ir a nuestra página de inicio aquí mismo, voy a mostrar un ejemplo. Entonces esta es nuestra URL. Y si iría
a la página de muestra, como pueden ver, así
es como se ve. Entonces tenemos nuestro nombre de dominio, tenemos slash index.php, y realmente no necesitamos
esta parte para mostrar porque no sirve de
nada para el SEO,
para la optimización de motores de búsqueda Y queremos que nuestras URL
se vean simples. Entonces, en lugar de elegir este, vamos a elegir este nombre de publicación, y vamos a presionar Guardar cambios. Por ejemplo, si
volviera a este lado ahora mismo, otra vez a nuestra página de inicio
y no al lado. Daría clic en
la página de muestra. Como pueden ver, así
es como se ve. Esta es la estructura
que queremos usar porque
es mucho mejor. Es mucho más fácil de entender
por hora a los visitantes y es mucho más fácil de entender para
los motores de búsqueda. Así que queremos quedarnos con
esta, ¿de acuerdo? Así que no olvides presionar Guardar cambios y cada
vez que realices cambios. Y desde aquí podemos pasar
a esta pestaña privacidad. Por el momento, no tenemos ya
nuestra página de política de privacidad. En etapas posteriores, te
mostraré dónde
puedes crear tus páginas de política de
privacidad, las condiciones de
Thompson
y todas las demás
Páginas Importantes para tu sitio web donde
podrás generarlas automáticamente. Así que no necesitarías contratar gente para que monten esas
páginas por ti. Pero por ahora en este paso, no
necesitamos
cambiar nada excepto que podemos establecer la página de privacidad. Entonces lo tendríamos
establecido y no
necesitaríamos volver a
esta pestaña otra vez. Así que vamos a hacer clic, usa esta página. Y ahora está listo y ahora
podemos dejarlo como está. Bien, podemos ir
aquí mismo a este sello, pero tampoco vamos a hacer ningún
cambio en esta pestaña también Porque esos cambios
que están aquí, esas opciones que
están aquí en W14, el plugin, como recuerdas cuando estábamos en
nuestra página de Plugins, solo
voy a abrir
en una nueva pestaña muy rápido Como puedes ver,
tenemos brisa Plugin y estos ajustes aquí mismo. Lo he hecho para este plugin brisa
en particular. Este plugin se
encarga de optimizar tu sitio web. Por lo que su sitio web se cargará
más rápido para sus visitantes. Y ahora mismo, todo está
bien ya que es por defecto, realmente no
necesitamos
cambiar nada. Pero en el futuro, si decidirás
que quieres
aprender a optimizar aún mejor tu
sitio web. Porque lo sé
por mi propia experiencia. A medida que continúe
creciendo su sitio web, medida que continúe
mejorando su sitio web, un punto muy importante se
convertirá en la velocidad de los sitios web. Pero con un sitio web fresco, vas a tener un sitio web de
carga rápida de todos modos. Pero eventualmente, es posible que desee mejorar
la velocidad del sitio web. Tal vez tu sitio web
crecerá aún más y esto podría llegar a ser
más importante para ti. Creo que voy a hacer
otro curso sobre eso. Entonces, si estás tomando
discurso ese curso y optimizando tu sitio web
estará listo para ti. Y estoy haciendo esto porque hay muchas
cosas que puedes modificar Hay muchas cosas que puedes cambiar para que tu
sitio web se cargue rápidamente. Pero nuevamente, te
quedarás bien que este sitio web recién creado
se cargará rápido en cualquier caso. Bien, entonces esto es todo, estos fueron los ajustes de
WordPress más importantes Entonces, para resumirlo, una de las configuraciones más
importantes donde en esta pestaña general,
en esta pestaña de discusión
y en paso de enlace permanente Así que esto es para esta lección
15. (2.3) Plugins y temas explicados: Bien, hablemos de
temas y plug-ins. Ahora ya hablamos de
ellos en las lecciones anteriores, pero ahora son todos el foco
estará en esas dos cosas. Bien, así que vayamos
a temas por aquí. Y como puedes ver en esta página, podemos ver todos los temas que están instalados en nuestra página web. Básicamente, los Temas
son
responsables de la parte
de diseño de tu ausencia. Entonces diferentes temas tienen
diferentes opciones de personalización. Con diversos temas puedes lograr diferentes
looks y así sucesivamente. En este curso, te
mostraré los métodos,
los temas que uso yo mismo, los temas probados en los que puedes confiar y que se están cargando rápidamente. Pero nuevamente, es importante que conozcas qué son los temas, dónde los puedes encontrar. Porque tal vez en el futuro
decidas que
quieres actualizar tu sitio web y
quieres cambiar el Tema. Así sabrás dónde
buscar temas y
sabrías de qué son
responsables nuestros Temas. Entonces aquí mismo está se puede ver
que tenemos este actor de viga. Así es como se ve nuestro sitio web
cuando este rayo está activo. Por ejemplo, si iría a la página principal de nuestro sitio web, solo
voy a abrir
esto en una nueva pestaña. Como puedes ver, así es
como se ve nuestro sitio web. Sé que no tiene mucho
sentido porque este es el sitio web
predeterminado. Pero básicamente se puede entender que este es el diseño
de este sitio web. Así es como se ve. Y solo se ve de esta
manera porque este sitio web, este sitio web de WordPress,
está usando este tema. Por supuesto, puedes hacer opciones de
personalización, pero ahora mismo, así es como se ve
la versión predeterminada
de esta viga. Si escogiéramos esta viga, Digamos que haríamos clic aquí
mismo vista previa en vivo. Como puedes ver, así sería
nuestro sitio web
con este FEM activo. Por supuesto, podemos
cambiar el contenido, podemos agregar nuestras imágenes, podemos agregar nuestros
productos de entrada de blog y cualquier cosa por el estilo. Pero la versión por defecto de
esta viga se vería así. Entonces, como puedes ver, es un sitio web de aspecto un poco
diferente, pero aún así no se
ve demasiado bien. Bien, ya que no
vamos a usar esto cuando podamos
cerrarlo aquí mismo Bien, así que si
quieres agregar un nuevo tema, tendrás que ir
aquí mismo, Add New Theme Y como puedes ver, tenemos un
montón de temas disponibles. Tenemos nuestros 5,000 temas que puedes usar en
tu sitio web de WordPress. Por lo general, los temas para sitios web de
comercio electrónico están en categoría
diferente porque los temas de comercio electrónico
son más personalizables. Los temas para blogs y sitios web de
negocios son
un poco más simples. Pero si estás
buscando temas y
quieres pasar por la
lista de todos esos temas, incluso
puedes usar filtro. Entonces, aquí mismo, ¿qué tipo de
temas estás buscando? Y puedes usar esos filtros. Si volviéramos, podrías usar Search para
buscar ciertos temas. De nuevo, depende de ti si
quieres usar Temas. Pero en este curso voy a mostrar los temas que uso yo mismo
que están comprobados, pero es importante
que sepas dónde
puedes encontrar temas. Entonces este es un lugar donde
puedes encontrar temas. Por lo general, todos los Temas de
aquí son tres mu, así que eso significa que tienen versiones
gratuitas y de pago. Y generalmente con versiones gratuitas, no
tienes muchas
opciones de personalización y
no podrás crear un sitio web
verdaderamente único. Por lo que necesitarás
comprar una versión de pago. Y por lo general si los temas
que están aquí, generalmente esos temas cuestan
alrededor de $60 por año Por lo que tendrás que
pagar cada año por un tema premium
de esta lista. Por supuesto, no se aplica
a todos los temas aquí mismo. Pero la mayoría de estos temas, tienen tales dos opciones. Tienen versión gratuita y
premium. Hay otro lugar
donde me gusta comprar mis temas premium y es
completamente otros sitios web. Entonces solo voy a
ir a este sitio web para mostrarte cómo se ve. Este es el lugar donde me gusta
conseguir mis temas premium. Entonces, por ejemplo, si voy a la pestaña de
WordPress aquí mismo y eso haría clic en elementos
populares, encontrarás temas populares. Por ejemplo, si voy
a abrir este tema, como pueden ver, este tema le
va a costar 69 dólares Pero la mejor parte es con todos los temas que ahora
aquí en este sitio web, solo
son solo
con una tarifa Por lo que solo vienen
con tarifa única. Solo necesitas pagar
por esos temas una vez. Y básicamente esos
temas te pertenecen. No necesitarás
pagar cada año $69. Entonces es solo una tarifa única. Bien, entonces este es el otro lugar donde
puedes buscar esos temas
y esos streams que
están aquí mismo en este sitio web no
se pueden encontrar aquí Y si quieres agregar este FEM, tendrás que subir una vez
que compres ese Tema. Y necesitarás subir
el archivo aquí mismo, este Tema, y
necesitarás instalar ese Tema. No
significa necesariamente que
vayas a usar esos otros
temas de inmediato. Pero como dije,
es importante que conozcas cuáles son nuestros temas, cómo usarlos, qué
opciones están disponibles. Y es simplemente bueno saber que vas a tener
más opciones en el futuro. Bien, entonces los Temas son responsables de la
parte de diseño de su sitio web Ahora hablemos de Plugins. Vamos a Plugins. Y como puedes ver ahora mismo, tenemos que enchufar SAG
hazlo como te dije, este plugin se
encarga de acelerar nuestro sitio web, y este plugin se
encarga agregar capa extra de
seguridad a nuestro sitio web Entonces, básicamente, los Plugins son responsables de agregar nuevas
funciones a su sitio web. Incluso si quieres agregar una función de comercio electrónico
a tu sitio web, vas
a necesitar instalar un complemento que se llama WooCommerce. Entonces, para instalar un nuevo plugin, tendrás que ir por aquí. Como puede ver
aquí mismo, hay muchos complementos disponibles
para agregar valores, diferentes características
a su sitio web. Por supuesto, en el futuro, tal vez vas a
decidir que quieres agregar alguna otra
característica a tu sitio web. Y esta característica no
se mostró en este curso. A lo mejor querrás
hacer algunos cambios. Puedes usar varios plugins. Así que hay un montón de plugins disponibles para barreras
de diferentes características. Y básicamente puedes usar Search para buscar
esos Plugins. Y por supuesto, si
vas a este sitio web, también
hay tales Plugins
aquí mismo. Y al igual que con Temas, esos Plugins y dos versiones, por lo que vienen con una
versión gratuita y una versión premium. Y por lo general una
versión premium te costará. Por supuesto, te va a
costar menos que un tema. Y en algunos casos podría costar
similar a una tarifa por tema. Pero sí, esos
Plugins de aquí mismo, podrían costarte
temprano. Es posible que deba pagar anticipadamente
por los complementos premium. Pero si compraras
Plugins desde aquí, nuevo, básicamente serás el dueño de
esos Plugins. Bien, entonces los Plugins
son responsables agregar varias funciones
a su sitio web Y en este curso no
vamos a utilizar plug-ins de
pago porque podemos configurar
fácilmente
un
sitio web guapo, de aspecto profesional,
funcional incluso sin Entonces probablemente ahora entiendas para
qué se utilizan los plugins. Y por supuesto, es importante
tener en cuenta que si
buscas cierta característica
para agregar una característica
a tu sitio web, digamos a Agregar Formularios a
tu sitio web para que tus visitantes puedan usar esos formularios y puedan
dejarte mensajes. Entonces claro,
no significa que
solo haya un Plugin
responsable de este futuro. Hay muchos plug-ins para la misma
función disponibles Por ejemplo, si
amaría una palabra clave formularios. Como puedes ver, tenemos muchas
versiones diferentes disponibles. Tenemos nuestros 1,000
complementos disponibles para esta característica particular de
agregar formularios de contacto
a su sitio web. Entonces es similar a las aplicaciones para teléfonos. Hay un montón de aplicaciones para
diversas funciones diferentes. Bien, entonces ahora podemos cerrar
esas dos pestañas, creo. Y probablemente ahora
entiendas qué son los temas
y los plugins. Cuatro. Los temas son responsables de la parte de diseño de su sitio web. Y los Plugins se encargan de
agregar nuevas funcionalidades
a tu sitio web. Así que eso es todo por ahora
16. (2.4) tipos de contenido: Centrémonos en los tipos
de contenido que tenemos en nuestro sitio web WordPress y
las lecciones anteriores, ya
hablamos un poco de
ellos y nos vamos a centrar
en posts y páginas. Quizás te estés preguntando
por qué es tan importante y por qué me estoy repitiendo. Creo que es muy importante porque en el
pasado he recibido diversas preguntas
de la gente pregunta en qué se diferencian esas dos
cosas. Y como me acuerdo a mí mismo
y a un bajo que tuvo algunos problemas entendiendo
la diferencia entre esas dos cosas. Entonces, por ejemplo, comencemos con Pages y vayamos a Todas las Páginas. Y como te mencioné antes, las páginas son de
tipo estático de contenido. Cuando estás creando
tu sitio web, no
vas a
tener muchas páginas. Una vez que hayas terminado de calificar tu sitio web,
probablemente, eso es todo. Estas serán las páginas
que vas a tener en tu sitio web una vez que hayas terminado de calificar tu
sitio web, por supuesto, en una pestaña Páginas aquí mismo, vas a
tener páginas como política de
privacidad aquí mismo,
términos y condiciones. Si vas a administrar
una tienda de eCommerce, vas a
tener información de envío y entrega
o política de reembolsos y
devoluciones y todas las
demás Páginas Importantes, páginas búsqueda, por supuesto como política de
cookies y así sucesivamente. Entonces esas van a páginas que vas a
tener en tu sitio web. Por supuesto, vas a
tener dicha página como página de blog también para mostrar
tus publicaciones de blog. Porque necesitas tener una
página para poder mostrar las publicaciones de blog
que vas a publicar aquí mismo haciendo
clic en Agregar Nuevo, y vas a tener
dicha página como página principal. La página de inicio va a ser la portada de tu sitio web. Entonces, por ejemplo, si vas
a Agregar una página de Contáctenos, ¿dónde va
a agregar esta página? No vas a
ir justo aquí y Posts y no vas
a hacer clic aquí mismo, Añadir Nuevo Post solo porque es más fácil o
más personalizable. Conoce, vas a
ir aquí mismo, vas a hacer clic en Agregar nuevo. Sólo voy a
abrir en nueva pestaña. Y como pueden ver, así es como se ve. Aquí es donde
podemos agregar nuestras páginas y simplemente escribir
el título de la página. Y aquí puedes
agregar información y posteriormente lección te mostraré
cómo crear esas páginas. Y por ahora podemos
cerrar esta pestaña. Y sin embargo, si vas
a Agregar una página de Contáctenos, va a usar
páginas que esta página. Entonces vamos a posar. Bien, vayamos a todos posar. Y como te mencioné antes, resuelves por agregar entradas de blog. Entonces, si estás ejecutando
casi cualquier tipo de sitio web, hay una gran posibilidad de
que vayas a tener muchas publicaciones de blog. Recomiendo encarecidamente escribir publicaciones de
blog porque al escribir publicaciones de
blog puedes atraer
más visitantes a tu sitio web. Bien, entonces por ejemplo, voy a hacer click en estas entradas de
blog y voy a abrir una nueva pestaña y
solo quiero ir a Todas las Páginas 1 más normas de tiempo
va a dar click aquí mismo Y te voy a abrir esta página de
muestra en nueva pestaña también. Ahora, comparemos
esas dos páginas, qué se diferencian. Comparemos esta página
con esta entrada de blog. Entonces se puede ver que se ve
bastante igual. Publicaciones de blog. Tenemos diversa información
que se agrega aquí mismo. Se agregó por defecto. Y como puedes ver aquí mismo, tenemos sección de comentarios. Entonces eso es algo que
no tenemos en nuestra página. Esta es la página de muestra y es bastante simple
como puedes ver, no
tiene demasiado en
comparación con una entrada de blog, porque las entradas de blog
tienen una sección común. Por supuesto, es posible
activar la
sección común cuatro páginas, pero no es una práctica común y no
te recomiendo que hagas esto. Entonces, bien,
hay, puedes ver hay una clara diferencia entre las páginas y las publicaciones de blog Bien, podemos cerrar esto. Y si volviera
a presumir aquí mismo, y haría clic en todas las publicaciones. Como puedes ver, esta es
la lista de todos los posts. Como puedes ver, ambos tienen
categorías que tienen etiquetas. Por lo general, las etiquetas
que solía escribir aseguran hacia lo que esta publicación de blog trata
sobre las palabras clave más importantes y así sucesivamente Y como pueden ver, tiene sección común, tiene
fecha de publicación y así sucesivamente. Entonces, una vez que vayas a tener más entradas de blog
aquí mismo en esta lista, verás quién es la oferta, y verás la
categoría de las entradas de este blog, etiquetas, comentarios, etc. Para agregar nuevas entradas de blog, tendrás que dar
click aquí mismo. Y te voy a mostrar
que todo este panel, todo
este dashboard
se ve idéntico
al anterior cuando hacemos clic
para Agregar nueva página, bien, aunque se vea igual, pero aquí tenemos algunos ajustes
diferentes
aquí donde podemos hacer algunos ajustes
para publicar donde
podemos elegir categorías y etiquetas, agregar imagen destacada y así sucesivamente Bien, entonces esta es
la principal diferencia. La principal diferencia
es que las páginas
se utilizan para mostrar contenido
estático, contenido
importante para tus
visitantes y Posts que utilizo para agregar varias entradas de blog
y entradas de blog formativas, información
valiosa
a tus visitantes donde podrían leer
cosas interesantes, cosas valiosas Por ejemplo, si estoy
creando una tienda de mascotas donde me estoy enfocando
solo en productos para gatos. Entonces voy a tener páginas
como sobre Contacto,
términos y condiciones, políticas de
privacidad, envío y entrega, y todas esas otras
páginas similares en entradas de blog, podría agregar varias entradas de
blog con información
valiosa
para más visitantes. Y esas entradas de blog
tendrían distintas categorías. Entonces, por ejemplo, podría
tener tal categoría como razas donde podría
hablar de varios Cadbury
diferentes, donde podría compartir
varios Cat Facts sobre ciertos Cadbury También podría tener
categoría como salud y atención, donde podría compartir
varios pasos en diferentes entradas de blog
para ayudar a tu CAT, para ayudar a tu gato
mayor y así sucesivamente. Entonces probablemente ahora entiendas cuál es
la principal diferencia. Porque sé por
la experiencia que hay algunas personas que pueden encontrar este tipo de cosas
difíciles de entender. Por supuesto, cuando
tienes un sitio de eCommerce, vas a
tener otro tipo de contenido que
va a ser productos. Pero normalmente esto
no es tan confuso. Los productos son bastante simples y el problema principal es cuando
hablamos de páginas y posts. Entonces ahora deberías
entender lo que son la posguerra y las páginas
fueron mucho mejores Y a partir de aquí podemos
pasar a otras lecciones
17. (2.5) crea páginas importantes: Bien, entonces en esta
vamos a crear las
páginas más importantes para nuestro sitio web Esas páginas van a ser
términos y condiciones, política de
privacidad, envío y entrega Acerca de nosotros página,
Contacto, Nosotros página. Por supuesto, vas a
crear páginas como Homepage. Entonces tendremos esta página
una vez que instalemos el sitio web de Ciao, podríamos trabajar
en la Página principal y la siguiente página que también
va a ser muy importante va a
ser una página de blog Por supuesto, al final
del día va a
estar completamente a tu altura si
quieres
escribir entradas de blog tu tienda de comercio electrónico si
quieres agregarlas. Pero siempre te
recomiendo mucho que hagas eso porque te da una ventaja
extra y
vas a conseguir más visitantes
a tu sitio web. Y eso significa que hay
una mayor posibilidad que
consigas más clientes. Bien, así que para crear tu página, claro que recuerdas, tienes que ir justo
aquí y vamos revisar todas las páginas 1 vez más Y eliminemos esta página porque no vamos
a usar esta página. Como puedes ver, ya
tenemos política de privacidad. Fue creado automáticamente
tal y como lo viste tú mismo. Es bastante bueno. Es bastante bueno. No voy a mentir,
pero
claro, podría ser una mejor
opción usar esta
página creada automáticamente para bloggers,
para sitios web de pequeñas empresas que representan una marca o un negocio y no
un sitio web de
comercio electrónico. Pero podemos mantener esta página y más adelante
vamos a editar esta página. Entonces lo primero es lo primero, vamos a crear la primera página. Y la primera página
que quiero
crear va a ser la página Acerca de Nosotros. Así que hagamos clic en Agregar página. Bien, aquí mismo
necesitaremos agregar un título a nuestros compañeros Entonces solo dale un título
sobre y eso es todo. Entonces, antes de seguir adelante, creo que es importante
darle un rápido recorrido por todas las
herramientas que tenemos aquí mismo Entonces todas las herramientas aquí mismo, esta pestaña aquí mismo, esta barra lateral, no soy una pestaña, sino barra lateral con
varias opciones. Aquí está solo para
editar tu página. Entonces, como puedes ver, puedes
hacer algunos cambios a la URL. Puedes agregar autor, pero no es necesario en absoluto. Puedes agregar imagen destacada, puedes agregar comentarios, permitir comentarios, pero no
vamos a hacer ningún
cambio aquí mismo. Esta barra lateral es muy importante cuando estás
agregando entradas de blog, porque ahí necesitarás
seleccionar algunas cosas, agregar una imagen destacada
para tu entrada de blog. Pero cuando estás
trabajando con páginas, él realmente no
necesitaba hacer eso. El foco más grande
estará aquí mismo. Una vez que hagas clic en
este símbolo más, obtendrás varios blogs. Entonces como puedes ver, tenemos todo tipo de blogs. Tenemos un bloque de párrafos para agregar solo los
textos párrafos. Tenemos Blog de encabezado
para agregar encabezados, tenemos un blog de lista, y como puedes ver,
hemos imaginado blogs y todo tipo
de otros Para ser honesto, cuando
estás creando páginas, probablemente vas a
usar solo un bloque de párrafo, un bloque encabezado y tal vez una imagen, si eso es algo que
quieres usar. O tal vez vas
a usar algunos códigos de inserción como videos de inserción de YouTube para
hablar de tu negocio. A lo mejor quieres incluir un
video donde te presentas eres tienda de comercio electrónico
o platicar sobre tu historia. En ese caso, por supuesto, se pueden agregar videos. Pero nuevamente,
no recomiendo agregar videos directamente
a
tu sitio web de WordPress, porque si
vas a hacer eso, va a
ralentizar tu sitio web. Entonces queremos usar
YouTube en su lugar. Entonces simplemente agrega
tu video a YouTube y luego solo usa este embed,
por ejemplo, así. Y solo pega la URL de tu video aquí
mismo y haz clic en incrustar. De esta manera tu video
será agregado a tu página. Y de esta manera no va a utilizar recursos de tu sitio web. De esta manera, tu video va a utilizar los recursos de YouTube. Entonces no va a
ralentizar tu sitio web. Entonces esto es muy importante. Bien, así que como
te mostré, estos son blogs. Y cuando estás
agregando tu contenido, simplemente
puedes comenzar a escribir
este contenido aquí mismo, simplemente atascado donde necesites. Una vez que
golpees Enter, va a abrir
un nuevo párrafo. Entonces vas a tener otro
bloque con un párrafo. Normalmente me gusta
anotar toda la información, toda la
información importante y Google Docs o cualquier
otro documento. Y una vez que termine con eso, solo
pego esta información. Así que eso es exactamente
lo que voy a hacer. Ya he preparado alguna información sobre
mi negocio de antemano y luego sólo voy
a pegar esta información aquí y
verán cómo se ve. Bien, hay, ya ves que
acabo de pegar información sobre mi sitio web y
así es como se No es demasiado, pero cuando estás
escribiendo sobre textos, sobre tu sitio web, en realidad
no necesitas escribir
demasiada información. Pero creo que es importante y es esencial
porque al final del día quieres contar tus negocios de esta
manera vas a parecer un poco más confiable. Tus visitantes, tus clientes
potenciales te
conocerán un poco mejor. Por lo que recomiendo ampliamente utilizado
para crear su acerca de la página. Simplemente escríbelo, escríbelo en Google Docs
o en cualquier lugar que desee, y simplemente pegue esta
información aquí. Entonces te voy a
mostrar cómo agregar una imagen a esta página, a esta página acerca de. Entonces, como te mostré antes, una vez que hagas clic aquí mismo, encontrarás varios blogs
y aquí tienes un bloque de imagen. Así que simplemente arrastra este bloque y
suéltalo donde quieras. Bien, así que si
quieres agregar una imagen,
simplemente da clic
aquí Mediateca, claro, podrías
haber hecho clic para subir, pero normalmente me gusta hacer
esto desde mediateca Así que hagamos clic en Seleccionar archivos Y solo un segundo. Esta es la carpeta que
quiero abrir, y esta es la imagen
que planeo usar. Bien, así que no
voy a añadir ningún título. No voy a
cambiar nada. Esto va a
ser como aspectos Seo, aspecto de
optimización de motores de
búsqueda. Y voy a
contarles sobre esto en etapas
posteriores del discurso, probablemente la última
etapa de este curso. Bien, así que solo
selecciona una imagen. Vamos a hacer clic en Seleccionar.
Y como puedes ver, nuestro exitosamente agregó una imagen. Esta imagen, no tiene mucho
sentido, pero en realidad se
ve un poco bien Bien, puede obtener una vista previa de
los cambios que realizó. Una vez que haga clic aquí mismo, puede hacer clic en Vista previa Nan. Como pueden ver, esta
es nuestra página acerca de. Es sencillo mirar sobre la página. Por supuesto, no es así
como va a quedar una vez que hayamos terminado de trabajar
en nuestra tienda de eCommerce, porque vamos a instalar otro Tema y vamos a hacer todas las
opciones de personalización y va a quedar un poco
mejor que eso. Pero se puede obtener un borrador rápido. Se puede obtener una mejor visión
de cómo va a quedar. Parece bastante simple. Entonces como pueden ver,
así es como se hace. Ahora también podemos cerrar esta pestaña de
Vista previa. Puedes previsualizar cómo
va a quedar en tablet y móvil y así sucesivamente. Para que podamos cerrar esta. Y otra cosa que
quería mostrarte, puedes hacer ajustes,
hacer unos blogs en particular. Así que una vez que haces clic
en un bloque, en este caso en un blog de imágenes, podemos hacer cambios a este bloque, como puedes ver aquí mismo, tenemos diversos ajustes. Esta es la pestaña de blog de este
blog en particular que es imagen. Y puedes hacer algunos
cambios aquí mismo. Para que podamos cambiar la
alineación de esta imagen. Así podemos alinear esta imagen a la izquierda. No se ve muy bien, pero podemos mantenerlo
como estaba antes. Y si harías
clic aquí mismo, podrías hacer algunos
otros ajustes. Por el momento. Apenas un segundo. Solo estoy buscando
alinear centro, alinear a la izquierda. Bien, si harías esto, podrías cambiar el tamaño de
esta imagen y
podrías hacer que esta imagen
se vea así Pero no está funcionando muy bien. Entonces hagámoslo. Fue anteriormente, supongo que esta era la
versión anterior. Bien. Entonces sí, así es como se
ve. Como se puede ver. Puedes cambiar el tamaño de esta imagen. Puedes hacer todos esos cambios
si quieres, si es necesario. Entonces sabrás cómo
agregar una imagen, Cómo agregar e incrustar
video. Es bastante sencillo. Te recomiendo encarecidamente que
escribas toda la información en Google Docs o cualquier
otro archivo de documento y luego solo pega esta
información aquí mismo. Entonces, como puedes ver, tenemos diferentes blogs para
cada párrafo. Puedes hacer ajustes
aquí mismo si necesitas agregar elementos de
encabezado. Digamos
aquí mismo, ¿dónde estaba? Este es el elemento de encabezado. Sólo pégalo aquí mismo. Se establece el segundo nivel de rubro. Entonces eso es exactamente
lo que quieres usar y simplemente escribe el
texto que quieres usar. Por ejemplo, nuestra historia. Y puedes hacer clic en
Vista previa una
vez más y otra vez en una nueva pestaña. Y así
es como va a quedar. Por supuesto, al final, va a verse un poco mejor porque vamos
a cambiar el Tema. Y al final de este curso, vamos a
asegurarnos de que todo se vea bien, todo
quede genial. Así que ahora podemos cerrar esta pestaña
y podemos hacer clic en Publicar. Bien, hagamos clic en
Publicar una vez más. Bien, podemos volver a
la lista de todas nuestras páginas. Y la siguiente página que
vamos a crear
va a ser la página de contacto. Entonces solo agrega un título aquí mismo. Contáctanos o Contáctanos. Depende de ti qué tipo
de título quieres usar. Solo voy a
usar Contacto y
voy a dar click en
Publicar esta vez
no voy a agregar ninguna información porque una vez que instalemos un
tema con un tema nuevo, tendremos más opciones,
más opciones de personalización. Podremos
incluir el Formulario de Contacto. Y te verás a ti mismo
que con esta página de Contacto, vamos a necesitar usar más opciones
de personalización del propio Tema. Y ahora mismo, podemos
crear sólo una página en blanco. Solo queremos
tener todas las páginas ya para que no
estropeemos nuestro flujo de trabajo. Bien, así que acabamos de
publicar nuestra página de contacto. Está en vivo y ahora podemos
regresar y voy a
agregar la página siguiente. La siguiente página va a
ser términos y condiciones. ¿Bien? Así que solo voy a escribir términos y condiciones aquí mismo. Y tal vez se
esté preguntando dónde
obtener los términos y condiciones
para esta página. Bien, voy a
compartir con ustedes algunos de los métodos que uso yo mismo, algunas de las formas que
utilicé para generar esas Páginas Importantes para nuestros visitantes, para nuestros clientes Porque si no
vas a tener esas páginas, no
vas a
parecer digno de confianza. Y por supuesto, esas
páginas realmente para ayudarte a proteger
tu negocio. Entonces no
habría resquicios. Entonces claro, grandes
negocios como Amazon, tienen a todos los abogados y a todos los equipos legales
trabajando en esas cosas. Pero cuando solo eres
la pequeña empresa, a, no debes preocuparte
demasiado por eso. Por lo general, las plantillas simples, las páginas, funcionan y hacen
el trabajo simplemente bien. Bien, así que solo
voy a abrir para ti una nueva pestaña y te voy a
explicar dónde
generamos todas las Páginas
Importantes Bien, así que voy a
abrir un nuevo proveedor. Y como puedes ver, este es mi Google Docs. Y aquí mismo tengo todas las páginas no son ni
tienen términos y condiciones. Tengo envío y
entrego información. Tengo política de privacidad, tengo devoluciones y reembolsos, y por supuesto
tengo política de cookies. Bien, entonces la pregunta es, ¿de
dónde sacé esas páginas En realidad, no dediqué mucho tiempo a generar
esas páginas. Me tomó alrededor de 15 min y
tengo páginas a medida Estas son páginas por mi negocio. Estas son páginas calificadas para tienda en línea,
esa es esta. Y como puedes ver, cuenta con
toda la información necesaria. Por supuesto, si quieres
que esté seguro de que funciona para ti en
mejor que esta versión. Puedes consultar otros
sitios web en los que confías, consultar sus términos
y condiciones, consultar sus otras páginas legales, y ver qué puedes tomar y puedes adaptarte para
tu propio sitio web. Pero te voy a mostrar cómo
se generan esas páginas. Entonces voy a compartir con
ustedes el primer método. Y el primer método es
completamente gratuito en este momento, es completamente gratuito. No sé cómo
va a ser en el futuro, pero existe una
herramienta como Open ai.com Está justo aquí. Ya puedes ver, solo revisa
la URL que está aquí. Y es un generador de IA para
básicamente con esta herramienta, puedes escribir todo
tipo de contenido, no solo necesario,
las Páginas Importantes o cualquier otra página que puedas escribir casi cualquier cosa
que puedas imaginar. Este generador es muy potente y te puede bombear
todo tipo de contenido. Entonces te mostraré
qué insumos se agregan. Entonces obtendría un espacio de términos
y condiciones. Entonces apenas un segundo,
vamos a desplazarnos hacia arriba. Y esta es la página de envío
y entrega. Bien, términos y condiciones. Bien, así que esto es lo que
entré aquí mismo y charlé. Pregunta al, esta herramienta Open AI, generar términos y condiciones
para un sitio web de eCommerce, hornear en nuestro catalyst.com Y esto es lo que es un Dios.
Esto es lo que es un dios. Era una página bastante bonita con términos y condiciones. Y en realidad hace el trabajo. Se ve profesional,
se ve confiable, y tiene
términos y condiciones claros. Entonces eso es lo más
importante. Entonces así como eso se generan,
términos y condiciones, así como que se generan envío y
entrega, como puedes ver, generar envío
y entrega para un sitio web de eCommerce,
tocino sobre Carlos. Aquí vamos. Tenemos envio y entrega en mi caso serie Estados Unidos. Pero en su caso, podría ser cualquier otro país. Pero nuevamente, si estás haciendo tu sitio web en cualquier
otro idioma, es posible que
necesites generar y posteriormente traducir este texto. Pero no es un gran problema. Y como puedes ver aquí, tenemos clara información de envío y
entrega. Y por supuesto, podría necesitar ajustar esta información
de entrega. Podría necesitar agregar
mi propio marco de tiempo, pero básicamente tenemos lista
la
información más grande y no
necesitamos apresurarnos a
escribir esto nosotros mismos Podemos usar generador de IA. Entonces te voy a mostrar lo que
hice con la política de privacidad. Yo hice lo mismo. Esta es mi entrada
generar política de privacidad para un sitio web de eCommerce,
tocino avocados.com Y aquí vamos. Tenemos página de política de privacidad, igual que es completamente gratuita. Esto es lo mejor. Bien, vamos a desplazarnos hacia abajo. Hemos generado devoluciones y reembolsos para un sitio web de
eCommerce. Y esta herramienta de IA
te genera toda la información necesaria. Así que no necesitas pagar
por la gente que está
metida en estas cosas. Por lo general
te costaría bastante. Pero con esta herramienta,
puedes hacerlo de forma gratuita. Sé que hasta la gente que
usa esta herramienta, aprueban algunos exámenes. Entonces así de avanzada es
esta herramienta. Puede utilizar fácilmente esta herramienta para Generar páginas tales como
devoluciones y reembolsos y así sucesivamente. Bien, generé la política de
cookies. Entonces como pueden ver, esto es lo que se ingresa. Es la política de cookies y
para el sitio web de comercio electrónico, y dije que la cookie se
utiliza con fines de marketing. Entonces como puedes ver, esta es incluso la descripción
de la cookie. ¿Qué es eso? Por lo general, es
sitios web como Facebook. Cuando publicas anuncios en Facebook o cuando
publicas anuncios en Pinterest, estos guardan cookies en el dispositivo de
tu visitante. Y de esta manera puedes hacer campañas
de marketing. Buenas campañas de marketing, campañas de marketing
calculadas. Así funcionan las cookies. Y ahora esto podría
estar un poco avanzado, pero en realidad no necesitas
saber demasiado sobre esto. Solo tienes que saber cómo
escribir esas páginas, esas Páginas Importantes, y qué información
quieres incluir. Por supuesto, sé que
voy a publicar anuncios en Facebook. Entonces por eso incluí las cookies utilizadas con fines de marketing
va a ser Facebook. Voy a publicar anuncios de Pinterest. Voy a ejecutar anuncios de
Google y también incluí cookies
utilizadas para analizar, o tal vez podría haber
incluido analizar el tráfico. Porque más adelante en este curso te
mostraré cómo configurar Google Analytics para que puedas analizar el tráfico que
está llegando a tu sitio web. Entonces sabrás cuántos
visitantes estás recibiendo, dónde
vienen esos visitantes. De esta manera, podrás
analizar qué tan bien está funcionando tu
sitio web. Entonces, obviamente, quieres
incluir esta también. Así es como debería verse tu
entrada y simplemente escribe esta, presiona Enter y
obtendrás la
página de política de cookies lista para ti. La segunda opción
que solía hacer es solía generar
política de privacidad con esta herramienta, como puedes ver aquí mismo. Y como puedes ver aquí, tendrás que ingresar
tus datos y presionar Siguiente, y obtendrás tu política de
privacidad generada. Y tal vez esta opción podría
ser mejor para los bloggers, para los sitios web de pequeñas empresas, donde esos sitios web están destinados a representar marcas
o negocios, porque es una política de privacidad muy
simple. Pero nuevamente, depende
de ti si quieres echar un vistazo
a esta herramienta. He usado esta
herramienta en el pasado La última opción
que uso yo mismo, que he usado en el pasado, realidad uso esta opción
para uno de mis sitios web. Tengo una
opción premium para esta. No cuesta mucho en comparación con todas
las demás plantas. Eso comparado con
todas las demás herramientas, no las plantas, pero tal vez en el futuro
va a causar un poco más. Pero ahora mismo, esta era la herramienta de pago más barata para Generar
Páginas Importantes Como pude encontrar. Y esto es lo que estoy usando. Entonces como puedes ver,
pero esta herramienta, incluso con una versión gratuita, puedes generar
todo tipo de páginas. Esas páginas van a ser un poco limitadas en comparación con
las páginas premium. Sólo voy a
iniciar sesión en este sitio web y voy a
mostrarte cómo se ve. Bien, entonces este es
uno de mis proyectos. Como pueden ver, tengo cuatro
páginas en uso de cinco. Entonces, si me gustaría
dar clic aquí mismo, administrar, como pueden ver, estas son
todas las páginas que estoy usando. Por ejemplo, si me gustaría
hacer clic en términos de servicio, es
decir términos y condiciones. Por supuesto que esta página no
es un inglés, pero solo quería
mostrarles que tal opción existe. Bien, Entonces para copiar esto
todos los textos aquí mismo, la mejor opción sería
glucurónido Y tendrías que abrir este archivo HTML y una
nueva pestaña y simplemente copiar todos los textos aquí mismo
y simplemente volver a tu página y simplemente pegar
toda la información aquí. Y se va a
copiar y pegar sin perder su Estilo
ni nada por el estilo Por lo que también puedes usar esta
opción. Entonces esta es la opción de pago. Es bastante barato.
Yo mismo lo uso. Esta es la otra opción. Este es bastante limitado. Puedes crear la página
de política de privacidad. Por supuesto que hay
algunas otras opciones, pero esta no es la mejor
opción en mi opinión, pero a pesar de que
es bastante limitada, puedes usarla para proyectos
más pequeños. Y esta es la última opción
que probablemente sea la mejor. Es completamente gratis. Y con esta opción,
con esta herramienta, con esta herramienta de IA, puedes
generar esas páginas de forma gratuita. Bien, entonces
va a ser ti qué opción quieres usar, pero solo quería
mostrarte que tales opciones existen ¿Bien? Entonces claro que voy a copiar este
texto de términos y condiciones aquí mismo. Y sólo voy a copiarlo. Y voy a volver a
mi página de términos y condiciones. ¿Bien? Y yo
sólo voy a pegar esta información
aquí mismo. ¿Bien? Entonces apenas un segundo, volvamos. Comprobemos si perdieron números,
sí, últimos números. Entonces, en vez de copiar de esta manera, solo
voy a
copiar de la otra manera. Bien, volvamos
y vamos solo un segundo. Apenas un segundo. Ahora debería funcionar. Bien, entonces esta es mi página de
términos y condiciones. Y sólo un segundo, ¿
voy a borrar este blog? Y ahora podemos dar clic en Vista previa. Vamos a hacer clic en vista previa. Como pueden ver, así
es como se ve. Tenemos una página de términos
y condiciones completamente terminada, y terminamos con esta página. Ahora podemos cerrar
esta pestaña y
en realidad podemos hacer clic en Publicar, publicar. Hagamos clic una vez más, y volvamos a la
lista de todas nuestras páginas. Y como pueden ver, estas son las páginas que tenemos ahora mismo. Entonces tenemos nuestra página acerca de. Terminamos con esta página. Vamos a terminar de
trabajar en esta página y otras lecciones cuando
vamos a instalar un tema, estamos completamente
terminados con términos y
condiciones y políticas de privacidad, por lo que Jad son privados Supongamos que en lugar de
calificar nueva página, podemos editar esta página. Como puedes ver, esta es
la información que tenemos, por lo que simplemente podemos seleccionar toda la información
aquí mismo y podemos eliminarla. Bien, entonces ahora se ha ido. Entonces ahora sólo voy a pegar el texto del documento
anterior. Bien, así que solo agregaré en mi política de privacidad y
ahora puedo hacer clic en Publicar Hagamos clic en Publicar
una vez más y podemos hacer clic en Ver página. Veamos cómo se ve. Y sin embargo así es como se
ve. Así como así. Voy a volver y
voy a ir a páginas, iré a Todas las Páginas. Y voy a crear, y solo voy a agregar
todas las demás páginas que faltan. Así que voy a saltarme todo
este proceso por
ti para que no te
aburras demasiado. Y como recuerdas, hagamos clic en Agregar nuevo y solo agreguemos toda la información
necesaria. Bien, así como pueden ver,
acabo de terminar de agregar todas las páginas y todas las
páginas se pueden encontrar aquí mismo Entonces ya tenemos todas las
páginas. Y como lo viste tú mismo, tienes múltiples opciones
para generar esas páginas. Puedes usar la herramienta de IA o puedes usar una opción de pago o cualquier
otra opción que quieras. Por supuesto, si quieres,
puedes consultar otros sitios web, otras
políticas de sitios web, y puedes intentar idear
tus propias políticas. Bien, entonces esto
es todo para esta lección. Ahora ya sabes cómo
crear páginas y
cómo generar información
para esas páginas.
18. Resumen de la Sección 2: Enhorabuena por completar
la sección de WordPress. Entonces ahora sabemos cómo funciona este sistema
de gestión de contenidos. ¿Cuáles son los ajustes más
importantes? Y básicamente ahora tienes una base sólida de WordPress. Entonces a partir de aquí
vamos a empezar a trabajar en nuestra
parte de eCommerce de nuestra página web. Pero desde ahora, ya sabes
cómo funciona WordPress, aquí es donde podrás crear casi cualquier
tipo de sitio web. Te puedes imaginar. Esta información que
acabas de aprender te va a
ser útil, no solo en la creación de
tiendas en línea o sitios web de comercio electrónico. Pero si vas a decidir que
quieres crear un blog, vas a saber cómo
usar WordPress para crear un blog
o simplemente un sitio web de
negocios regular para representar marca o negocio. Entonces este es un conocimiento muy
poderoso para saber usar WordPress. Y muchos sitios web
usan WordPress por una razón porque es un sistema de gestión de contenido realmente genial. Entonces enhorabuena. Ahora ya sabes cómo usar
WordPress y nos estamos acercando a nuestro sitio web de
eCommerce. Por supuesto, quedan
muchas cosas por hacer, pero ahora ya sabes cómo
usar WordPress. Gran trabajo
19. (3.0) Empezando con WooCommerce: Así que terminamos con
la sección de WordPress. Y ahora vamos a comenzar
con la sección WooCommerce. Woocommerce es un plugin y como probablemente recuerdes
Plugins y medio, estamos agregando varias
funcionalidades a tu sitio web de WordPress. Ya que terminamos
con la parte de WordPress, vamos a pasar
a la parte WooCommerce. Y WooCommerce es
un plugin que agrega una funcionalidad de eCommerce
a nuestro sitio web. Entonces para instalar un plugin, y probablemente
recuerdes que tienes que ir justo aquí y hacer clic en Agregar Nuevo. Y aquí mismo en barra de búsqueda
escriba WooCommerce. ¿Bien? Y como puedes ver, este es
el plugin que queremos usar. Como puede ver, cuenta 5
millones de
instalaciones activas. Entonces añadimos que esto es lo
popular que
es este plugin y ya podemos hacer clic en instalar. Bien, hagamos clic en activar. Bien entonces aquí
vamos a necesitar llenar toda la información Simplemente seleccione su
país, su región. Porque dependiendo de
la región seleccionada, vas a tener
diferentes zonas horarias o diferentes tipos de ajustes. Entonces aquí, aquí es donde
debes seleccionar tu país. Y si activaras impuestos en tu tienda WooCommerce. Y
te voy a mostrar cómo se hace. Esta información, esta dirección, el país y
todo lo demás serán utilizados para calcular
los impuestos automáticamente. Por lo que no necesitarás
instalar ningún Plugins por separado. Se hará
automáticamente por ti. Sólo tienes que seleccionar
tu dirección, ¿bien? Si no estás listo para eso, claro que puedes saltarte. Vamos a hacer clic en Continuar. No compartamos ningún
dato con WooCommerce porque no queremos
ralentizar nuestro sitio web. Simplemente seleccione su industria. Por supuesto que no es necesario, pero hagámoslo otro. Y claro, puedes elegir qué tipo de productos
vas a vender. Este curso
vas a crear, almacenar pero productos físicos. Así que mantengámoslo tal como está, pero como puedes ver, también hay otras opciones disponibles. Entonces, usando WooCommerce,
puedes crear una tienda en línea, no solo para bienes físicos
sino para productos descargables Así que los productos digitales, se pueden crear sitios web
basados en suscripción. También puedes crear membresías, tipos de sitios web y todos los demás tipos de
sitios web Bien, hagamos clic en Continuar. Si lo desea, puede seleccionar
alguna información aquí mismo. ¿Cuántos productos
planeas exhibir? Podemos seleccionar 11-100 actualmente vendiendo
en otro lugar, no adivina que no Y podemos dar clic en Continuar. Veamos qué
extensiones gratuitas nos ofrecen. Bien, sólo un segundo. Podemos desactivar esta. Podemos
quedárnoslo y veremos si
vas a necesitar este plugin más tarde cuando
vayamos a configurar Pasarelas de
Pago, vamos a comprobar si
vamos a necesitar este plugin Si no vas a
necesitar, vamos a reemplazar este Plugin
con otra opción. Bien, podemos desmarcar esta porque no nos va
a ayudar en absoluto. Firma Neon que dice
que es por seguridad. No te preocupes por eso. No vamos a
necesitar poeta varón. Voy a necesitar esta. No vamos a
necesitar este porque podemos instalar este plugin nosotros mismos manualmente y
podemos instalar incluso una
versión mejor que esta. Bien, sólo un segundo. Bien, podemos dejar esta. Los usuarios de Pinterest van
a encontrar productos. Podrán anclar nuestros
productos a sus tablas. Así que alcance extra para nosotros. Entonces esto es bueno. Podemos quedárnoslo aquí mismo, Facebook para WooCommerce,
podemos quedárnoslo también. Pero sólo un segundo, déjame pensarlo. No, en realidad
no necesitamos este porque Facebook
tiene su propio complemento para eso y
funciona mucho
mejor que el complemento WooCommerce para que
podamos deshabilitar este. Y TikTok otra vez,
si vas a decidir que quieres publicar anuncios de
TikTok en el futuro Puedes instalar este plugin, pero vivo para mantener todo
ligero Donde lo hice como sea posible porque no quiero que
nuestro sitio web cargue lento. Quiero que nuestro sitio web
cargue lo más rápido posible. Entonces por eso deshabilité
tantos plug-ins porque hay mejores versiones que las que se
ofrecen aquí mismo Y en lecciones posteriores lo
verás tú mismo. Bien, hagamos clic en Continuar. Y desde que instalamos
WooCommerce y
agregamos funcionalidad de eCommerce
a nuestro sitio web. El tema anterior que
estuvo activo, es éste. No va a funcionar muy
bien con WooCommerce. Y claro, en lecciones posteriores vamos a
instalar otros temas. Pero por ahora, vamos a elegir esta viga que viene por
defecto Con WooCommerce. Y al instalar esta semana, vamos a tener
un mejor aspecto, una
mejor comprensión de
nuestro sitio web de comercio electrónico. Así que acabamos de instalar
WooCommerce plug-in. Y así, agregamos una
funcionalidad de eCommerce a nuestro sitio web. Entonces como pueden ver,
así es como se ve. Como puedes ver nuestro
panel de WordPress Dios, más grande, mucho más grande Porque
ahora mismo tenemos productos
WooCommerce,
pagos, Analytics. Y probablemente con
los pagos podamos desactivar este plugin porque
no nos va a ayudar mucho. Eso va a ser un plugin un
poco diferente. Pero como recuerdas, practiquemos una vez más y vayamos a Instalar Plugins, y seleccionemos los pagos de
WooCommerce. Desactivemos este
plugin y hagamos clic en Eliminar porque no
vamos a necesitar este plugin Vamos a instalar
otros plug-ins para opciones de
pago que están
probadas y que realmente funcionan Bien, así
es como se ve. Como puedes ver, nuestro
panel de WordPress se hizo más grande y ahora nuestro sitio web tiene funcionalidad de
comercio electrónico. Íbamos a visitar nuestro sitio. Como puedes ver, se
ve un poco diferente. Cuenta con carrito de compras. No tiene ningún producto porque no hemos
agregado ningún producto. Pero ahora mismo, nuestro sitio web se ve completamente diferente a
la versión anterior. Bien, así que esto
es todo para esta lección, tuvimos una rápida
introducción a WooCommerce Y ahora sabes
que WooCommerce es un plugin que agrega
funcionalidad de eCommerce a tu sitio web. Y instalamos algunos
de los plug-ins, pero hicimos una instalación de
todos los plugins que venían con este plugin
WooCommerce Porque en
etapas posteriores del discurso, vamos a utilizar
otros plug-ins que hagan un mejor trabajo que
estos que se enumeraron Bien, así que eso es todo por ahora.
20. (3.1) caminata de tablero de WooCommerce: Bien, ya que
ya
tenemos nuestro WooCommerce ahora
te puedo dar un rápido recorrido por
el Entonces vayamos al tablero. Y una vez que bajas,
como puedes ver, el primer paso
es WooCommerce. Entonces, si harías clic
aquí y en la pestaña Inicio, es un poco similar como estaba, pero la pestaña Dashboard aquí mismo para WordPress en sí, para el hogar Entonces aquí mismo vas a
ver varios pasos que
puedes tomar para agregar
varios detalles, detalles tienda,
Cómo Agregar productos, configurar pagos a impuestos, costos de
envío y todo. Pero en este curso les voy
a mostrar cómo
se hace eso sin necesidad de
seguir ninguno de estos pasos. Pero si te interesa, puedes explorar
todo tú mismo siempre te recomendamos
a todos que exploren todas las herramientas, todos los propios dashboards Porque de esta manera
vas a aprender a
usar una herramienta particular mucho mejor. Muy bien, desde aquí
podemos ir a órdenes. Esta ficha, vas
a encontrar todos los pedidos. Entonces, una vez
que un cliente realiza un pedido y te compra algo, aquí es donde
verás este pedido Muy bien, te voy a mostrar que se ve muy rápido en mi página web Sí, y como puedes ver, es como se ve y esta es la lista de órdenes que
vas a tener tú mismo. Muy bien, vayamos a los clientes. Obviamente en un
momento está vacío. No tenemos clientes. Pero de nuevo,
te voy a mostrar cómo se ve. Como pueden ver, esta es una de mis tiendas y así
es como se ve, cómo se ve la lista de clientes. Aquí mismo, podrás ver cuántos pedidos
se realizan particular por el cliente si se
trataba de su ave de primer
o segundo orden Y aquí verás el valor promedio
del orden y así sucesivamente. Muy bien, podemos ir a
Cupones aquí mismo. Podrás crear varios Cupones, como puedes ver, una vez que hicimos clic aquí Cupones, nos llevó aquí a pestaña
Marketing y fuimos
a Cupones automáticamente Entonces básicamente este paso Cupones y esta pestaña Cupones
es lo mismo. Muy bien, hagamos clic en
informes aquí mismo. Verás diversos reportes. El pasado solía
usar este para verificar todos los informes antes de
WooCommerce actualizado Plugin. Hoy en día, tienen
esta pestaña para Analytics. Es más a fondo y sí, ya no uso esto mucho, pero como pueden ver, se vería
si una vez empiezas a recibir pedidos y puedes verificar
cuántos pedidos Egon, cuántas ventas hiciste Y puedes comprobarlo por mes. Puedes consultar clientes, puedes consultar stock, ventas por producto y
todas las demás cosas. Entonces, una vez que empieces a
recibir pedidos o incluso antes de obtener
tu primer pedido, puedes explorar
todo tú mismo Entonces solo entiende
lo que funciona para ti. Lo que no, qué información
podría ser importante o no. Es conveniente darle un
vistazo rápido a lo bien que le va a
hacer una semana determinada, un mes determinado, o incluso un año. Muy bien, pestaña Configuración. Vamos a volver a
la siguiente lección. Hay silencio, más
cosas de las que hablar de ello. Así podemos ir al estado
Agregar y pestaña de estado. En realidad no hace falta
hacer nada. Es solo para verificar el estado
si todo está bien. Aquí puedes consultar
los registros para ver que hubo algún problema y error
o algo por el estilo. Pero sí, por lo general no uses esta pestaña de estado con demasiada frecuencia porque una vez que estás
configurado, estás configurado. Realmente no necesitas
preocuparte demasiado, claro que en el futuro, puedes revisar los registros
para ver si hubo algún error o
algo por el estilo. Y nuevamente, no tengas miedo explorar todo tú mismo. Si ibas a la pestaña
Extensiones, como viste anteriormente cuando
estábamos configurando nuestro plug-in
WooCommerce. Si instalamos algunas extensiones que básicamente somos ligandos. Y aquí encontrarás algunas otras extensiones que
son básicamente otros Plugins. Pero nuevamente, te mostraré los Plugins que uso que
están garantizados para funcionar y esas opciones realmente van a funcionar y no
van a estropear tu sitio web. Muy bien, así que esto es para
este paso de WooCommerce. Ahora podemos ir a
Productos, ¿bien? Si hace clic en todos los productos, tendrá una
categoría de productos. Entonces así es como va a
quedar una vez que agregues productos. Y por ahora, nuestra
lista de productos está vacía porque no hemos agregado ningún conjunto de productos aquí mismo. Esta pestaña es para agregar productos. Entonces más adelante te
mostraré cómo agregar categorías de
productos
antes
de agregar productos, claro,
vas a crear categorías para esos productos. etiquetas, nuevamente, las etiquetas se utilizan para describir un producto
o incluso entradas de blog, pero esta vez
se ha centrado en los productos. Entonces, por ejemplo, si tienes
un monedero con estampado de tigre azul, es posible
que quieras incluir
etiquetas como nacimiento, marca tigre
azul, plano Y estas serían
etiquetas que ayudarán a identificar un producto tomando algunas especificaciones
de estos productos. Entonces una vez que un servicio o hace clic en esa
etiqueta en particular, por ejemplo, si ese cliente
hace clic en un por
ciervo, irá a todas las
listas de productos que tengan esta
etiqueta en particular que se llama nacimientos ¿Si hay más productos con otras etiquetas que te
mencioné antes? Y van a ver esos
productos en esas pilas. Entonces eso es lo que las etiquetas son cuatro. Bien, si
iría a atributos, los
atributos son básicamente
especificaciones y que utilizo para tu producto Digamos que si vas a tener un producto que
tenga diferentes tamaños, tiene tamaños grandes, pequeños, medianos y todos los demás. Esos atributos se
enumerarán aquí mismo. Entonces eso es lo que es, pero no vas
a necesitar agregar esos atributos
aquí mismo. Básicamente, estamos comprobando todos los atributos que
tienes en tu sitio web, pero
los agregarás tú mismo cuando agregues productos. Y te voy a mostrar
cómo se hace eso. Así que no necesitarás
enfocarte demasiado en esta pestaña de
aquí mismo. Todos irían a reseñas. Obviamente vamos a
tener lista de reseñas, pero como no
tenemos ninguna reseña, no
tenemos ninguna reseña. Y como probablemente
recuerdes cuando estábamos haciendo algunos cambios aquí mismo
en la pestaña de discusión, activamos para
aprobar manualmente los comentarios. Por lo que en este caso, revisión se considera
como un comentario. Y si vas a
conseguir una reseña, porque a veces también
hay spam o abuso. Entonces, una vez que recibas una reseña, puedes aprobarla o
eliminarla, o puedes hacer lo
que quieras porque
vas a empezar a recibir comentarios
spam debajo de tus publicaciones de blog Hay una gran posibilidad de
que
empieces a recibir comentarios spam, reseñas de
spammer, reseñas de
spammer, no también los comentarios debajo de
tus productos Vas a necesitar
eliminarlos. Muy bien, en la pestaña Analytics, obviamente vamos a
tener varios Analytics Entonces este es para
que lo explores. Podríamos decir que es tu tarea. No tengas miedo de explorar
esas pestañas aquí mismo. momento no hay
demasiada información, así que no puedo mostrarte nada, pero aquí puedes comprobar
cuántas ventas
hiciste este mes en comparación con
el mes anterior, este año comparado con el año
anterior y así sucesivamente, aquí
mismo y pestaña Productos, vas a ver
cuántos productos viste, cuántos artículos, cuántas
variaciones y así sucesivamente. Entonces, si puedes ir
a la pestaña Ingresos aquí, verás diversa
información sobre los ingresos, cuántas ventas obtuviste, cuántos cupones
se usaron, etc. Entonces este es todo
acerca de los giros postales. Por supuesto que vas
a ver los pedidos, cuántos pedidos
hiciste y así sucesivamente. Si volviéramos a ir a
variaciones, verá cuántas
variaciones vendió artículo
en particular y toda
otra información similar. Aquí podrás ver
las ventas por categoría. Si íbamos a Cupones, verás cuántos pedidos
con descuento hiciste y más o menos eso es N impuestos. Si vas a activar
impuestos en tu tienda en línea, aquí es donde vas a ver
información sobre los impuestos, cuánto ganaste con impuestos
y cuánto vendiste, y cuánto de eso está gravado Entonces aquí es donde vas
a ver esta información. Descargas. No estamos utilizando
ningún producto digital. No estamos vendiendo ningún producto
digital. Pero si vendieras productos
digitales, aquí es donde
verías esta información. Entonces aquí es donde
verías esta información. Empieza aquí mismo. Verás información
sobre las acciones. Entonces verás, pero los productos son bajos
en stock y así sucesivamente. Esto es muy útil si
tienes tu stock y esto te ayuda a verificar
si estás bajo en stock. Y en cualquier caso, una vez
que agregues un producto, te
mostraré donde
puedes configurar Correos Electrónicos, Correos de
Notificación que
notificarán que un determinado
producto es bajo en stock. Así que nunca te perderás un producto que esté
agotado porque
vas a recibir correos electrónicos de notificación y en Configuración aquí puedes hacer algunos ajustes para cambiar la
forma en que se
presentan los datos por ti Pero en realidad no hago ningún cambio
aquí mismo, pestaña Marketing. Entonces, si irías a visión general, tenemos esta extensión, extensión de
Pinterest
que podemos configurar. Y luego después lección, te
voy a mostrar cómo
puedes configurar esta extensión, probablemente te van
a mostrar cómo configurar la extensión de Facebook
también y las de marketing. Pero básicamente vas
a usar esta extensión para conectar tu
feed de productos con Pinterest. Eso va a ser mucho más fácil. Y vas a
usar esto para conectar tu perfil de Pinterest
Con WooCommerce. Así que no necesitarías hacer esto manualmente agregando ningún Código
ni nada por el estilo. Porque al igual que Facebook, igual que cualquier otra plataforma de redes
sociales, tienen sus píxeles
que básicamente se utilizan para identificar tus productos e identificar
a tus visitantes. Por lo que podría ejecutar unas campañas
de marketing exitosas. Podrías hacer campañas de
remarketing y todas esas otras cosas Bien, entonces Cupones,
como tú mismo dijiste, aquí es donde puedes
crear Cupones y si, eso es prácticamente todo Entonces, una vez que instales WooCommerce, vas a tener pestañas
adicionales gratuitas agregadas a tu sitio web de WordPress. Entonces este es el primero, segundo y el tercero. Entonces esto es, esto es para esta lección. Ahora, conoces WooCommerce un
poco mejor y deberías entender para qué
aprovechan todos esos
21. (3.2) los ajustes esenciales de WooCommerce: En este video, te
voy a mostrar los ajustes de
WooCommerce más importantes que se pueden encontrar por aquí. Como recuerdas, hagamos clic en la pestaña Configuración y
comencemos con una configuración general. Entonces obviamente quieres escribir tu línea de dirección
primero aquí mismo, ingresa tu ciudad elige
país, y código postal. Si hiciste esto cuando estamos
instalando WooCommerce, entonces todo debería estar bien. Quieres que
cambies cualquier cosa, pero aquí es donde
tienes que introducir tu dirección de tu tienda de
comercio electrónico. Y usando esta dirección, este plugin básicamente
WooCommerce calculará los impuestos
automáticamente. Bien, vamos a desplazarnos hacia abajo
y aquí, las ubicaciones de venta, puedes elegir una ubicación de
venta donde quieras
vender tus productos Entonces, si no estás vendiendo
productos para una audiencia global, estás vendiendo tus productos
para países específicos, entonces aquí es donde
puedes elegir, vender a países específicos, seleccionar este y simplemente elegir
países de la lista. Al escribir el país, encontrarás ese país y solo agrega este
país a la lista. Si estás vendiendo
a todos los países excepto a algunos de
los otros países, entonces puedes hacer
excepciones aquí mismo
escribiendo los países
donde
no estás vendiendo tus
productos. ¿Bien? Voy a guardarlo como vender a todos los países y las ubicaciones de
envío. Para que puedas quedarte con
éste tal y como está. Y la ubicación predeterminada del cliente, puedes quedarte con esta también
así. Y aquí mismo, si
estás haciendo impuestos, puedes activar este y los impuestos se calcularán
automáticamente. Bien, así que vamos a desplazarnos hacia abajo y veamos
qué más tenemos Podemos quedarnos todo
como está aquí mismo. No necesitamos hacer ningún cambio. Justo aquí. Puedes
seleccionar tu moneda. Entonces aquí es donde
puedes hacer eso. Voy a guardarlo en dólares de los Estados
Unidos, así que eso es bueno para mí. Y puedes cambiar los números, cuántos números ve la gente, pero en realidad no necesitamos
cambiar nada aquí mismo. Todo está bien
ya que es por defecto. Bien, así que una vez que hayamos
terminado de hacer esos cambios, una vez que agregaste
información aquí mismo, no
olvides
hacer clic en Guardar cambios Ahora cada vez que
hagas algún cambio, no olvides hacerlo. Bien, desde aquí
podemos pasar a la pestaña
Productos aquí mismo Y en una puñalada de producto, crea que no vamos
a cambiar nada Pero nuevamente, si usas alguna
otra unidad de medida, puedes cambiar esas
unidades aquí mismo. Simplemente elija las unidades que utilice. Muy estás haciendo
tu negocio. ¿Bien? Entonces aquí mismo, realidad no
necesitamos
hacer otra cosa. Así que solo elige tus
unidades de peso y dimensiones. Una vez que hayas hecho esto, presiona Guardar cambios también. aquí como pueden ver, tenemos algunas otras pestañas. Olvidé mencionarte. Bien, vamos a desplazarnos hacia abajo y aquí mismo, como puedes ver, una vez que el stock de tus
productos esté bajando, vas a ser notificado
con notificación por correo electrónico Y este es el correo electrónico. Entonces, básicamente, este es
el mismo correo electrónico que
usé para iniciar sesión en este panel
de WordPress. Entonces este
complemento WooCommerce está usando mi dirección de correo electrónico que se
agregó a mi sitio web de WordPress. Entonces lo está usando por defecto. Si quieres cambiar eso,
puedes cambiarlo si quieres. Y como puedes ver aquí mismo, puedes cambiar un umbral de stock
bajo una vez que el stock llegue a Productos, voy a recibir un mensaje de
notificación si quieres, puedes cambiarlo a uno. Así que simplemente así. Y una vez que hayas hecho esos
cambios, presiona Guardar cambios. Bien,
productos descargables,
no estamos vendiendo ningún producto
descargable No estamos vendiendo ningún producto
digital, así que no vamos a
centrarnos en esos dos. Y si vamos a ir a la pestaña
Avanzadas, una vez más, no
necesitamos hacer ningún
cambio aquí mismo. Bien, así que desde aquí podemos
pasar a la pestaña Envío. Y de hecho en
esta pestaña Envíos, no
vamos a hacer
cambios porque hay más cosas de las que
hablar de Zonas de Envío. Te mostraré en otro video cómo
crear Zonas de Envío. Y podrás
elegir diferentes métodos de
envío. Esos métodos van
a ser pagados o los métodos de
tarifa plana van a estar completamente a tu altura desde
aquí. Si acudieras a pagos a, verás todos
los métodos de pago que tenemos disponibles en este momento. Pero en lección posterior te
mostraré cómo
activar pagos con tarjetas
y pagos por PayPal. Entonces esos son a los métodos de pago más
populares. Por supuesto, depende si
vives en cualquier otro país. Dependiendo de un país, es posible que tenga algunas
otras pasarelas de pago Entonces no estoy seguro de dónde
eres y si
estás creando esta tienda de comercio electrónico para tu audiencia nativa, entonces probablemente la
mejor opción para que uses la Búsqueda de Google para buscar Pasarelas de Pago que en
particular para tu país sea Entonces digamos como pagos bancarios
o algo por el estilo. Pero en este curso te
mostraré los
más populares. Y creo que esos dos
son más que suficientes. Entonces te voy a mostrar cómo
agregar PayPal y cómo agregar pagos con tarjetas de
crédito y débito. Bien, desde aquí podemos
ir a cuentas y privacidad. Entonces aquí mismo,
por lo general me gusta permitir que mis clientes creen
sus cuentas. Esto es solo una práctica común. Es bueno tener
una cuenta en para
poder crear una cuenta
en tienda de comercio electrónico. Por lo que te recomiendo encarecidamente
que actives esta opción. Esta opción, y
esa opción también. Bien, vamos a desplazarnos hacia
abajo qué más tenemos. Por supuesto, también puedes eliminar los datos
personales de tus clientes. Entonces, digamos que una vez que un cliente está inactivo por cierto
periodo de tiempo, si son meses o años, o días o semanas, puedes establecer este
número aquí mismo. Normalmente me gusta hacer
esos ajustes, dos pedidos cancelados. No me gusta conservar ningún
dato de pedidos cancelados. Entonces digamos si el cliente cancela su pedido y después de un mes, simplemente elimine estos datos Pero por lo general me gusta
mantenerlo a una semana. Entonces digamos Una vez que el cliente
cancela aquí es pedido, ya no
necesito sus datos. Digamos que hubo
una orden fallida, así que podemos guardarla
a algún día también porque esta es una práctica
común y creo que es bastante buena. Bien, una vez que hayamos
terminado con esos cambios, como siempre no olvides
presionar Guardar cambios Bien, vamos a Emails. Justo aquí. En
Correos electrónicos verás todos los Correos de Notificación que tengas en tu tienda
WooCommerce. Esos son los correos electrónicos que reciben
tus clientes y tú mismo vas a recibir
algunos de los correos electrónicos. Entonces digamos que el cliente realiza
un pedido en tu tienda, vas a recibir un correo electrónico de
notificación de que hubo un pedido
realizado con éxito en tu tienda. Y de esta manera
van a ser notificados que también hay un nuevo
pedido. Vas a ser
notificado si hay un pedido fallido y si
vas a cancelar un pedido, también
vas a ser
notificado. Tu cliente también será
notificado sobre eso. Entonces lo importante aquí mismo, puedes agregar un título, el nombre de tu dirección
básicamente de correo electrónico, el remitente de este correo electrónico que tu cliente va a recibir
el nombre del remitente. Ese va a ser el centro de este Correo Electrónico de Notificación. Para que puedas agregar solo el nombre de tu sitio web y aquí mismo
agregar tu dirección de correo electrónico. Como recuerdas, anteriormente
creamos nuestra dirección de
correo electrónico comercial,
y esa dirección de correo electrónico creada y
comercial con soporte en una bolsa
y avocados.com Entonces generalmente me gusta usar este
tipo de dirección femenina en este bar porque digamos que si un cliente va a tener
algunos problemas con su pedido, fácilmente
podría responder a
este correo electrónico de notificación y recibirás
este mensaje tu dirección de correo electrónico comercial. Entonces esto es lo
importante en esta pestaña. Tienes que agregar tu dirección de correo electrónico
comercial, en mi caso, va a ser Support at the
bacon avocados.com Así que eso es exactamente
lo que voy a hacer. Aquí. Puedes hacer algunas personalizaciones a la plantilla del correo electrónico Ahora bien, estos correos electrónicos
no son los más guapos. Por supuesto, hay algunos
plugins que puedes usar para personalizar aún más los correos electrónicos
para que se vean mejor. Pero para empezar, para principiantes, va a funcionar por completo. Todavía uso esta plantilla casi
en todos mis sitios web y
todavía estoy en progreso de cambiar esas plantillas de
correo electrónico predeterminadas. Pero creo que para los principiantes
va a estar bien. Podemos dar click
aquí mismo y podemos comprobar cómo va a quedar esta
plantilla de correo electrónico. Entonces como puedes ver,
estos son los colores y aquí mismo
podríamos agregar un logo. Entonces, para agregar un logo, vas a necesitar
basar este logo aquí mismo. Entonces, ¿cómo agregar un logotipo? Quizás te estés preguntando, es bastante sencillo si vas a medios de comunicación y yo voy a abrir
mediateca y una nueva pestaña. Entonces solo voy a abrir
esta en la pestaña de deshacer y voy a subir mi logo. Entonces este es el logo uno a usar. Sólo voy a hacer clic en
Subir o solo un segundo. Voy a hacer clic en
Editar solo para
asegurarme de que he derivado URL. Bien, así que
solo voy a copiar esta URL de este
logo aquí mismo Sólo voy a
hacer clic en actualizar si
acaso hubiera algún cambio. Y ahora voy
a cerrar esta. Y todo lo que tengo que hacer es
pegar esta URL aquí mismo. Eso es todo lo que tengo que hacer. Y ahora podemos golpear Guardar cambios. Y una vez que golpeas
Guardar cambios ahora puedes hacer clic en vista previa
de las Plantillas. Entonces como puedes ver ahora
tenemos nuestro logo aquí mismo. Y claro que puedes
cambiar los colores. Entonces este va a
estar completamente en tu decisión. ¿Bien? Así que
volvamos y veamos qué tenemos en realidad una
pestaña de integración, aquí mismo. No vamos a necesitar
hacer ningún ajuste porque todo está bien
ya que es por defecto. Bien, pasemos para adelantarlos. antemano pestaña, probablemente lo único
que vamos a hacer es que vamos a seleccionar nuestra página de términos y condiciones. Entonces, como recuerdas anteriormente, agregamos todas esas Páginas
Importantes. Así que sólo voy a escribir
esta página aquí mismo. Y sólo voy a
seleccionar de la lista que,
bien, así que aquí mismo
tenemos varios puntos finales Si tu sitio web
va a estar en inglés. Entonces no hay necesidad de
cambiar nada aquí mismo. Tener es tan bueno como
lo es por defecto. Así que en realidad no necesitas
hacer ningún cambio aquí mismo. Pero si estás creando tu sitio web para un
idioma nativo, para una audiencia nativa, entonces necesitarás cambiar
esos puntos finales aquí mismo. Entonces, si ese es el caso,
más adelante en el discurso, te
mostraré
cómo puedes
traducir completamente tu tienda en línea. Y básicamente puedes hacer tu tienda online
en cualquier idioma. Entonces te mostraré las cosas más importantes que tienes que hacer. Pero por ahora, todo es Bueno. Así que ahora podemos presionar Guardar cambios. Y básicamente
más o menos eso es todo. Por supuesto que tenemos algunas otras
herramientas aquí mismo, pero de nuevo, realmente no
necesitamos hacer
ningún cambio con esas herramientas. Entonces esto es para esta lección. Ahora ya sabes ¿cuáles son los ajustes más importantes
para tu tienda WooCommerce?
22. (3.3) cómo agregar zonas de envío: En esta lección, te mostraré cómo crear Zonas de Envío. Entonces en la lección anterior, nos saltamos el envío
y la entrega Así que vayamos a la
pestaña Envío y lleguemos aquí. Si haces clic en
Agregar zonas de envío, podrás crear
nuevas zonas de envío. Así que tienes muchas opciones
diferentes para crear
tus Zonas de Envío. Por supuesto, depende dónde envíes
tus productos. Si está enviando
sus productos a nivel mundial, entonces simplemente puede crear
una zona de envío global. Entonces, por ejemplo, sólo voy
a escribir un envío global. Y una vez que escriba envío
global, realmente no
necesita
seleccionar una región porque estas zonas de envío se
aplicarán automáticamente
a todos los países. Por supuesto no es
la mejor opción y no la más conveniente porque estás enviando va a causar
dependiendo del país, dependiendo del estado, si estás haciendo esto en Estados
Unidos de América. Pero sí, es
posible crear una zona de envío global y te
voy a mostrar cómo hacerlo. Entonces, una vez que agregues este
nombre aquí
mismo, ahora necesitarás
Agregar métodos de envío. Así que podemos agregar una
tarifa plana aquí mismo. Si agregarías tarifa plana, hagamos clic en Agregar método y ahora hagamos clic en Editar. Y aquí mismo puedes seleccionar si esto es
gravable Envío Entonces, si has activado
tus impuestos y la configuración de WooCommerce
que te mostré anteriormente tenías el impuesto también se aplicará
al Envío. Entonces depende de ti. Si no estás gravando Envío, puedes seleccionar Ninguno Y en lugar de tarifa plana, podemos llamar a este envío
estándar. ¿Bien? Y para envío
estándar, solo escriba el costo. Así que sólo voy
a escribir el costo. Digamos que va a ser de 5 dólares
y vamos a golpear Guardar cambios. Bien, entonces ahora esta Zonas de
Envío, esta
zona de envío global que está aquí, tiene uno Método de envío
que es envío estándar, pero podemos agregar más métodos de
envío Entonces, por ejemplo, si
seleccionaría tarifa plana una vez más, haré clic en agregar el método de
envío. Y ahora voy a dar click en Editar y voy a
seleccionar que no es imponible y voy a escribir aquí
mismo, envío express Y obviamente el envío express
va a costar más, así que voy a tipo de 15 dólares. Bien, consigamos guardar los cambios. Y como puedes ver ahora, esta
Zonas de Envío global que se aplica a audiencia
global tiene
a los métodos de envío. Por lo que cuenta con envío estándar
y envío express. También podemos agregar otro método de
envío que va a
ser envío gratuito. Entonces, si voy a
hacer clic en envío gratis, puedo hacer clic en Editar. Y en lugar de hacer
solo el envío gratis, puedo establecer que una persona necesita gastar
cierta cantidad de dinero en nuestra tienda en línea para que pueda obtener estas opciones de envío
gratis. Entonces, por ejemplo,
voy a escribir en. Entonces eso significa que nuestro
cliente necesita gastar al menos $80 en nuestra tienda
para obtener envío gratis Si haces clic en este aplicar regla de pedido
mínimo antes de descuento de
cupón a, podrás
ofrecer envío gratis. Pero digamos que para el cliente tiene un código de cupón y gastó
en tu tienda cada $5. Y una vez que active
ese cupón, solo
va a pagar $70 que si vas a
activar esta opción, tu cliente será elegible para esta nueva información de envío gratis Sólo va a pagar 75 dólares. Entonces por eso no estoy
activando éste. Así que solo voy
a mantenerlo
así y voy a
hacer clic en Guardar cambios. Bien, así que como puedes ver ahora, tenemos métodos de envío gratis Estamos realizando envíos a nivel mundial y estos son métodos de
envío gratuitos. Por lo que tenemos envío gratis, envío express y estándar. Por lo general es más que suficiente. También puedes agregar cualquier
otro método de envío. Entonces, por ejemplo, si lo
deseas puedes hacer clic en Agregar método de envío
aquí mismo una vez más. Seleccionemos tarifa plana y
solo un segundo aquí mismo. Y tarifa plana, también
puedes escribir
que va a ser entregado
por UPS, por ejemplo. Se puede escribir el costo. El costo de nuevo
va a ser de tu incumbencia. Simplemente puedes usar una tarifa plana, solo un promedio
que gastarías en entrega de
UPS o
algo así. Entonces digamos si
va a ser $1, algo así, y
podemos golpear Guardar cambios. Entonces como puedes ver,
así como así, puedes agregar varios métodos de
envío que tus clientes
puedan elegir esos métodos. También puedes intercambiar lugares
con estos métodos. Entonces, por ejemplo, una vez que un cliente
está en una página de pago, este es el pedido que va
a ver los métodos de envío. Por lo que podrá elegir cualquier método de envío
que quiera utilizar. Una vez que hayas hecho
esos cambios, no
olvides hacer
clic en Guardar cambios. Bien, ahora podemos ir a Zonas de
Envíos aquí mismo. Y como puedes ver, tenemos una zona de envío global. Entonces esto es para la audiencia global. Básicamente, cada
persona que esté usando nuestra tienda, sin importar de dónde sea, van a tener
esos métodos de envío. Pero claro que podemos crear
otras Zonas Navieras. Entonces, en lugar de usar
esta zona global, podrías eliminar esta
y no usar esa. Solo quería
mostrarte cómo se hace eso, cómo puedes Agregar Zonas de Envío y cómo puedes agregar
los métodos de envío. Entonces ahora en lugar de solo
agregar métodos de envío, ahora podríamos agregar
una Zonas de Envío. Por ejemplo, si realmente
sabes que vas a hacer negocios solo en
Estados Unidos de América. Entonces claro que quieres
tener una zona que
va a ser nosotros, ¿de acuerdo Y ahora puedes elegir de
la lista Estados Unidos. Por supuesto, puedes
adentrarte en todas las Zonas de Envío. Puedes crear
Zonas de Envío por regiones. Pero por ejemplo, si voy
a usar Estados Unidos, puedo Agregar aquí Métodos de envío
solo para Estados Unidos. Si no va a ser
para Estados Unidos, si van a ser cuatro, digamos
audiencias de habla inglesa, entonces podrías agregar algunas
otras regiones también Entonces digamos que podrías
agregar Reino Unido, podrías agregar un
Canadá, y así sucesivamente. Y así es como puedes
crear Zonas de Envío. Por ejemplo, sólo voy
a crear Estados Unidos, así que voy a agregarnos. Y al igual que la vez anterior, agregué métodos de envío. Entonces hay un método de tarifa plana. Así que vamos a hacer clic en tarifa plana. Y ahora necesitarás
editar esto y puedes agregar envío estándar
igual que la vez anterior. Elige si va a
ser gravable o no, y solo escribe el costo Y así así Agregar método de
envío solo a estas Zonas de Envío en particular que va a
ser Estados Unidos. Si guardara la
Zona solo tendría un método de envío para esta zona de envío que
va a ser Estados Unidos. Entonces, por ejemplo, si voy a volver a Zonas de Envío, ahora ves que tengo
a Zonas de Envío, pero ahora realmente no tiene
sentido porque esta zona de envío es
Envío a todas partes. Entonces, en lugar de
enviar a todas partes, en lugar de usar esta zona global de
Shipping, ahora solo tenemos una zona
que es Estados Unidos. Entonces, por ejemplo, si
un cliente visita tu tienda e
intenta comprar algo, pero no es de Estados Unidos, entonces no podrá
elegir ningún método de envío. Eso significa que los productos no
se entregan a la ubicación porque no
hay zonas de envío. Y si clientes de nosotros ahora solo tiene un método de
envío. Ese es el método
de
envío estándar, por supuesto, como lo
viste tú mismo, puedes agregar más métodos de
envío, diferentes métodos de envío
con diferentes piezas planas. Y por supuesto puedes agregar
un método de envío gratis, quiere que el cliente gaste una
cierta cantidad de dinero. Y también puedes crear solo
el método de envío gratis si estás haciendo entrega gratuita. Entonces en ese caso solo
tendrás entrega
gratuita, método de
envío gratis. Pero nuevamente, las Zonas de Envío
dependen completamente de ti. Pero creo que ahora entiendes
cómo funciona eso, bien, pero antes de que salgamos de esta página de Zonas de
Envío, antes de que terminemos
con esta lección, vamos a otras pestañas Entonces, si iría a Opciones de
envío, realmente no
necesitamos
cambiar nada aquí mismo. Pero si ibas
a clases de envío, puedes crear gafas de envío. Entonces, por ejemplo, por qué
esto es importante. Entonces digamos que tienes productos
que son extremadamente pesados. Aunque obviamente, esos
productos van
a necesitar un envío más caro. Y digamos que también vendes
algunos productos frágiles. En este caso, esos productos
van a requerir algunos cuidados extra y
va a costar extra. Entonces en ese caso, si
vas a tener dichos productos, si vas a tener productos
tan únicos, puedes crear clases de Envío. Entonces por ejemplo, voy
a crear una clase de envío y voy a nombrar este
vaso, tener un producto. Y ahora una vez llenada la información antigua aquí mismo
puedo hacer clic en Guardar clases de envío. Y como pueden ver,
tengo uno Envío de vidrio. Y no hay productos agregados
a esta clase porque
aún no he agregado ningún producto
haga esta tienda en línea. Pero una vez que agreguemos productos
a esta tienda en línea, te
mostraré
dónde puedes establecer una clase de envío a un producto en
particular que requiera algún envío costoso o algún cuidado extra al
manipular este producto. Pero de nuevo,
depende completamente de que quieras hacer eso. Esta es una situación única, pero es bueno tener en cuenta que tales opciones existen, por lo que
no se perderían al buscar formas
de cobrar más por
productos particulares por un Envío. Bien, así que una vez que
agregué este vaso, ahora necesito agregar un
precio para esta clase, cuánto va a costar este
método de envío Entonces, por ejemplo, si un
cliente agrega ese
producto pesado a su carrito y una vez
que vaya a la página de pago, van a ver ese precio, ese precio en particular
para este producto, el precio de envío,
quiero decir, bien, así que ahora volvamos
a Zonas de Envío Y como recuerdas, tenemos una Zonas de Envío. Si haríamos clic
aquí Editar. Ahora podremos hacer
cambios a este envío
estándar. Entonces, hagamos clic en Editar. Como puedes ver ahora tenemos un
poco más de información aquí. Entonces digamos que si un producto tiene este
vidrio de envío, tenga un producto. Entonces va a costar a nuestros
clientes, digamos 25 dólares. Y ahora si
teclearía $5 aquí mismo, y digamos que para el cliente
intenta comprar un producto y ese producto tiene esta clase de envío
adjunta a ese producto. A continuación, discutir Resumen
tendrá que pagar $25. Si hay algunos productos que no tienen este costo de envío, solo
van a necesitar pagar $5 por envío básicamente
estándar. Entonces probablemente ahora entiendas, si quieres profundizar un
poco más en la deuda, puedes verificar cambios aún más
complicados, ajustes. Pero creo que tener este sencillo
ajuste es bastante bueno. Y claro,
no significa que
vayas a necesitar usar gafas
Shipping, pero solo quería
mostrarte dónde puedes hacer eso. Bien, una vez que
hayas hecho esto, podemos presionar Guardar cambios Y básicamente
más o menos eso es todo. Ahora debes saber cómo
crear Zonas de Envío. Ahora deberías saber cómo Agregar métodos de
envío a
esas zonas también. Y lo último va
a ser completamente opcional. Puedes crear gafas de
envío para un cuidado extra requiriendo productos
si son Envíos, van a causar más,
algo así. Entonces así es como puedes crear esas clases de
envío extra. Y éste va a depender
completamente de ti, generalmente hablando desde la experiencia
personal. Normalmente tengo métodos de
envío gratis. Así que tengo método de envío gratis. Una vez que un cliente gasta
cierta cantidad de dinero, si va a ser de $100
o algo así. Tengo un
método de envío estándar que suele
rondar los $5 y tengo el método de
envío express que es de $15. Entonces esos son los métodos de envío que
mi cliente puede elegir. Y claro, cuando
estás trabajando con un proveedor de entregas en particular, los proveedores de
envío,
puedes buscar sus Plugins y
suelen tener esos plug-ins Pero nuevamente, depende de
dónde eres y
de dónde vas
a enviar tus productos. Entonces esto es algo un poco complicado, un poco más profundo. Pero como dije, generalmente esos
métodos de envío gratis hacen el trabajo. Y digamos que si tu cliente elige un método de
envío estándar, puedes usar cualquier proveedor de
envío, cualquier proveedor dilutivo, tienes, cualquier transportista y tu cliente
solo va a recibir este producto en base a esta tarifa
estándar que tienes Entonces básicamente
vas a buscar la opción de entrega más barata. Y si eres Cliente
vas a elegir, digamos envío express, entonces por supuesto
vas a buscar un
método de envío más rápido donde puedas entregar tu producto más rápido
y quiere que el
producto sea enviado, siempre
enviarás a tu cliente y notificación por correo electrónico
con sus datos de seguimiento. Entonces, no importa cuáles sean los Plugins
que usen otros proveedores, simplemente
automatizan un poco esta parte de los bits con el
envío de números de seguimiento Pero nuevamente, generalmente
esta configuración simple con zonas de envío gratuito
es más que suficiente
23. (3.4) cómo agregar pasarelas de pago (PayPal y Stripe): En esta lección, te
mostraré cómo Agregar Pasarelas de
Pago a tus tiendas
WooCommerce Entonces en este te voy
a mostrar cómo agregar PayPal y pagos
con tarjeta y tarjetas de crédito. Si irías a pagos, como recuerdas de
las lecciones anteriores, como puedes ver, estos son los métodos que
tenemos ahora mismo, pero vamos a cambiar eso
instalando algún plugin. Así que vamos aquí mismo. Vamos a hacer clic en Agregar nuevo. Y el plugin que quieres buscar, para los pagos de PayPal. Se ve así. En este es el plugin
que quieres instalar. Así que hagamos clic en instalar ahora y hagamos clic en Activar. Derecha. Ahora,
vamos a instalar un plug-in para aceptar
pagos por corriente. Así que vamos a ir a Plugins
una vez más. Hagamos clic en Agregar nuevo y busquemos Stripe. Bien, este es el
Plugin V1 para instalar. Y vamos a hacer clic en activar. Bien, así que ahora deberíamos
volver a nuestra Configuración de
WooCommerce Y seleccionemos los pagos una vez
más y veamos
si hay algún cambio. Bien, como puedes ver, ahora tenemos mucho más métodos de pago en comparación con
la versión anterior Y el primer método que queremos activar es sólo uno. Bien, así que asegúrate de
que este esté activo. Y luego haz clic
aquí mismo, gestiona. Y para poder aceptar
pagos por PayPal, necesitarás tener una cuenta PayPal
comercial. Entonces, si no tienes uno, te
recomiendo encarecidamente que crees uno. Y cuando vayas a crear esta cuenta PayPal comercial, te
recomiendo encarecidamente que uses tu
dirección de correo electrónico comercial porque de esta manera tu cuenta de correo electrónico PayPal va a parecer un poco
más profesional. Por lo que
te recomiendo encarecidamente que hagas eso. Pero si ya
tienes una cuenta PayPal, en realidad
puedes crear tu
cuenta PayPal ya existente si quieres, y puedes convertirla en
una cuenta comercial. Entonces, para hacer esto, deberás iniciar sesión tu cuenta PayPal y
luego ir a la configuración. Y ahí verás
una opción para actualizar tu cuenta PayPal a
una cuenta comercial. Y una vez que tengas lista tu cuenta PayPal
comercial, necesitarás usar sesiones informativas para activar
estos métodos de pago Entonces vas a necesitar
llenar esos campos aquí mismo, este, ese y ese. Entonces, para encontrar esta información, necesitarás ingresar a
tu cuenta PayPal comercial, no solo a una cuenta
PayPal normal, porque si vas a usar solo una cuenta PayPal normal, quieres que
tengas esa configuración. Simplemente inicie sesión en su cuenta PayPal
comercial, seleccione Configuración de la cuenta y
en acceso IP, cree nuevo. En mi caso, como pueden ver, es actualización porque ya tengo esas claves
calificadas para mí. Pero si en tu caso también
vas a ver la
actualización, selecciona Actualizar, desplázate hacia abajo hasta que veas las credenciales de API
administradas y luego selecciona esta. Y aquí quieres
copiar todas las claves IP. Entonces solo copia esas
claves y quieres
basar esas claves de
acuerdo con el nombre de una clave. Vas a
tener nombre de usuario IP, contraseña y firmas. Entonces quieres
alfombra de dosis y
quieres volver a tu tienda
WooCommerce, a tu sitio web básicamente. Y quieres pegar
esas claves aquí mismo. Entonces, una vez que hayas hecho esto, puedes desplazarte hacia abajo
y presionar Guardar cambios. Y así,
activaste los pagos por PayPal y
podrás aceptar
pagos usando PayPal. Eso es bueno porque este es uno de los métodos de
pago más populares. Bien, así que no olvides
presionar Guardar cambios. Y ahora pagos por PayPal
o activos en su sitio web. Bien, así que ahora vamos
a activar los pagos con tarjeta. Y para ello, quieres
volver a todos los Ajustes de
Pago. Y esta es la opción. Esta opción se llama rayas. Entonces queremos activar
esta opción aquí mismo. Y por supuesto para poder
aceptar pagos por Stripe, necesitarás crear
tu cuenta de Stripe. Por supuesto, la confirmación
de tu cuenta puede tardar un par de días o tal vez no va
a tomar tanto. Una vez que tengas que empezar a
recibir pagos, es posible
que te pidan que les envíes algunas pruebas si tu
identificación y otras cosas Así que solo tienes que ir a stripe.com, crear tu cuenta o
puedes hacer clic aquí mismo. Y una vez que tengas
tu cuenta lista, podrás conectar esta cuenta a tu tienda
WooCommerce haciendo clic aquí mismo. Y como pueden ver, ya inicié sesión en mi cuenta de prueba
Stripe. Y como pueden ver,
puedo conectar mi tienda. Y antes de que conectemos algo, antes de que hagas todas esas cosas, te
mostraré un rápido
recorrido por Stripe, y te mostraré
otro método de cómo puedes conectar tu cuenta
a tu tienda Bien, así que si voy a dar
click aquí mismo, y pavos, vamos a tener algunas llaves que
vamos a necesitar para entrar Entonces te voy a mostrar
cómo puedes hacer eso. Y ahora deberías ir a Stripe. Deberías tener
tu cuenta lista, solo ingresa a tu cuenta. Entonces claro, lo
primero es lo primero, cuando vayas a
configurar tu cuenta, creo que vas a
tener la oportunidad de agregar tu cuenta bancaria a
estos pagos de raya. Entonces, una vez que vas a tener suficientes pagos recibidos en
tu cuenta de Stripe, siempre
puedes hacer un
pago a tu cuenta bancaria. Pero si no
tuviste esta opción, te
mostraré cómo
puedes hacerlo. Bien, deberías ir a
ajustes y deberías ir aquí mismo, cuentas de
pago externas Y como pueden ver, ya
tengo mi cuenta aquí mismo. Pero en tu caso, podrás agregar
nuevas cuentas bancarias. Así que solo agrega Nuevo si
aún no lo has hecho. Y básicamente ahora eres Stripe pasarela de pago
está conectada directamente a tu cuenta bancaria y
podrás recibir pagos de Stripe
a tu cuenta bancaria. Bien, así que ahora
vamos a la página principal y te
voy a mostrar cómo
puedes agregar claves IP, igual que hicimos
con la opción de PayPal, tuvimos que ingresar claves API y vamos a necesitar
hacer lo mismo con stripes Entonces ahora necesitamos
encontrar esas claves. Entonces, para encontrar esas claves, vamos a tener que ir
por aquí y desarrolladores. Y quieres hacer clic aquí
mismo Claves API, y aquí mismo
tenemos claves estándar. Entonces esas son las claves
que quieres usar. Como puedes ver aquí mismo, esta es la clave publicable
y esta es la clave secreta Entonces quieres
copiarlos y
quieres pegarlos aquí mismo. Se asegura de tener activada la versión
en vivo. Aquí es donde quieres basar
esas llaves y ganchos web. El secreto es sólo un opcional. Realmente no necesitas
agregar nada aquí mismo. Así que solo pega tus llaves. Eso es exactamente lo que
voy a hacer yo mismo. Bien, una vez hecho esto, puedes hacer clic
aquí mismo, guardar claves en vivo, y ahora tenemos
pagos activos con tarjetas aquí mismo, puedes hacer varios
ajustes si quieres Puedes hacer algunas opciones
de personalización. Puedes cambiar lo que
va a mostrar en lo que tu vista va a ver
cuando esté en la página de pago. Y por lo general me gusta
quedarme con todo
ya que es por defecto. lo mejor a veces nos gusta borrar este Stripe y podemos
dejarlo así así. Y como pueden ver, claro, mi cuenta está deshabilitada porque esto era una
prueba de cuentas. Pero en tu caso, todo
debería estar activo. Entonces es solo así tú mismo, tienes dos opciones. Pero antes que nada, te
recomiendo que primero configures tu cuenta de Stripe
antes de agregar esta opción. Porque una vez que lo
vas a tener, una vez va a estar activo si
quieres va a tener algún problema. Por lo que podrás
utilizar el primer método para conectar tu
tienda con Stripe. Pero la segunda opción
donde se copian las claves, las claves
API también funciona. Entonces ahora tu tienda tiene
que Métodos de pago. Entonces el primer
método de pago va a ser por PayPal y el segundo
va a ser pagos con tarjetas. Y por supuesto esas no son
las únicas opciones para Pasarelas de
Pago Hay muchos de ellos, pero esos dos son los más
populares y no hay duda que van a funcionar bien y esas opciones funcionan a nivel global. Entonces, si vives en
otro país, es posible que quieras
explorar y es posible que necesites explorar
otras opciones. Pero esas dos opciones
suelen ser lo suficientemente buenas. Bien, entonces esto
es todo para esta lección.
24. (3.5) Introducción a productos y categorías de productos: En esta lección vamos a
empezar a trabajar con productos. Pero antes de agregar productos, antes de agregar productos simples
y variables, necesitamos tener categorías. Así que como recuerdas,
todos los ajustes, todos los ajustes relacionados con los productos se pueden
encontrar aquí mismo. Entonces, antes de agregar nuestros productos, tienes que crear
tus categorías. Entonces, seleccionemos Categorías. Y hay una categoría
que se creó por defecto y no podemos
eliminar esta categoría. Entonces, en lugar de eliminar
esta categoría, podemos renombrar esta categoría. Entonces, hagamos clic en Edición rápida y aquí mismo
solo damos
el nombre y el slug a tu categoría que planeas
usar para tus productos Mantenga igual el nombre y
una babosa. El slug es básicamente la
URL que verás justo aquí después de una barra diagonal de tu
nombre de dominio y así sucesivamente Por lo que este slug se utilizará
en su categoría de oferta de URL. Entonces esta vez
sólo voy a renombrar esta categoría dos juguetes de madera. Y cuando estés agregando
tu nombre y Slug, no
olvides cuando
agregas slug en lugar de espacios entre las
palabras, usa Bien, así podemos
hacer clic en Actualizar categoría. Y ahora en lugar de
la categoría que
antes se nombraba bajo categorización, ahora tenemos nuestra categoría real
para agregar nuevas categorías Tienes que ir justo
aquí. Por ahora. No es necesario agregar
ninguna imagen en miniatura para las categorías Pero después
vamos a probar con esta opción aquí mismo un poco más tarde y la
verás tú mismo. Si vale la pena, puede
miniaturas de dos categorías, pero por ahora podemos
mantenerlo como está Solo queremos tener lista
la estructura completa
de nuestro sitio web antes de trabajar en las opciones de
personalización de todo
el sitio web en sí. Bien, así que así como así, agregaré otra categoría que se va a
llamar juguetes Montessori Bien, así que para agregar
esta categoría, simplemente desplácese hacia abajo y
haga clic en agregar nueva categoría Así como así. Voy a agregar otras Categorías
gratis, algunas solo van
a saltarse esta parte porque ya
sabes cómo se hace eso. Bien, así que acabo de terminar agregar el resto de
las categorías Y si te estás preguntando cuál
es la categoría padre. Entonces por ejemplo, si estás
vendiendo zapatos en tu tienda, entonces obviamente vas a
tener tal categoría como zapatos, pero esta categoría puede ser categoría
padre a
otro tipo de zapatos. Entonces por ejemplo, zapatos deportivos, sandalias o cualquier otro tipo
de calzado que puedas imaginar. Y los zapatos va a ser la categoría padre,
la categoría principal. Y por ejemplo, el calzado deportivo
va a ser subcategoría. Por ejemplo, sólo para
mostrarte cómo funciona eso, podría agregar una subcategoría o
una categoría infantil
dos juguetes de madera Entonces podríamos agregar
bloques de madera, algo así. Y ahora solo tienes que
elegir tu categoría padre en mi caso va
a ser juguetes de madera. Y puedo hacer clic en
agregar nueva categoría. Así como así. Puedes agregar aún más
categorías para que
esta categoría sea una
categoría padre o cualquier otra. Pero va a ser completamente de ti si
quieres hacer eso. Yo sólo quería
mostrarte cómo funciona eso. Bien, así que solo
voy a eliminar esta categoría hijo porque no
voy a necesitar esta, y esta es para esta lección Ahora debes saber cómo
crear categorías. Y como tú mismo dijiste,
es bastante sencillo. Y si quieres, también
puedes crear Categorías
padre y categorías secundarias también.
25. 3.6) cómo agregar un producto simple: Ya que tenemos nuestras
categorías listas, ahora podemos comenzar a agregar
productos a nuestra tienda en línea. T agregar un producto, tienes que dar
click aquí mismo, agregar nuevo. En este video, vamos
a agregar un producto sencillo. El producto simple es solo
un producto regular que no tiene ninguna opción
como tamaño, color, etc. Es solo un producto sencillo. Producto variable va
a ser el producto que tenga tamaños o cualquier
otro atributo. Por ejemplo, si
estás vendiendo camisetas, podrías tener tallas y colores. Esos son atributos. Básicamente, vas
a usar atributos para crear variaciones
para ese producto. Si va a ser una camiseta, entonces vas a tener diferentes colores o
diferentes tallas. Ahora vamos a centrarnos en productos
simples que
no tienen ninguna variación y son sólo
unos productos simples. Lo primero es lo primero,
cuando estés aquí, lo verás aquí,
puedes agregar un nombre de producto. Aquí es donde quieres
agregar el nombre de tu producto, y aquí es donde vas
a agregar la descripción del producto. Como puedes ver, tienes
un pequeño editor de texto aquí
mismo con
algunas herramientas diversas, pero por lo general no
complico demasiado mis descripciones Yo solo agrego descripciones. Quizá incluya
algunas especificaciones en la lista y así sucesivamente. Si nos desplazaríamos hacia abajo Aquí verá diversa información para los datos de
su producto. Como puede ver ahora
seleccionamos un producto simple, y el producto variable
está aquí mismo. Cuando estás manejando
una nueva tienda de comercio y estás vendiendo bienes
físicos, va a
haber dos opciones
las más importantes para ti, así que esta va a ser
ésta y aquella. Por ahora, mantengamos producto
simple, y aquí no necesitamos
marcar ninguna marca. Aquí
podrás agregar precio. Como puedes ver puedes agregar un precio regular y
agregar un precio de venta. Incluso puedes programar tu precio de
venta cuando va a estar activo cuando se
inicia la venta y cuando termina la venta. Este depende de ti si
quieres automatizar las ventas, Pero aquí es donde
vas a necesitar agregar tu precio y precio de venta. En la pestaña de inventario, aquí
podrás crear SKU. Básicamente depende
completamente de ti si estás planeando
rastrear tu stock, si vas a tener
algún otro documento como Google Sheets o Office
Excel o algo
así donde vas a
rastrear tus productos con SKU. Aquí puedes agregar
SKU único para cada producto, y tal vez
quieras usarlo para rastrear tu stock y
hacer todas esas cosas, y para identificar
productos también. Aquí podrás gestionar stock. Como lo viste tú mismo cuando
deshabilito esta opción aquí mismo, solo
puedes elegir
que este producto esté en stock o esté agotado. Si activara esta opción, puedes agregar cantidad de stock y vas a
tener un stock limitado. Aquí también puedes agregar
un umbral de stock bajo. Una vez que su producto
alcance este umbral, le notificará con una notificación por correo
electrónico de que su producto se está
agotando. También haga algunos otros
ajustes como limitar las compras a
un artículo por pedido. Esos son un poco más
profundos, un poco más avanzados, pero suelo usar SKU para agregar
códigos únicos para mi producto, así podría identificar
esos productos en
mis hojas donde hago un seguimiento toda la información sobre
esos productos,
y por supuesto, agrego la
cantidad de stock aquí mismo Esos dos van a ser
lo más importante para ti si vas
a decidir rastrear tus acciones. L et's ir a la pestaña de envío. Aquí mismo, como puedes ver, puedes agregar peso
de tu producto, puedes agregar dimensiones para tu producto. Depende
completamente de ti. Por lo general, no vendo
a productos
grandes a productos grandes que podrían requerir que agregue peso
para cualquier ocasión extra. Pero si vas a hacer esto, aquí es donde
puedes hacer eso. Como recuerdas, creamos en lección
anterior cuando te estaba enseñando cómo
agregar zonas de envío, creamos una clase de envío. Ahora podemos seleccionar
esta clase de envío que creamos anteriormente Digamos si este
producto va a ser producto
extremadamente pesado y
requiere un cuidado extra, y el envío
va a costar extra. Entonces como recuerdas,
teníamos
lista esta clase donde el envío
va a costar $85, si no estoy confundiendo nada Sí, esta clase se
aplicará a este producto
en particular. Si tu stor o un cliente
potencial, digamos que va a agregar
este producto a su tarjeta En una caja, verá
que el envío le va a costar más porque
hemos creado esta clase de
envío. Si no quieres usar una clase de envío,
puedes desactivar esta. Todo bien. Si iría
aquí mismo en productos enlazados. Entonces, si me gustaría dar click aquí
mismo en PSLs, como puedes ver aquí, tenemos una explicación qué
son los productos APSL Así que en la página del producto, tus visitantes van a ver
algunos productos recomendados. Así que una vez que agregues más
productos a tu sitio web, aquí podrás buscar los
productos que deseas psil Desea mostrar a
sus visitantes a
sus clientes en esa página de producto en
particular. Aquí mismo en ventas cruzadas. Como puedes ver, si volverías a
tener más productos, podrías agregar esos productos de venta
cruzada y esos productos se mostrarán
en tu tarjeta de compras. De esta manera puedes
aumentar el valor de una tarjeta de compra y esta manera puedes hacer
aún más ventas. Este es muy útil. Normalmente uso este
cada vez que agrego nuevos productos, me gusta elegir los productos
que son los más vendidos, y tengo la garantía de
que el cliente
va a agregar este
producto y va a comprar dos productos
en lugar de uno. Eso es lo que uso yo mismo, y te
recomiendo encarecidamente que también uses los apsees y las ventas
cruzadas Vamos a los atributos. Los atributos son como información para
la especificación de sus productos. Por ejemplo, podrías agregar
información para un producto. Digamos que esto el
producto que estoy agregando ahora mismo va
a ser un tren de madera. Podría agregar tal atributo así como así.
Voy a hacer clic en agregar. Voy a dar nombre material, y por supuesto voy a escribir ese material es madera.
Así como así, puedo tantos atributos como necesite. Por supuesto,
depende de tus productos, qué productos estás
planeando vender. De nuevo, éste depende de ti. Si
todavía tienes algún atributo, simplemente no lo ignores. Una vez que vamos a pasar
a producto variable, te
mostraré cómo puedes
convertir esos atributos. Por ejemplo,
agregarás un atributo size y vas a enumerar
todos los tamaños disponibles. Cómo puedes usar
esos atributos para crear variaciones de
un producto en particular. Vamos a la pestaña Avanzadas. Aquí básicamente puedes
agregar una nota de compra. Una vez que un cliente realiza un pedido, va a recibir
una notificación por correo
electrónico con una nota de compra. Este depende de ti si
ves alguna necesidad de agregar este. Vamos a esa. Puede hacer algunos ajustes
a la posición de pedido personalizada. Esta no es
sumamente importante. Esto es para todos los
que buscan una
experiencia un poco más personalizada para sus clientes, pero en realidad no uso
esas opciones aquí mismo. Deberá
agregar algún tipo de nota de compra a un cliente,
si va a comprar, digamos este producto, por lo que va a
recibir una nota a su notificación por correo electrónico del pedido realizado
correctamente. Un buen ejemplo sería, digamos que si estás vendiendo productos
específicos que
requieren algunas instrucciones. Por ejemplo,
podrías tener un archivo PDF con URL aquí mismo. Podrías cambiar el ritmo de este archivo PDF con instrucciones
para tu cliente. Es solo una forma de hacerlo, pero claro,
hay múltiples formas cómo puedes hacer lo mismo. Pero nuevamente,
depende de ti cómo
quieres usar esos apuntes de
compra. Este depende de
ti, y por supuesto, no deshabilites las reseñas. Quieres tener
reseñas habilitadas porque
quieres permitir que tus clientes dejen reseñas
en tus productos. Si irías a
conseguir más opciones, básicamente, aquí
encontrarás varias extensiones. Que puedes instalar en
tu sitio web de Wo commerce, en tu tienda online. Esas extensiones, suelen
pagar cuestan dinero, cuestan más que
cualquier otra extensión, cualquier otro enchufe que
encontrarías en FM force.net, el sitio web que te
mostré anteriormente, donde puedes comprar
temas premium y complementos premium Aquí, esta pestaña de pinterest
se agregó automáticamente cuando seleccionamos que queremos
instalar Pinterest con fines de
marketing. Básicamente este es
parte de un enchufe. Si iríamos a
Plug ins aquí mismo, y abriría este en
una nueva pestaña. Vamos aquí mismo.
Verás que tenemos Pinterest. Apenas un segundo. Sí,
tenemos Pinterest para En lección posterior, te mostraré cómo puedes agregar varios píxeles. Te voy a dar una introducción,
cómo puedes hacerlo. Pero por ahora,
no nos enfoquemos en eso. Como puede ver, se
trata de un plug in. Si no
tuviéramos este enchufe, no
tendríamos esta opción aquí
mismo Pinterest. Para que podamos cerrar esta
pestaña aquí mismo. Bien, ¿qué más? Descripción
corta del producto. Esta es una breve descripción
que se puede ver en página de
su producto antes de que
vea la descripción principal. Entonces nuevamente, depende de ti
si quieres usar esto. Normalmente no uso esto. En algunos casos, yo he
usado esto en el pasado cuando vendía camisetas
que venían de China, y esas camisetas
eran de tallas más pequeñas. Entonces dejé un mensaje en esta olla justo aquí
para mis clientes haciéndoles saber
que deberían elegir una talla más grande, y fue claro mensaje. Era fácil de ver, así que era solo un mensaje
para mis clientes. Entonces, depende de usted
cómo desea
utilizar esta
breve descripción del producto. Entonces esto es con esta parte. Ahora podemos saltar aquí mismo. Entonces imagen del producto, vamos
a establecer una imagen de producto. Esa va a ser la
imagen destacada de nuestro producto. Podremos agregar imágenes de galería de
productos. Nuestro producto va
a tener más imágenes, más que solo la, esa va a ser la imagen principal. Como recuerdas, creamos
categorías previamente, así que estas son todas las
categorías que tenemos, y si aún no tienes ninguna
categoría aquí lista, puedes agregar nueva categoría aquí
mismo, y por supuesto, aquí
puedes agregar texto. Por ejemplo, voy a estar vendiendo un juguete de madera que va
a ser un tren de madera. Podría agregar
etiquetas como juguete de madera, tren
de madera,
tren, juguetes de madera, ese tipo de etiquetas aquí mismo. Esas etiquetas básicamente están pensadas para describir
tu producto, tal como te dije
en la lección anterior, así que probablemente ya
entiendas esto. Bien, comencemos
agregando un nombre. Voy a darle nombre a mi producto y va
a ser tren de madera. Así que agregué juguete de tren de madera. Así es como se ve.
Como pueden ver, así es como
va a quedar mi permalink Esta es la URL de este producto, y por supuesto, podríamos elegir que van
a ser juguetes de madera. Porque
obviamente es un juguete de madera. Justo aquí, voy
a añadir descripción. Tengo lista la descripción, así que sólo voy a
pegarla aquí mismo. Como puedes ver, acabo de agregar mi breve descripción,
y como puedes ver, son 111 palabras,
aquí mismo si quieres, puedes hacer algunas opciones de
personalización. Se puede poner en negrita parte del texto. De nuevo, son dos completos si
quieres hacer esos
cambios aquí mismo,
pero por lo general me gusta que
todo sea quieres hacer esos
cambios aquí mismo, sencillo. Todo bien. Entonces
lo siguiente que podríamos hacer, podríamos volver a la pestaña general, y voy a agregar
un precio regular. Así que sólo voy a agregar
los precios aquí mismo. Bien, como puedes
ver, el precio regular va a ser 22 49, y el precio de venta
va a ser 14 99. Todo bien. Así
es como va a quedar. En la pestaña inventor, agregaré un código SKU único
para este producto. Bien, agregué
mi código SKU único. Básicamente, dice producto uno. Y una vez que agrego el segundo
producto va a decir b0002, va a ser producto Así es como me gustaría hacer esto. Pero nuevamente, depende de ti qué sistema
quieres usar. tum. Y agregué cantidad de stock, y aquí mismo, tengo umbrales de stock
bajos Van a ser dos productos. Una vez que llegue a dos productos, me van a notificar
con un mensaje de correo electrónico de
que este producto se está
quedando sin stock. Todo bien. Envíos. No estoy haciendo
ningún cambio en el envío. Es un producto bastante pequeño. Realmente no necesito agregar ninguna clase de envío
o incluso agregar peso. No va a costar mucho. Va a ser barato
enviar este producto, así que voy a guardarlo
ya que es productos de enlace. este momento no puedo
agregar ningún producto de enlace porque aún no he agregado
ningún producto. En el futuro,
podré hacer esto una vez que tenga al
menos un producto publicado. Atributos. En atributos, voy a agregar
otro atributo aquí
mismo y voy
a agregar un atributo más, y solo voy a dar nombres a estos atributos y
voy a dar valores. Como pueden ver, acabo de
agregar varios atributos. El primero es material, por lo que va a
ser contenido de madera. Y edades a partir de tres años
y tipo Montesori Toy. Entonces otra vez, esta es mi situación. Esto es lo que estoy agregando. En tu situación,
va a ser algo completamente diferente porque
ya sabes qué tipo de comercio
electrónico estás
construyendo. Todo bien. Entonces, vamos a golpear guardar cambios. No olvides presionar guardar cambios antes de pasar a cualquier otra pestaña porque esos
cambios no se guardarán si no haces
clic aquí mismo. Todo bien. Por lo que acabo de
agregar esta información. Ahora puedo agregar etiqueta. Entonces eso es exactamente
lo que voy a hacer. Sólo voy a escribir tag, y voy a darle a Enter. Como puedes ver,
una vez que golpeo Enter, esta etiqueta se agrega
a la lista de etiquetas. Podría agregar otro tren de etiquetas, y creo que
lo voy a quedar así. Todo bien. Entonces, lo siguiente, podemos
agregar nuestra imagen de producto. Entonces ahora mismo tengo que
subir esta imagen del producto, así que voy a dar
click aquí mismo, y voy a
seleccionar del archivo. Todo bien. Esta es la imagen
del producto que quiero usar, y voy a hacer clic en
Establecer Imagen del producto. este momento voy a agregar algunas otras imágenes
a la galería. Voy a seleccionar imagen
una por una, y por supuesto, voy a mantener Control mientras hago clic en cada
imagen. Todo bien. Ahora puedo hacer clic en Agregar a la Galería. Puedo cambiar de lugar
con estas imágenes. Otra vez, depende de ti, ¿
qué quieres hacer? Ahora antes de publicar
este producto, podemos dar clic en Vista previa.
Veamos cómo se ve. Ya puedes ver, así
es como se ve. Se ve bastante bien. Por supuesto, no se
ve demasiado elegante porque no hemos
agregado nuestro tema, pero ahora deberías entender
cómo agregar un producto. Sí, así es como se ve. Ahora podemos cerrar este y
ahora podemos hacer clic en Publicar. Una vez que
publiquemos, vamos a hacer clic en ver producto solo para
asegurarnos de que todo funcione bien. Ahora podemos dar click aquí mismo. Digamos, hagamos
clic en esta URL. Esto son las miradas.
Este es nuestro producto. Como puedes ver si daría
click en la categoría Juguetes de Madera. Esta es nuestra categoría, y este es nuestro juguete. Tenemos un producto
agregado a nuestra tienda, y si esto es todo
para esta lección. En la siguiente lección, te
mostraré cómo agregar un producto variable
y no te desanimes si piensas que
esto no se ve demasiado bien No te preocupes por eso
porque estamos en progreso. No hemos hecho ninguna opción
de personalización. No hemos instalado
ninguna VM en nuestro sitio web, así que esta es la versión predeterminada, pero ahora tenemos algún
tipo de estructura. Esto es para esta lección.
26. 3.7) cómo agregar un producto variable: Bien, ya que sabes
cómo Agregar un Producto Simple, ahora podemos Agregar un
Producto Variable a nuestra tormenta Demuestre cómo se hace eso. Es bastante similar, pero esta vez necesitaremos crear
variaciones para Productos. Bien, vayamos
al tablero. Vamos a Productos aquí mismo, y hagamos clic en Agregar nuevo. Entonces como
ya estás familiarizado con todos esos ajustes de
aquí y esas opciones de aquí, solo
voy a pegar
toda la información. Solo voy a agregar el nombre del
producto y
agregaré la descripción del producto
y toda la demás información. Bien, como pueden ver, acabo terminar de agregar
más información Este es el título de
esta descripción del producto. Como pueden ver, tengo imagen de
producto y obviamente voy a tener dos versiones distintas de esto. El cliente va a estar en versión
negra y en azul. Y ahora mismo, no tengo una categoría que
represente estos productos. Para que pueda hacer clic en agregar nueva
categoría aquí mismo. Y voy a mecanografiar disfraces. Y sólo voy a dar
click en agregar nueva categoría. Así como así, se creó
la nueva categoría. Así que ahora puedo desmarcar
esta categoría, y ahora puedo elegir disfraces Muy bien, así que vamos a
desplazarnos hacia abajo
qué más tenemos N, como pueden ver, agregué dos etiquetas, así que no
te estires demasiado con Si no puedes llegar a
ninguna etiqueta, no te preocupes, puedes dejarla esta vacía y no vas
a experimentar ningún problema. Pero digamos que si
voy a tener más productos relacionados con Batman, y digamos si
va a haber más juguetes, algo con Batman,
voy a incluir esta etiqueta. Y digamos que una vez que MvR haga clic en esta página
diagonal del producto, irá a una nueva
página donde verá todos los productos con
esta etiqueta en particular Te voy a mostrar cómo se ve
eso más tarde. Bien, ahora,
lo siguiente que tenemos que hacer, tenemos
que elegir que va a ser Producto Variable aquí mismo Puedes escribir SKU, SKU para este producto. Y no voy a activar stock
gestionado porque
vamos a hacer esto en cada producto por separado
porque quiero saber cuántos productos
de versión azul
tengo cuatro edades determinadas y quiero saber cuántos
productos tienen de, digamos versión azul
o versión negra, cuatro diferentes rangos de edades. Entonces básicamente mi producto, este producto que estoy
agregando ahora mismo, va a tener dos variaciones, dos atributos para variación. Entonces el primer atributo
va a ser Estilo, eso va a
ser negro o azul, y va a tener edad. Entonces va a ser
por ciertas edades. Entonces digamos 2-3 años, 4-5 años y
algo por el estilo. Bien, ahora podemos ir a vincular
productos porque no
necesitamos hacer ningún cambio en pestaña
Envío y ahora
podemos vincular productos. Entonces, por ejemplo, si
voy a escribir madera, como pueden ver, puedo seleccionar este juguete que
agregué anteriormente. Entonces voy a hacer lo
mismo con las células cruzadas. Y así, agregó un producto para ventas adicionales
y celdas cruzadas Y puedes agregar más productos, más de uno solo. Normalmente me gusta agregar 2-4 productos a cada una de estas
subcélulas y hacer crecer células. Y ahora podemos ir a atributos. Bien, así que ahora
voy a hacer clic en Agregar y voy a escribir el
nombre para este atributo Entonces va a ser Style. Y ahora voy
a tener dos estilos, así que va a
ser azul y negro. Entonces voy a escribir azul. Voy a separar esto
con este símbolo. Voy a escribir
flecha negra select usada para variaciones porque voy a usar este atributo
para variaciones. Y vamos a guardar rápidamente los atributos. Si ampliara esta, como pueden ver, así
es como se ve. Bien, ahora voy a agregar otro atributo así
como ese Y va a ser H, y voy a sumar valores. Bien, así que solo lo
tenía dos valores, como pueden ver,
esos son mis valores Y por supuesto, voy
a hacer clic en Guardar atributo. Pero antes de hacer eso, voy a seleccionar esta
que voy a usar esta para variaciones y
voy a hacer clic en Guardar atributos. Por supuesto que podría dar
click aquí mismo, agregar más atributos, pero
podría mencionar la tela. Y supongo que eso es exactamente
lo que voy a hacer. Sólo voy a
dar un nombre y voy a introducir el valor. Y una vez que agregué este complemento de
atributo, quiero usar este atributo para crear variaciones
de este producto porque la tela no se
usa para variaciones. Por lo que no necesito revisar
este usado para variaciones. Bien, así que ahora podemos
hacer clic en Guardar atributos, y nuevamente depende
de ti qué tipo de
productos estás agregando Por ejemplo, si estás agregando playeras y
solo tienes tallas. Entonces digamos que tienes
un diseño específico de una camiseta y solo tienes diferentes tallas que son grandes, pequeñas, extra grandes y así sucesivamente. Entonces, en tu caso,
vas a necesitar agregar solo un atributo
para las variaciones. Entonces digamos que si
va a ser tamaño lugar de estilo aquí en valores, enumerarás todos los valores
uno por uno que tengas Cualquiera solo va a
golpear Guardar atributos. Y al igual que,
vas a usar este atributo para
crear variaciones. Si tienes más atributos
usados para variaciones, Digamos que vas a
tener diferentes colores, rosa, amarillo, o cualquier otro. Y al igual que yo, tendrás que añadir en
este de aquí mismo. Entonces en mi caso es H. En tu caso, podría ser color
descortés o cualquier otra cosa Y claro, incluso puedes agregar más atributos que
vas a usar y variaciones. Pero en muchos casos
y la mayoría de los casos probablemente
vas a usar uno o dos atributos que
vas a hacer, variaciones con esos. Bien, así que vamos a guardar
los atributos una vez más. Asegurémonos de que
esos se salven. Y ahora vamos
a crear variaciones. Bien, así que hagamos
clic aquí y seleccionemos este
y vamos a seleccionar ir Vamos a hacer clic. Bien. Bien. Y como pueden ver ahora
tenemos cuatro variaciones. Entonces tenemos una versión azul
que es gratis para por edades, y tenemos otra versión
azul y así sucesivamente. Entonces ahora vamos a expandir todas
las variaciones aquí mismo. Y ahora vamos a establecer una
imagen para esta variación. Entonces esta va a ser
la imagen que quiero usar. Bien, aquí mismo, voy
a escribir mi precio regular. Si estás administrando stock, puedes activar este
y escribir Cantidad de existencias. Bien, así que vamos a desplazarnos hacia
abajo qué más tenemos. Y por supuesto tienes
poca basura de stock
igual que la que teníamos con
un Producto Simple. Has pesado
Vidrios de envío. Nuevamente, puedes seleccionar clases de
envío para cada
variación por separado. Entonces este depende de ti
si quieres hacer eso. Bien, vamos a desplazarnos hacia abajo. Y esta es la versión azul. Nuevamente, seleccionemos
la misma imagen y peguemos el precio para que el precio vaya
a ser el mismo. Así que simplemente copió el precio. Seleccionemos administrar Stock. Y otra vez,
voy a teclear diez. Y como se puede ver, tenemos
repetir todas las cosas. Entonces depende de cuántas variaciones
vas a tener. Esta es la cantidad de
veces que vas a necesitar una repetición de esas cosas porque tienes que tratar cada variación como un producto
separado. Porque como puedes ver, puedes sumar todas esas
cosas como peso. Incluso puedes elegir una clase de
envío y así sucesivamente. Bien, así que agreguemos el
último va a ser negro. Y como recuerdas,
gestionaba stock. Pero antes de eso, el precio y
las acciones van a ser diez. ¿Bien? Yo voy a hacer lo
mismo con esta. Bien, una vez que hayamos
terminado de agregar información, no
olvides
presionar Guardar cambios Si no vas a guardar los cambios, vas a perder
toda la información. Bien, ahora
podemos hacer clic en Publicar, y ahora podemos dar clic
aquí para ver nuestro producto Veamos cómo se ve. Si todo funciona como
se supone que debe funcionar. Bien, entonces tenemos estilo. Podemos elegir, digamos vamos a
elegir el azul y vamos a elegir H. Tenemos imagen diferente. Podemos ampliar esas imágenes. Podemos cerrar esas imágenes. Entiende totalmente
que no se ve muy bien. Pero como dije,
vamos a instalar un tema. Vamos a hacer opciones de
personalización y nuestra página de producto va
a verse mucho mejor. Muy bien, como te
dije con etiquetas, digamos si voy a
hacer click en esta etiqueta de Batman, como puedes ver,
esta es la etiqueta y estos son los productos que
tengo debajo de esta etiqueta En este caso, quiero
tener este producto. Obviamente sólo voy
a ver un producto. Bien, volvamos. Antes de regresar,
supongo que abramos este producto una vez más y asegurémonos de que
todo funcione. Bien, así que aquí mismo
está usted puede ver tenemos descripción e información
adicional Tenemos información adicional
que tenemos Estilo, azul, negro, edad y tela. Si no quieres mostrar
esos atributos aquí mismo, como Estilo, porque tenemos estilo aquí mismo
y tenemos edad, podemos hacer cambios. Entonces, por ejemplo, voy
a hacer clic en Editar este producto. Y si no quieres
mostrar esos atributos, tienes que ir justo aquí. Y como recuerdas,
tenemos Estilo. Entonces queremos ocultar este
de la página del producto, y queremos ocultar H también. Y hagamos clic en Guardar y hagamos clic en Actualizar. Bien, ahora podemos
hacer clic en Ver producto. Veamos si esos
atributos están ocultos. Ahora, vamos a dar clic aquí mismo. Y como pueden ver, no
tenemos ningún
otro atributo. Esos atributos
solo se pueden ver aquí y eso es bueno. Bien, aquí puedes ver que la
gente puede dejar comentarios. Y aquí puedes ver
nuestro producto anterior. Si agregara este producto a nuestro carrito de compras solo un segundo. Vamos a hacer clic en Agregar al carrito. Bien, podemos hacer clic en Ver carrito y como
puedes ver aquí mismo, tenemos una venta cruzada Entonces, como recuerdas,
agregamos este producto en una pestaña de venta cruzada y aquí
es donde se muestra Así es como se ve nuestro
carrito de compras. No se ve muy bien. Entiendo completamente
porque no hemos hecho nada con la
parte de personalización de nuestro sitio web. Entonces bien, esto es todo con esta lección ahora sabemos cómo
agregar Producto Variable, y también sabes
cuáles son nuestras etiquetas y cómo puedes verificar los productos que se agregan a esas pilas Entonces esto es para esta lección.
27. (3.8) Cupones y códigos de descuento: En este video,
vamos a crear un cupón para nuestra tienda. Entonces como puedes ver aquí mismo, podemos escribir un código de cupón, pero no tenemos ningún Cupón. Muy bien, entonces para agregar un nuevo cupón, solo
voy a
abrir este en
una nueva pestaña solo
porque tendría esta pestaña aquí mismo una vez que haya activado mi código de cupón
o podría usarlo aquí mismo Muy bien, vamos
al tablero. Y como recuerdas, si iría a WooCommerce, puedo seleccionar Cupones. También podría ir
aquí mismo y seleccionar Cupones. Entonces eso es exactamente
lo que voy a hacer. Muy bien, hagamos clic en crear tu primer cupón y
aquí mismo tienes Llanta de Descuento Yo suelo usar
descuentos porcentuales, ya sabes, diez por ciento de descuento, 15% de descuento, y así sucesivamente. Pero puedes usar descuento
fijo con tarjeta. Entonces, por ejemplo,
podrías escribir $5, $3. Esta es la cantidad
que quieres usar. Y por supuesto puedes elegir fijo Descuento de producto para los
productos en sí, ¿bien Pero como dije, por lo general
me gusta usar descuentos
porcentuales. Eso es probablemente lo que hacen la mayoría de las tiendas de comercio electrónico de todos modos. Y aquí mismo, digamos que
voy a escribir diez. Entonces va a ser diez
por ciento de descuento. Puedes marcar esta casilla para permitir el envío gratis.
Otra vez, depende de ti. Normalmente me gusta que
todo sea sencillo. Puedes agregar la fecha de
vencimiento del cupón aquí mismo, solo elige la fecha. Y aquí me gusta hacer algunas restricciones de
uso, ¿bien? Entonces puedes elegir
cuánto tiene que
gastar una persona o si gasta más monto
máximo que
ingresas aquí mismo, no podrá
obtener este descuento y esas opciones dependen de ti. Puedes excluir productos
de los descuentos. Entonces, si no quieres dar este descuento para
un determinado producto, puedes excluir
productos aquí mismo. Se pueden incluir productos
particulares. Entonces eso significa que este Descuento solo se
puede aplicar a productos
específicos y aquellos productos específicos en, puedes hacer las mismas categorías. Puedes excluir categorías. Puedes hacer que este descuento solo esté disponible para ciertas
categorías de tus productos. Entonces esto es muy puede hacer eso. Simplemente elige lo que quieres hacer si
quieres hacer alguna de esas opciones y simplemente escribe el producto o escribe
las categorías. Entonces este depende de ti. Incluso puedes permitir direcciones de
correo electrónico. Entonces, por ejemplo, si ya
tienes algunos clientes que están comprando en tu tienda en línea
o creaste un cupón único para un cliente en
particular, entonces solo puedes permitir este cupón para esa dirección de correo electrónico
en particular. Entonces habrás tensado esta dirección de
correo electrónico aquí mismo. Pero por lo general me gusta hacer esta opción aquí mismo porque a veces cuando la gente
encuentra múltiples Cupones, intentaban aplicar
ambos Cupones. Y si desmarca esta opción, esos clientes
podrán usar
Cupones al comprar
en su tienda en línea Por lo que
te recomiendo encarecidamente que uses este. Y por supuesto, al
habilitar esta opción, puedes excluir artículos rebajados. Entonces, por ejemplo, si
los artículos están a la venta y tu cliente
agrega
esos productos, esos artículos a su carrito de
compras ,
e
intentaron
aplicar un cupón, no podrán obtener un descuento si
vas a marcar esta casilla,
bien, límites de uso De nuevo, puedes agregar límites de uso. Para que puedas agregar
límites por cupón. Digamos que voy
a crear este cupón y voy a tener
apenas diez cupones. Entonces tendré que ingresar este aquí
mismo, diez cupones, puedes hacer limitaciones a
cierta cantidad de productos. Entonces digamos que si
vas a ingresar aquí cinco y la persona
compra seis productos, no
podrá obtener un límite de uso de descuento por usuario Entonces, si vas
a ingresar aquí uno, eso significa que este usuario o cualquier otro futuro usuario
podrá usar este cupón una vez. Depende de ti si quieres
hacer esas limitaciones. Pero por lo general lo que
hago es que suelo usar porcentaje de descuento y hago restricciones de que la gente no puede usar múltiples Cupones a la vez. Y una vez que hayas
hecho esos resortes, claro tienes que
crear un cupón. Entonces digamos que voy a
nombrar esta prueba de cupones. También puedes dar click aquí mismo, generar cupón automáticamente. Y aquí puedes agregar una
descripción por ti mismo. A lo mejor vas a
hacer promociones especiales para que no te
pierdas y sabrías por qué razón se calificó este
cupón. Muy bien, una vez que
hayas hecho esto, hagamos clic en Publicar y
nuestro cupón estará en vivo Así que ahora podemos volver a
nuestras tarjetas aquí mismo, y podemos escribir testing, y hagamos clic en aplicar un cupón. Como puedes ver, el Descuento
se aplicó con éxito, y este es el descuento, y como puedes ver, es 170 y todo funciona. Entonces así es como
puedes agregar cupones. Entonces ahora podemos cerrar éste, y esto es todo para esta lección. Ahora ya sabes cómo
crear Cupones
28. Resumen de la Sección 3: Fantástico. Acabas de terminar la parte de
WooCommerce. Entonces ahora ya sabes cómo usar
un complemento WooCommerce. Papá es responsable de agregar la funcionalidad de
comercio electrónico a
su sitio web de WordPress. Así que básicamente ahora
sabes cómo crear un sitio web de comercio electrónico
instalando WooCommerce plug-in. Entonces ahora ya sabes cómo
agregar productos, cómo funciona WooCommerce, cuáles son los ajustes más
importantes y todas esas cosas. Entonces esta es una
parte muy importante en la creación tu tienda en línea
usando WooCommerce. Tan gran trabajo en el de papá. Y en la siguiente sección
vamos a empezar a enfocarnos en los colores en la
parte de diseño de tu sitio web. Y si, eso es genial. Ahora, ya sabes cómo funciona
WooCommerce, ya
sabes cómo funciona WordPress. Y ya sabes, claro, ¿qué es el Web Hosting,
qué es el nombre de dominio? Y quizá antes de
comenzar este curso, no
sabías nada, pero ahora sabes
bastantes cosas. Así que enhorabuena por la deuda
29. (4.0) Empezando con la personalización: Bien, en esta sección
vamos a
hablar de la personalización
de tu sitio web Entonces antes de saltar a
Instalando nuestro famoso por supuesto, en este curso, vas a tener dos opciones para
crear tu sitio web. Entonces vamos a tener una
opción con un tema gratuito, y vas a tener
una opción para crear tu sitio web con
un tema premium. Entonces lo vas a
ver tú mismo, cómo esas dos opciones son diferentes porque con un tema
premium, claro, vas a tener muchas
más opciones de personalización, pero con un tema gratuito, también
puedes esperar
buenos resultados. Pero claro que no es nada
comparado con una opción premium. Lo mejor es que la opción
premium solo te va a costar una
tarifa única y eso es todo. No hay cuotas mensuales
ocultas
ni nada por el estilo.
Entonces eso es realmente genial. Mirando desde esta
perspectiva y al hablar de
todo el asunto de la personalización. En esta sección, nos vamos
a centrar en asegurarnos que tu sitio web
se vea bien y se
vea profesional, aunque tal vez no
tengas ninguna experiencia en configuración de tus sitios web,
en la creación de ellos. Pero en esta sección nos
vamos a centrar en que se
vean bien sin
sudar demasiado. Entonces, si esa es la forma
correcta de expresarnos, entonces no vamos a enfocarnos en las cosas que
no necesitamos usar, que va a enfocarnos en las cosas que realmente importantes. Entonces como elegir colores. Entonces este es
sumamente importante porque he visto
muchos sitios web que usan colores aleatorios y no
se ven bien, y no se
ven profesionales. Entonces, si eres un sitio web no
va a parecer profesional, no va a parecer confiable, entonces puedes esperar que
vas a perder
bastantes clientes. Solo imagina si eres un visitante aterriza a nuestro sitio web
que se ve horrible, no a juego con colores
y nada. Ese sitio web simplemente
grita de inmediato que no
es confiable, no
se ve bien Y muchos casos, esa es una gran
razón por la que los clientes no convierten porque no
ven un sitio web confiable. La primera impresión es mala. Entonces en esta sección
vamos a asegurarnos de que nos
enfoquemos en esta buena primera
impresión para nuestros visitantes. Y claro, te
voy a mostrar algunos lugares donde consigo Fotos de
Stock y donde puedes
conseguirlas tú mismo también. Y voy a compartir
contigo opciones gratis y voy a compartir una
opción de pago que ellos usan yo mismo. Y vas a necesitar
Stock Photos en cualquier caso, sin importar qué tipo
de sitio web estés creando porque
quieres lucir profesional. Entonces, si vas a
usar Fotos aleatorias, no
va a
ser profesional. Tienes que usar Fotos de Stock. Y claro que voy a
mostrarte esos dos temas. Lo verás tú mismo. Day Look, te voy a dar una
introducción rápida a cada Tema. Y básicamente voy a
mostrarte la estructura del sitio web. Entonces, qué tipo de estructura
deberías tener. Y va a ser tu decisión
cómo quieres hacer esto. Pero voy a compartir mi plano igual que todas las demás lecciones Y va a ser
tu decisión si quieres usar este plano para La
estructura de tu sitio web Entonces básicamente eso es
que esta va a ser una sección corta. No vamos a
tener muchas lecciones,
pero debería darte
una mejor comprensión de lo que lo hace que tu sitio web
se vea profesional
30. (4.1) elige paletas de colores y estilo: Bien, en esta lección te
voy a mostrar cómo
elegir colores a juego
para tu sitio web Entonces es bastante sencillo. Realmente no necesitas
saber nada sobre unas paletas de colores coincidentes
ni nada por el estilo Hay herramientas que son herramientas
gratuitas que
pueden hacerlo por ti. Pero te recomiendo mucho que
hagas eso porque si no
vas a tener unas paletas de colores coincidentes
son paletas de colores guapas,
entonces claro, tu sitio web no va a Así que bien, lo
que tenemos aquí mismo, así como pueden ver aquí mismo, tengo mi logo Conseguí este logo de uno de los sitios web o
comprarlo yo mismo. Y depende de ti si
quieres, BiologOS,
si quieres crearlos tú mismo como a veces me gusta
ahorrarme algo Me gusta comprarlos en vez
de graduarlos yo mismo. En el pasado, solían
hacer eso, Pero de nuevo, hoy en día, lleva mucho tiempo
y el tiempo es dinero Bien, así que conseguí
este logo para mí, y como pueden ver, tengo los colores aquí mismo
en el lado derecho Entonces este es el color marrón. Este es el color marrón
y tengo color eléctrico. Entonces este es el color
eléctrico y ajustar extrajo los
códigos, los códigos de color. Por supuesto, tienes múltiples
opciones para hacer eso. Puedes usar Photoshop, puedes usar pintura o
cualquier otro programa para extraer colores
del logo o una imagen. Entonces este depende
completamente de ti. Ahora una nota que esos colores, y probablemente voy
a usar esos colores como mis colores principales porque
esos colores en mis logotipos. Entonces probablemente voy a usar este color para
algunos de los textos, tal vez este color para algunas
secciones o algo así. Pero sí necesito algunos colores más. Entonces porque dos colores no son suficientes y cuando estás
creando un sitio web, por lo general
me gusta recomendar usar
hasta cuatro colores, no más que eso, porque si
vas a usar
demasiados colores en tu sitio web, por
supuesto tu sitio web N
va a lucir profesional. Entonces, cómo averiguar qué colores coincidirían con
esos dos colores de aquí mismo, los que son
marrones y eléctricos. Esta es la herramienta que utilizo. Entonces esa es la herramienta
que me gusta usar. Y llevo bastante tiempo usando esta
herramienta, y es una herramienta gratuita y puedes generar
paletas de colores usando esta Y esos paneles van a coincidir y te
vas a quedar genial. Bien, así que quieres
ir aquí mismo y elegir generador de paleta Y todo lo que quieres hacer es agregar tus
colores aquí mismo. Si aún no tienes
ningún color, puedes elegir
aquí mismo desde el recogedor Simplemente elige el
color que quieres usar y simplemente bloquea ese color. Y como dije, deberías
tener hasta cuatro colores, no más que eso. Yo suelo ir con tres colores. En algunos casos utilizo cuatro colores, pero en la mayoría de
los casos hago esto solo por botones extra separados
para agregar un color extra. Pero otra vez, depende de ti. 3-4 colores. Está completamente bien. Entonces ahora podemos quitar un color porque
no vamos a necesitar eso. Y como hemos
bloqueado este color, ahora puedes hacer click en el botón de espacio. Y así,
generarás colores
coincidentes con
éste, ¿verdad? Si vas a golpear en
otro momento, bien, acabas de encontrar un color
que quieres usar Crees que este color va a
coincidir bien con este. A lo mejor vas a usar
este en tu logo. A lo mejor vas a usar esto para botones en tu sitio web. Entonces ahora quieres
bloquear este color, y ahora si golpearas el
espacio una vez más, obtendrías otros dos colores a
juego para dosificar
dos colores aquí mismo. Y solo sigue golpeando
el espacio tantas veces como
quieras hasta que encuentres los colores que quieres
usar en tu sitio web. Y una vez que hayamos
encontrado esos colores, simplemente
puedes copiar
esos códigos aquí mismo, pegarlos en tu
bloc de notas o en cualquier otro lugar Si te resulta más conveniente,
puedes pegarlo en
tu Google Docs
o en cualquier otro archivo de documento y simplemente anotar que este es el color y hacer lo
mismo en todos los colores. Y más adelante cuando vayamos
a personalizar nuestro sitio web, podremos usar
esos colores para hacer que
nuestro sitio web tenga colores
coincidentes para que se vea profesional y
básicamente atractivo. Bien, así es
como se puede hacer eso. Y así como
te mostré anteriormente, tenía el código de mis colores. Entonces este fue uno de los
códigos para el color marrón. Y puedes pegar el código si
quieres hacerlo de esta manera. Entonces como pueden ver, acabo de
pegar este código y
voy a hacer lo mismo
donde Color eléctrico Y así, hecho conseguí esos dos
colores aquí mismo
usando esos dos colores principales se generan otros dos colores. Y ahora voy a usar esos
colores en la creación de mi sitio web. Bien, así que como te
dije antes, solo regresa y pega el código aquí
mismo y
asegúrate de que esté bloqueado Otra vez. Si vas a golpear el espacio, vas a
generar más colores,
más colores coincidentes para
dosificar dos colores aquí mismo. Entonces sí, básicamente eso
es todo para esta lección. Ahora ya sabes
elegir colores a juego. Y si necesitas
una inspiración, siempre
puedes hacer búsquedas en Google,
buscar paletas de colores,
simplemente escribe paletas de colores Digamos que podrías escribir paletas de colores rojo, marrón o cualquier cosa el
estilo solo para
buscar inspiración Pero si ya tienes
algún tipo de idea, cómo quieres que
tu sitio web se vea qué colores
podrías querer usar. Esta es la herramienta que puedes usar
para generar colores coincidentes. Y no lo olvides, no
uses demasiados colores. En la mayoría de los casos, tres
colores, más que suficientes. Nan cuatro colores podría ser
un poco más de lo que necesitas, pero aún así está bien. Y claro, no vayas con colores
extremadamente brillantes ni con cualquier otro tipo de rotulador de colores. Entonces, por ejemplo, no vayas con
ese tipo de colores
en tu sitio web. Simplemente no va
a quedar bien. No quieres hacer eso. Quieres que tu sitio web sea lo más
agradable posible. Así que trata de evitar estos colores de coloración extremadamente
brillantes. Muy bien, entonces esto es
para esta lección ahora, ya sabes cómo generar
colores y cómo
hacer que tu sitio web se vea
más profesional Más adelante, vamos
a usar eso cuando
vamos a estar Personalizando
nuestro sitio web
31. (4.2) dónde buscar fotos de Stock: Bien, entonces en esta lección, solo
voy a
mostrarte los lugares,
los sitios web donde puedes
obtener imágenes de archivo gratis Y va a ser
útil para ti, no solo para crear
este sitio web, sino para los proyectos futuros. Porque es importante
tener unas fotos bonitas, no solo para tus productos, sino digamos que si
vas a decidir que quieres agregar entradas de blog,
tu sitio web,
Siempre es bueno
tener unas bonitas
imágenes destacadas para las publicaciones tu sitio web,
Siempre es bueno de blog Y claro, también es importante cuando vas
a crear tu página de inicio. Digamos que
vas a querer agregar una imagen de héroe en tu sitio web. Por lo que la imagen de héroe es la
imagen más importante en tu sitio web. Básicamente esta es
la primera imagen, lo primero que
va a ver tu WR una vez que
aterricen en tu sitio web Por lo que es importante saber dónde conseguir las
imágenes de archivo. No puedes simplemente usar Google para buscar imágenes
porque vas a tener derechos de autor y no
quieres que eso te suceda Quieres usar
imágenes de stock gratuitas en lugar de eso. Bien, así que el primer
lugar donde consigo mis Fotos de Archivo es este Así es como se
llama unsplash.com. Hay un montón de diversas imágenes disponibles para
diversos fines y no
tienes dudas de que
podrás encontrar algunas fotos de stock geniales
para tu sitio web, para cualquier sitio web, no solo
para este, pero sí, te recomiendo
encarecidamente que
uses Unsplash porque hay un montón de fotos de
stock gratis disponibles La segunda opción que uso bastante es
esta, Pixabay También tiene muchas fotos de stock
gratis y te recomiendo encarecidamente
que revises esta. Yo también uso este bastante
a menudo. Y el último
que uso yo mismo, llevo bastante
tiempo usando este Y este es
realmente bueno porque puedes encontrar incluso
logotipos aquí mismo. Entonces, si vas a
buscar inspiraciones de logotipos, ¿
vas a buscar inspiración de paleta de
colores
o algo así Puedes usar este
pig.com gratis. Te recomiendo encarecidamente
que revises este. Tiene una versión gratuita
y una versión de pago. Con una versión gratuita,
podrás encontrar
las tres Fotos de Stock. Y con una
versión paga va a rondar los 15 dólares mensuales. Puedes obtener un plan
para un mes y
puedes descargar tantas fotos
como necesites para tu proyecto. $15 por todas las
fotos que necesitas es que son baratas comparadas con otras Foto de stock de lugares
donde puedes comprarlas. Por lo general, puedes pagar hasta $15 por una sola
foto, por una foto. Así que $15 por un mes para descargar tantas
fotos como quieras. Es un buen trato.
Entonces solo quería compartir esta
que tú también. Por supuesto, es un poco limitado en comparación con algunos
otros grandes jugadores como Shutterstock o
imágenes de Adobe o algo Pero sigue siendo bueno
y solo costó 15 dólares. Entonces, si quieres que tus representantes tengan un
aspecto aún más profesional, es posible que quieras probar
algunas opciones pagas para,
digamos, digamos, Entonces esto es lo que me
gusta usar yo mismo. Y también puedes usar este
para descargar logotipos. Entonces sí, esa es una gran
ventaja de pig.com gratis y te
recomiendo encarecidamente que
revises esos sitios web gratuitos. Y creo que
podrás
encontrar lo que buscas. Entonces esto es lo que este video, ahora, ya sabes dónde
encontrar Stock Photos, dónde
buscarlos y no
uses Google solo para descargar imágenes de Google porque vas a obtener autor y
no quieres que te comprometan porque simplemente
no es bueno para tu
32. (4.3) elige tu tema: En este curso,
vas a tener dos opciones para
crear tu sitio web. Entonces, como te mencioné antes, vas a tener
la opción de usar un tema gratuito que se
llama Astra Theme. Y vas a
tener una opción premium para usar un tema que
se llama Flatsome Yo mismo, me gusta
usar una opción premium. Tengo tres sitios web
ejecutándose usando este tema. Y me gusta un poco esta película porque es
altamente personalizable Se carga rápido, y tiene una comunidad enorme donde
puedes hacer cualquier duda que quieras. Cuenta con un grupo de Facebook. Creo que es una
gran elección. Pero como dije, es importante
para mí mostrarte dos opciones en
función de tu presupuesto y
mostrarte cuáles son
las posibilidades. En este video, sólo
voy a mostrarte cuáles son las posibilidades
de Astra Theme. Entonces ahora mismo voy a abrir nuestro sitio web que fue
creado usando Astra Theme. Entonces básicamente esta es
la Tienda de Ecommerce que está usando un Tema Astra. Este es un
sitio web de WordPress y como puedes ver cómo se ve, se ve bastante bien.
Se ve profesional. Y si me gustaría dar clic
aquí mismo sobre este producto, aquí
mismo, como pueden ver, así es como se ve la página
del producto. No es nada demasiado elegante,
nada demasiado grande. Y una vez que hagas
clic en otro producto, te verás a ti mismo
que es lo mismo. Aquí mismo podemos elegir
la cantidad de un artículo. Y si me gustaría
hacer clic en Agregar al carrito, puedo hacer clic
aquí mismo ver tarjeta. Es bastante simple buscando
Theme y como puedes ver, no
es demasiado elegante ni
nada extraordinario. Es simple, es minimalista
y se ve bien. Entonces, en realidad, cuando lo
piensas, ¿qué más necesitas? Por lo que aquí podrás
aplicar un código de cupón. Parece bastante simple. Y si me gustaría hacer clic
aquí mismo, proceder a la compra. Como puedes ver, así es como se ve
la página de pago. Por supuesto, podremos hacer alguna personalización a esta página. No demasiado, pero
podremos hacer algunos cambios. Bien, entonces así
es como se ve, así es como se ve la página de pago Y si yo iría a
categoría de abarrotes aquí mismo, como pueden ver, así es como se ve
la página de categoría. Se ve bastante bien. No puedo discutir con eso porque, todo
se ve bien. Este es el pie de página de nuestro
sitio web y tiene sentido. Se ve profesional, excepto estos colores de
aquí mismo podrían ser blancos, pero supongo que es
algún tipo de tema, pero no se preocupe por eso. Entonces tenemos
íconos de redes sociales aquí mismo, y sobre todo,
la Página de inicio se ve
absolutamente hermosa. Que tengas una bonita página de inicio. Y esta página de inicio fue creada usando otra deuda Plugin
es el complemento Elementor Es para construir páginas. Entonces es exactamente por eso que este
ligando era usuario aquí mismo. Se utilizó para crear esta página. Entonces, usando este plugin, te
mostraré en
la lección posterior cuando te mostraré cómo
trabajar con este tema de Astra, cómo usar Elementor Bien, entonces se ve bastante
bien y es un
diseño bastante simple, de aspecto
minimalista, pero se ve bien Bien, y si
iría a nuestro Flatsome Theme, esa es una opción premium Y luego sección posterior, después de la sección Astra Theme, voy a
mostrarte cómo crear tu sitio web usando este tema. Bien, así como pueden
ver, así es como se ve. Este es un sitio web de
aspecto diferente. Es un poco más interactivo. Como se puede ver. Tiene esta revisión rápida
y se ve un poco mejor y es como una tienda completamente de
aspecto eCommerce. Entonces, si me gustaría hacer clic en una página de
producto aquí mismo, en realidad es una categoría. Entonces esta es la categoría, así va a quedar
la
categoría y se ve más limpia, un poco más minimalista,
supongo que se podría decir Y si hiciera clic en el
producto, como pueden ver, tenemos una página de producto de
aspecto completamente diferente. Y lo bueno es que
podremos personalizar esta página de producto y podemos hacer que se vea un poco diferente. Pero si iría aquí mismo, si volvería
a nuestro Astra Theme, y daría click
aquí mismo sobre este producto. Básicamente con esta
página del producto, estamos limitados. No vamos a poder
hacer demasiados ajustes. Entonces, si este look es bueno para ti, si no tienes más dinero
para invertir en tu sitio web, entonces por supuesto puedes
elegir la opción Astra. Pero si volviera como pueden
ver, se ve diferente. Y si hago clic en Agregar al carrito, como pueden ver, tenemos un sitio web un poco
más interactivo. Y si hago clic en Ver carrito, el carrito se ve diferente. Entonces esta es la diferencia
con este tema. Y eso es
básicamente en este tema que acabo de mostrarte. Yo solo voy a volver
es más personalizable. Vas a tener muchas más opciones de
personalización
porque por supuesto, es un tema premium. Entonces, comparado con este, serás limitado. Podrás hacer
ajustes en tu página de inicio, podrás crear
tu propia página de inicio única. Podrás hacer
ajustes a tu encabezado para
agregar tus páginas
Categorías y así sucesivamente. Por supuesto, podrás trabajar en el pie de página aquí mismo. Y si va a ser suficiente
para ti, está bien. Sigue siendo una tienda de eCommerce
guapísima. Pero con esta opción Flatsome, vas a tener muchas
más opciones de personalización Entonces, depende de ti qué
opción quieres usar. Pero te recomiendo encarecidamente
que vayas por ambas opciones. Estoy hablando de las
secciones del discurso donde te
mostraré cómo configurar tu sitio web usando Astra Theme. Y donde te voy a mostrar como configurar tu sitio web usando Flatsome Theme y lo verás
tú mismo Cuán diferentes esos dos temas compararon a Astra con Flatsome, verás que
Flatsome va a
tener muchas más
opciones de personalización Entonces esto es todo para este video. Y ojalá ahora te va
a ser más fácil decidir qué equipo
quieres usar
33. (4.4) la estructura de tu sitio web: Bien, entonces antes de pasar
a la siguiente sección
de este curso, solo
quería hablar de
la estructura de un sitio web Si vas a conocer la
estructura del sitio web en las próximas lecciones
va a ser mucho más fácil para ti trabajar en tu
sitio web porque tienes que
entender la
estructura básica del sitio web. Bien, así que comencemos
con lo primero que tiene
cada sitio web y su sitio web también lo tendrá Acabo de abrir un nuevo sitio web
que se gestionan. Y comencemos con lo primero que tienen
todos los sitios web. Lo primero que tienen todos los
sitios web es Header. Entonces este es el encabezado
de su sitio web. Este va a ser el encabezado. Así que no importa qué tipo de
sitio web vas a crear, sin importar qué tipo de proyecto
vas a iniciar. Cada sitio web tiene el encabezado. En el encabezado, suele
incluir cosas como
un cártel como opción de inicio de sesión y registro
para sus clientes. Y claro que
incluyes tus categorías. Entonces, va a ser que tú decidas qué
quieres incluir en tu encabezado además de esas
cosas como categorías,
como la barra de búsqueda y
todas esas cosas. Y así es básicamente
como se ve. Así es básicamente como se ve
uno de mis sitios web. Y como pueden ver, también
incluyó bloguear, esta Heather. Así que va a ser de ti. Si quieres empezar a
escribir entradas de blog, te
mostraré cómo puedes
incluir este blog también. Este es el encabezado y en
HTML se va a llamar cabeza. Por supuesto, realmente no
necesitas saber nada sobre el
aspecto de codificación del encabezado, pero se llama cabeza. Por lo que es el jefe
de su sitio web. Este encabezado va a
estar en cada página, sin importar a dónde vayas, también
vas a tener el
mismo encabezado, va a ser un encabezado pegajoso. Como pueden ver, no
importa si me desplace, todavía
se queda aquí mismo. Esta cabeza va a estar en cada página sin
importar a dónde vayas. Entonces este es el jefe
de tu sitio web. Lo siguiente que tenemos cuerpo, así que esta es la parte inferior
de tu sitio web. Lo que hay debajo del
encabezado se llama bar, bien, así que este es el
cuerpo de tu sitio web Entonces cada página, cada producto o blog va a tener
una formación diferente. En etapas posteriores, nos vamos a centrar en el aspecto malo de un poco más cuando lleguemos a trabajar en la página de inicio de nuestros sitios web. Entonces el Homepage va a ser la portada
de tu sitio web, básicamente donde la gente aterrice
una vez que visite tu sitio web, va a ser el escaparate
de tu sitio web Entonces este es el cuerpo de aquí mismo. Entonces, lo que hay debajo del
encabezado es tu cuerpo. Entonces es similar a la estructura del cuerpo
humano. Has tenido, tienes cuerpo. ¿Cuál es el siguiente?
Por supuesto que tienes pies. Tan similar a eso. Este es el pie
de página de su sitio web. Entonces este es el pie de página. El pie de página también permanece igual en
cada página, al
igual que el encabezado, excepto que no se pega como
puedes verlo tú mismo. En un pie de página, generalmente
incluyes información que va a ser
importante para tu cliente. Entonces como puedes ver aquí mismo, tenemos alguna información sobre la política de privacidad del sitio web
devoluciones y reembolsos, envío y
entrega, y así sucesivamente. También puedes incluir cosas
como tus íconos de redes sociales. Y claro, puedes incluir aún más información como último post si
vas a escribir entradas de blog, nuevamente, esta va a
estar completamente en tu decisión. Tendrás la oportunidad explorar todo tú mismo, probar y ver qué
funciona mejor para ti. Pero como dije en este curso, voy a compartir mi
plano que funciona, que funciona para mí, que
funciona para mis clientes Y va a ser
tu decisión qué tipo de
Pie de Página quieres construir va a ser también depende ti qué tipo de Encabezado
quieres construir. Bien, entonces este sitio web fue creado usando Flatsome Theme Entonces como pueden ver,
así es como se ve. Y si iba a ir a
este sitio web aquí mismo, fue creado usando
un Tema Astra. Así que no importa qué
FIM estés usando, no importa cuál sea un tipo de
sitio web que estés construyendo, vas a tener
la misma estructura Por supuesto que podría
verse un poco diferente. Pero como puedes ver aquí
mismo en la parte superior, tenemos los encabezados. Entonces este es el encabezado. Tenemos un logo, tenemos alguna
información aquí mismo. Como puedes ver aquí
mismo, tenemos una página de tienda, pero Categorías. Así que de nuevo, va a
ser de ti qué tipo de Header quieres tener, qué cosas quieres incluir. Pero en este caso,
como puedes ver, este encabezado es un poco
diferente porque esta tienda de eCommerce es
mucho más pequeña que esa. Entonces no tiene
demasiados productos, no tiene
demasiadas categorías. Entonces así es como se ve. Aquí mismo tenemos sobre nosotros página
Contáctenos página mi cuenta página, y un carrito de compras.
Así es como se ve. Entonces este es el encabezado y
nuevamente, este es el cuerpo. Como puedes ver, este
encabezado no se pega. Y este es el cuerpo como con el
sitio web anterior que te mostré. Y si me desplazara hacia abajo, también
tiene un Pie de Página. Entonces básicamente así
es como se ve. Y si
buscas inspiración, cómo quieres que
tu Footer se vea. Puedes consultar algunos
sitios web que te gusten, y puedes intentar replicar
la misma estructura Entonces otra vez, va
a ser de ti. Bien, entonces ahora estás familiarizado con toda la
estructura del sitio web Y a partir de aquí vamos a
empezar a construir nuestro sitio web. Entonces aquí es donde nuestro sitio web va a empezar a tomar su forma. Bien, entonces esto
es todo para esta lección. Ojalá ahora entiendas
la estructura del sitio web
34. Resumen de la Sección 4: Gran trabajo. Ahora ya sabes lo que se necesita para crear un sitio web de aspecto
profesional. Por lo general, menos es cada vez
menos se ve mejor. Entonces ahora lo sabes todo, sabes cómo combinar colores, dónde buscar fotos de stock. Y eso es muy importante. Veo a mucha gente que
comete los mismos errores. Eligen colores no coincidentes. No usan fotos de archivo. Mucha gente solo busca
imágenes en Google, y tratan de usarlas. No hagas eso porque
podrías tener derechos de autor y no
quieres que esto te suceda a Usa fotos de stock, usa
las herramientas que te mostré, y definitivamente
podrás crear una web de aspecto
profesional
Así que a pesar de que a lo mejor
vas a terminar esta sección, y vas a seguir adelante
en otras secciones, te
recomiendo encarecidamente que vuelvas a esta sección y solo
mires a través de ella, trata de entender
todo mejor. A lo mejor no te gustará
cómo se ve tu sitio web. Aquí es donde
pasarás por las viejas herramientas que acabo de mostrarte,
y esto te ayudará a crear un sitio web de
aspecto profesional, y un sitio web de
aspecto profesional, un sitio web guapo
es muy importante para las tiendas de comercio
electrónico porque puedes esperar una mayor tasa de
conversión, y es muy importante porque si vas a tener
una conversión más alta, puedes esperar más ventas. Imagina si vas a
tener una tasa de conversión del 2% o solo tendrías una tasa de conversión
del 0.5%. Entonces esa es una gran diferencia. Así que tener un sitio web de
aspecto profesional es algo enorme porque puedes esperar mayores tasas de conversión, puedes esperar más ventas. Y por supuesto, eso es sumamente importante cuando estás
creando tu tienda online. Tan gran trabajo en eso. Y en la siguiente sección, vamos a profundizar en dar looks a nuestro sitio web. Entonces aquí es donde vas
a tener la primera opción, la opción gratuita para
crear tu sitio web, usando herramientas gratuitas, y
en la sección posterior, vamos a usar
un premium ellos. Entonces con las herramientas premium, y lo verás tú mismo cómo esas dos opciones
son diferentes, y podrás
usar los conocimientos que acabas de aprender en
ambas secciones. Eso es todo por ahora, gran trabajo.
35. (5.0) Empezando con el tema de Astra: Bien, entonces en esta sección, vegano a configurar nuestra página web Vamos a
crear el sitio web. Básicamente vamos a diseñar nuestro sitio web y
va a tomar la forma final con la
ayuda de Astra Theme. Entonces este es el tema
que se llama Astra. Y probablemente recuerdes cuando estaba hablando de Temas, es posible que
hayas visto este Tema. Entonces este es un tema muy popular y es popular por una razón porque tenemos
la versión gratuita, puedes crear sitios web bastante
guapos Entonces puede ser una tienda de
comercio electrónico, un blog o simplemente un sitio web comercial regular para representar su
marca o negocio. Entonces este FIM es bastante versátil
y se ve bastante bien. Entonces vamos a
usar este Tema. Vamos a utilizar la versión
gratuita de esta viga. Y en esta sección, te
mostraré cómo
instalar este tema, cómo instalar un
Starter Templates. Entonces, básicamente, la
plantilla de inicio va a ser la plantilla que
va a ayudar a darle una estructura a nuestro sitio web. Entonces va a ser una plantilla, básicamente un Contenido Demo que va a
parecer un sitio web completo. Pero lo que vamos a necesitar hacer es que vamos
a necesitar editar este contenido. Y luego la siguiente
sección cuando
vamos a trabajar con
un tema premium, no
vamos a usar ninguna
plantilla porque con este tema
premium va a ser un poco más fácil comenzar
sin ninguna estructura, pero eso es lo que vamos
a hacer con este tema de Astra. Bien, antes de instalar este tema y plantillas de
inicio, echemos un vistazo a las
plantillas en sí Entonces quieres ir
a este sitio web aquí
mismo, WEP astra.com Y si iría a
Starter Templates, podría revisar todas las plantillas que este
tema tiene para ofrecer. Entonces, como puedes ver, tenemos plantillas
gratuitas y
tenemos Plantillas premium. Entonces esos son para la versión
premium, para una versión pro de
este Tema Astra. Y por cierto, si
vas a decidir comprar
una versión pro, vas
a tener que pagar cada año. Entonces no es que vayas a comprar este Freemans
va a ser tuyo Y no como con el
siguiente tema que te
voy a mostrar para
construir tu sitio web cuando. Entonces esto es temprano,
pero con una opción gratuita, todavía
vamos a
tener buenos resultados, excepto que no vamos a tener tantas
opciones de personalización. ¿Bien? Entonces esos, que Plantillas
es se puede ver que tenemos más de 240 Plantillas. Y si iría
a esta sección, eCommerce, puedo seleccionar eso. Quiero consultar todas las Plantillas de
eCommerce. Entonces como pueden ver,
así es como se ve. Entonces, si haría clic
en esta plantilla, podemos hacer clic en vista previa en vivo. Entonces esto es lo que puedes
esperar tener usando este Tema. Entonces como puedes ver,
esos son los productos. Si me gustaría hacer clic en un producto, así es como va a quedar la
página del producto. Se ve bastante bien. Yo
no iba a mentir. Se ve bastante bien a
pesar de que es un tema gratuito. Pero sí, como dije, este tema es popular
por una razón. Así que solo mira a tu alrededor todas
las opciones aquí mismo. Consulta las opciones gratuitas. Si quieres, puedes
consultar opciones premium, comparar esas opciones
con opciones gratuitas. Y te recomiendo encarecidamente que decidas qué Tema te
gustaría usar. Porque en las próximas
lecciones nos vamos a centrar en Editar esta plantilla. Entonces básicamente
vamos a reemplazar la información que hay en esta plantilla con
nuestra información básicamente eso es
todo lo que vamos a hacer. Vamos a editar esta
plantilla, mirar alrededor, tratar de decidir qué plantilla
quieres usar, entenderla. Podría ser diferente de la plantilla que
voy a elegir, pero en realidad
toda la parte de edición va a ser la misma. Entonces todo
va a ser igual sin importar qué tipo de
plantilla elijas, excepto que la plantilla diferente tiene diferente información en ella. Puede ser diferente estructura, puede ser diferente diseño, pero nada más es
diferente cuando estamos buscando en el
aspecto de edición de esta plantilla. Entonces solo mira a tu alrededor, mira qué plantilla te
gustaría usar y básicamente solo decidí que esta es la plantilla que quieres usar, pero también puedes seguir toda
la parte de edición, pero la plantilla
voy a elegir. Bien, así que esto
es todo para esta lección, te
di una
introducción rápida a Astra Theme
36. (5.1) Instalación de los temas de Astra y plantillas de inicio: En este video, vamos a instalar Astra Theme y vamos a instalar un Starter Templates. Bien, así que
comencemos a hacer esto. Podemos cerrar esta
pestaña aquí mismo, y vamos a nuestro sitio web. Entonces queremos ir al tablero
de nuestro sitio web de
WordPress, y queremos ir a Apariencia. Seleccionemos Temas. Bien, así que queremos
dar clic aquí mismo, tenía nuevo Tema y ni
siquiera vamos a necesitar usar búsqueda porque esta es
la hembra queremos instalar Así que hagamos clic en Instalar y hagamos clic en
Activar ahora, ¿verdad? Entonces el tema Astra está activo, y ahora podemos visitar nuestro sitio web y veamos cómo se ve
nuestro sitio web. Bien, como puedes
ver, no se ve nada bien y es
porque no hemos instalado
una plantilla en nuestros sitios web Entonces Astra Theme
sin plantilla, simplemente
se ve ridículamente
horrible porque necesitarás editar todo tú mismo
desde abajo Pero con Starter Templates, todo
el proceso de edición y creación de tu
sitio web es mucho más rápido, por lo que queremos instalar
Starter Templates. Así que vamos al tablero y
las plantillas de inicio
es un plugin. Agrega una nueva funcionalidad a
tu sitio web. Así que vamos a Plugins
y hagamos clic en Agregar Nuevo. Bien, ahora queremos
buscar Plantillas Starter. Así que solo escribe Starter Templates, y este es el plugin que
queremos instalar. Así que hagamos clic en Instalar
y hagamos clic en activar. Bien, así que instalamos
con éxito nuestro Plugin Starter Templates, y ahora tenemos que
elegir una plantilla Así que vamos a dar clic
aquí mismo Biblioteca C. Hagamos clic en construir su sitio web ahora y elijamos un complemento de creador de
páginas. Básicamente un
plugin de creador de páginas te permite crear unas páginas bastante guapas sin necesidad,
por supuesto, de codificar, sin necesidad de editar
todo a nuestro complicado, porque somos el plugin
como elemental, solo
tienes que arrastrar y soltar varios elementos a tu página. Y así es como
creas tus páginas, tu página de inicio o
cualquier otra página. Así que escojamos Elementor ya que es el más popular Y ahora tu objetivo es
elegir una plantilla de inicio. Entonces, como te dije antes, depende de ti qué
Plantillas quieres usar. Pero en este
caso en particular y en este curso, voy a usar esta
plantilla porque siento que va a ser las
plantillas más fáciles de editar para mí. Y no voy a necesitar
hacer demasiados cambios. Así que sólo voy a dar
click aquí mismo. Si tienes tu logo, puedes agregarlo aquí mismo. Solo recuerda que esas
son dimensiones recomendadas. Pero en lección posterior, voy a mostrar cómo
puedes subir tu logo sin necesidad de agregarlo aquí
mismo si aún
no tienes uno. Bien, así que hagamos clic
aquí mismo, omita y continúe. Entonces ahora tu objetivo es
elegir tu paleta de colores. Porque si lo
vas a elegir ahora mismo en las próximas lecciones, vas a tener
menos edición que hacer, menos personalización que
hacer en tu sitio web. Así que solo elige tu paleta
de colores. Supongo que voy a
ir con esta. Siento que esta se adapta mejor a mi marca y
elige tus fuentes. Entonces esas van a
ser las principales fuentes de texto. Como pueden ver, si
voy a elegir esta. Tenemos los cambios
aquí mismo y realmente sentimos que esta fuente se ve
mejor y voy a guardarla a esta fuente aquí mismo. Por supuesto que depende de ti qué tipo de deseos
quieres usar. Vamos a hacer clic en Continuar. Aquí. No es necesario agregar nada. Podemos hacer clic
aquí mismo y esperar un minuto hasta que su
sitio web esté listo. Y una vez hecho eso,
vamos a comprobar cómo se ve. Bien, fantástico. Nuestro sitio web está listo. Y ahora podemos dar click
aquí mismo, ver nuestro sitio web. Bien, ya que abrimos
nuestro sitio web en una nueva pestaña, podemos cerrar esta pestaña anterior Y como pueden ver, así
es como se ve nuestro sitio web. Se ve bastante bien, ¿no? Por supuesto, vas
a necesitar cambiar todo
este Contenido Demo, pero ahora tienes un sitio web en pleno
funcionamiento, para ser honesto, claro que aún
no tiene tus productos. Pero como puedes ver, tienes un
sitio web de aspecto profesional y solo
estás pagando $8
mensuales por este sitio web más adelante, claro que va a
causar $10 Pero claro que es mucho
más barato que ejecutar tu sitio web en Shopify o usar
casi cualquier otra opción Entonces como pueden ver,
así es como se ve. Y si íbamos a
nuestro carrito de compras, verás que tenemos
nuestro producto anterior que
agregamos a nuestro carrito de compras
y a la lección anterior. Entonces, si haría clic
en este producto aquí
mismo, como pueden ver, la página del producto
se ve completamente diferente en comparación con la versión
anterior que teníamos. Y todo se ve
mucho mejor de
lo que solía verse con
un tema predeterminado. Y así es como se ve. Y más adelante vamos a hacer más cambios para hacer que
este sitio web
represente a nuestras marcas para que incluso
podamos revisar algunas de las
páginas cómo se ven. Entonces, si iría
a la política de cookies, como pueden ver, se
ve un poco diferente. Se ve mucho mejor que
la versión anterior. Y si
volviera a mi página de inicio, así es como se ve. Entonces enhorabuena, tienes
un sitio web en pleno funcionamiento. Por supuesto, todavía necesitamos
reemplazar alguna información. Vamos a necesitar hacer
algunas opciones de personalización. Pero como puedes ver
con un tema gratuito, con herramientas gratuitas, en realidad
puedes crear
un sitio web guapo.
37. (5.2) Trabaja con contenidos de demostración: Cuando instalamos el Astra
Theme e instalamos la plantilla
Started, también vino con mucho
Contenido Demo que no
vamos a usar en absoluto. Entonces esta
plantilla Started instaló algunos productos que en realidad
no tenemos en nuestra tienda. No estamos vendiendo
esos productos. Y esta plantilla de Iniciado
también instaló algunas páginas que
no vamos a usar en absoluto, como pueden ver, ser incluso
tener algunas páginas duplicadas. Tenemos que
arreglarlo todo aquí mismo. Tenemos que eliminar
algunas de las páginas. Tenemos que eliminar los productos
que no vamos a usar. Y creo que también
instaló algunas categorías. Bien, así que antes
de agregar nuestro contenido, tenemos
que asegurarnos de que no tenemos ninguno de los Contenidos Demo que no
vamos a usar Así que vayamos al
tablero y
veamos cómo se ve nuestro dashboard ahora. Y como puedes ver,
nuestro dashboard se ve un poco más grande con
más herramientas porque este Tema Astra y Plantillas
Starter instalan algunos plugins para
instalar este plugin. También agregó esta
herramienta aquí mismo. Entonces es herramienta para personalizar tu Tema Astra y
tenemos Plantillas Starter Bien, entonces ahora nuestro objetivo es
averiguar qué Contenido Demo no
vamos a usar Entonces comencemos con las páginas. Veamos qué páginas tenemos y realmente no necesitamos usar. Bien, entonces tenemos sobre la página. Así que esta página Acerca de fue agregada por estas Plantillas de inicio
para que podamos hacer clic en Ver y veamos
cómo
se ve esta página acerca de porque en este momento es
una página diferente acerca de. Entonces como pueden ver,
así es como se ve. Se ve mejor que la versión
anterior que teníamos, pero en realidad creamos la página Acerca de anterior solo porque necesitábamos
agregar algo de información. Yo solo quería mostrarte
cómo agregar esas páginas
que necesitas. Bien, así que en realidad
no necesitamos esta página Acerca de, pero si quieres, si te gusta
el diseño de esta página, puedes conservarla y
posteriormente podrás editarla Entonces va a ser de ti, pero de hecho voy a
mostrarte cómo puedes
hacerlo tú mismo. Si volviera, podemos comprobar cómo se ve nuestra página
anterior Acerca de. Entonces voy a abrir aquí mismo. Debería ser solo una
página simple y como puedes ver, se ve un poco mejor. El diseño se ve mejor. Si estás bien con
éste, puedes quedártelo. Pero nuevamente, te
mostraré cómo puedes trabajar en algunas otras páginas para que se vean
más atractivas. Bien, así que ahora podemos
cerrar esta pestaña y ahora realmente podemos eliminar esta página así
como puedes ver,
esta página dice Elementor, esta página dice Elementor, así que eso significa que esta página fue
creada usando Elementor, pero vamos a hablar de eso más a fondo en
la Bien, así que no
vamos a usar esta página. Podemos eliminar esta porque no
vamos a usar página de tarjeta de identificación
duplicada ya que esta plantilla instaló
esta página para nosotros, bien, podemos mantener esta página Realmente no
necesitamos eliminarlo. Podemos eliminar esta página
duplicada. Podemos eliminar esta. Podemos mantener nuestra página anterior. Mantengamos la política de cookies. Por supuesto que vamos a
mantener nuestra página de inicio y
no necesitamos la página de mi cuenta
ya que es una página duplicada. Como puedes ver, política de privacidad, vamos a quedarte con esta. Podemos eliminar este porque es un borrador de las lecciones
anteriores. Sigamos el envío
y la entrega. Eliminemos Tienda ya que tenemos nuevas páginas de tienda,
puedes ver aquí mismo. Y básicamente esas son
las páginas que no necesitamos. Así que una vez que hayas
seleccionado esas páginas, vamos a elegir mover a la papelera
y hagamos clic en Aplicar. Bien, lo siguiente que
tenemos que eliminar son los productos, ya que no vamos a usar esos productos que esta plantilla
Started agregó para nosotros. Así que vayamos a todos los productos y veamos cuántos
productos tenemos. Entonces como pueden ver, tenemos dos productos que nosotros mismos
agregamos. Tenemos bastantes productos que realmente
no necesitamos. En total. Tenemos 12 productos que se agregaron con
esta plantilla Iniciado. Y no necesitamos
esos productos, por lo que podemos seleccionar todos
esos productos. Anulemos la selección de nuestros productos
que agregamos nosotros mismos. Bien, hagámoslo. Y ahora podemos dar click
aquí mismo, Mover a la Papelera. Bien, vamos a mover
esos productos a la basura. Bien, Siguiente, vamos a asegurarnos que tenemos todas las
categorías que
creamos anteriormente
y no tenemos las categorías que se agregaron con esta plantilla Iniciado Esta es la categoría que creé, ésta también. Esa, Esa, Esta no es una
categoría que creé, así que podemos seleccionar
esta, esa. Entonces esas dos categorías se
agregaron con esta plantilla
Iniciado. Y ahora podemos dar click aquí mismo, eliminar así como así. Vamos a eliminar esas
categorías apenas un segundo. Y en realidad no necesitamos
esto y categorizado, así que también podemos eliminar
este. Bien, así que ahora tenemos todos nuestros productos y
tenemos todas las páginas que necesitamos Y echemos un vistazo ahora a cómo se ve
nuestro sitio web, solo
voy a
abrir esta en
una nueva pestaña y
veamos cómo se ve. Bien, así que ahora no tenemos
ninguna categoría aquí mismo. Aquí no tenemos nada básicamente, pero después vamos
a agregar información. Bien, así que si me
desplazaría hacia abajo, como pueden ver, no
tenemos ningún producto
más vendido
porque los eliminamos Y tampoco tenemos ningún producto de
tendencia. Veamos qué páginas tenemos. Entonces tenemos todas las páginas necesarias. Ya no tenemos duplicados, y eso es genial. Entonces esto es para esta lección. Ahora ya sabes cómo arreglar cómo
eliminar todo el Contenido Demo que venía con una plantilla
Iniciada. Y a partir de aquí
vamos a empezar a trabajar en nuestro contenido. Vamos a empezar a
agregar nuestras imágenes. Vamos a empezar a
trabajar en la Página Principal. Y aquí es básicamente donde
vamos a crear la forma final de nuestro
sitio web usando Astra Theme. Entonces eso es todo por esta lección.
38. (5.3) Introducción al creador de páginas de Elementor: Bien, así que eliminamos
todo el Contenido Demo y ahora tenemos que empezar a
trabajar en las páginas Al comenzar usted mismo, algunas de las páginas tenían
Elementor al lado de la página Así que volvamos a nuestro panel de control y hagamos
clic en las páginas aquí mismo. Seleccionemos todas las páginas. Y luego te vamos a
mostrar muy rápido. ¿Qué es eso? Entonces como recuerdas sobre la
página tenía al lado de Elementor. Entonces básicamente significa que esta página fue creada
usando Elementor Así que nuestras
Plantillas de Inicio de Plugin importaron esta página, y esta página fue
creada usando Elementor Como recuerdas cuando
estábamos creando esas páginas, solo
voy a
abrir esta en
una nueva pestaña y
vamos a esta página. Entonces, para crear esta página, utilizamos el editor de texto de WordPress. Usamos algunos de
los bloques de Gutenberg aquí
mismo de la lista Y así es como
creamos esta página. Arrastramos algunos de
los blogs aquí mismo. Y así es como básicamente
creamos esta página. Y Elementor es un tipo
diferente de editor. Entonces aquí mismo tenemos un editor de texto de
WordPress, y aquí mismo tenemos
Editar con Elementor Entonces, si hiciera clic aquí mismo, editaría esta página
usando Elementor en lugar de
usar el editor de texto de WordPress.
Así es como funciona. Muy bien, entonces voy a
cerrar esta más tarde. Vamos a editar esta página
para hacerla más atractiva. Y en este momento
como puedes ver, todas las demás páginas al
igual que la página de la tarjeta, página de
pago ahí,
solo unas páginas normales. Entonces es una página de carrito. No tiene nada. A continuación está diciendo Elementor, pero nuestra página principal
que es frontpage de nuestro sitio web fue creada
usando Entonces esto es lo que es Elementor. Es un creador de páginas que
usa elemental, puedes crear páginas mucho más
atractivas de lo que podrías crear
usando el editor de texto de WordPress. Entonces ese es el propósito
de este Plugins. Entonces ahora ya sabes lo que es un mentor y ahora deberíamos
comprobar cómo funciona. Así que volvamos
a nuestra página de inicio. Esta es la página principal
de nuestro sitio web y esta página fue
crédito usando Elementor Elementor no es el único plugin de creador de
páginas. Hay bastantes
páginas constructor plugin está disponible como
Beaver Builder, como WP panadería y otros. Pero ahora vamos a centrarnos
en Elementor. Bien, hagamos clic aquí mismo, Editar con Elementor
porque esta página fue calificada usando Y antes de que empecemos a
profundizar en este plugin, solo
quería decirte
que
te recomiendo encarecidamente que crees cada
página usando elemental. No deberías centrarte en crear cada página usando este plugin porque podría
ralentizar tu sitio web. Por supuesto, es posible
que este haya pasado, pero es mejor estar
seguro que arrepentirse. Entonces, si estás usando Elementor, solo crea tu página de
inicio sobre la página, tal vez algunas otras páginas, y va a ser
más que suficiente Bien, entonces ahora estamos editando
esta página donde Elementor. Entonces como tú mismo dijiste, cuando estábamos editando página
WordPress editor de texto, teníamos un panel diferente. Pero ahora cuando estamos
editando esta página, toda
la información
que hay en esta página a través edición de esta página usando
Elementor page builder Entonces ya no existe tal cosa como WordPress tags Builder. Bien, entonces antes de que
vayamos a editar nuestra página de inicio
en la siguiente lección, tienes que entender
cómo funciona este Plugin, cómo funciona este creador de páginas Entonces del lado izquierdo
tenemos elementos. Así que tenemos varios elementos, igual que tuvimos con nuestro editor de textos de
WordPress. Tenía blogs, pero
aquí mismo tenemos elementos. Entonces, como puedes ver, tenemos algunos elementos básicos
como encabezado, como intersección,
como editor de texto. Entonces es básicamente el párrafo. Tenemos imagen, tenemos videos, podemos incrustar videos,
botones, espaciadores. El más amplio es Google Maps, iconos. Y aquí mismo tenemos
algunos elementos pro, así que esos solo están disponibles con una versión paga de Elementor, no con la
versión paga de Astra Theme, sino con una
versión paga de Elementor Entonces esos son todos
elementos bloqueados porque vienen con una versión paga
de este complemento Elementor Y si
bajara aquí mismo, tenemos algunos otros elementos. Esos son tres elementos a utilizar. Y como puedes verlo tú mismo, tenemos bastantes elementos. Y hablando desde la experiencia
personal, definitivamente
puedo decirte que con unos
elementos gratuitos puedes crear páginas bastante
guapas son realmente buenas
páginas en realidad Y realmente no necesitas usar esos elementos de sonda
porque no va a cambiar mucho. Incluso para este plugin te está
ofreciendo una opción pro, hay una gran posibilidad de que
nunca necesites usar eso. Bien, así que aquí mismo del
lado izquierdo, tenemos varios elementos Muy bien, entonces esos son
todos los elementos. Si yo fuera aquí mismo, tendrías tus elementos
favoritos. Si me gustaría dar clic aquí mismo, elementos
globales, como pueden ver, tenemos que actualizar. Pero como dije, no necesitas una versión paga para crear
unas páginas de buen aspecto Entonces volvamos a los elementos. Si voy a dar clic aquí mismo. Como puedes ver,
tenemos algunas configuraciones, tenemos algunas configuraciones globales. Esos depende de ti
para explorar si
quieres hacer algunos
ajustes a través de Style, aquí
mismo tenemos varias
otras herramientas de navegación. Y si me diera click aquí mismo, podríamos ver nuestra página. Muy bien, volvamos. Y si voy a dar click aquí mismo, como pueden ver, aquí
es donde ya estoy. Entonces, si hago clic aquí,
voy a hacer clic aquí. Yo iría a
todos los elementos. Entonces esos son
elementos aquí mismo. Bien, aquí mismo
tenemos algunos otros ajustes. Entonces esos ajustes son para toda
la página
en sí, aquí mismo. No necesitamos
cambiar nada. Aquí. Se pueden hacer varios
ajustes de emparejamiento y así sucesivamente. Y aquí tenemos
algunas herramientas avanzadas, pero esas son sólo
para la versión pro. Por lo general no cambio
nada aquí mismo porque todo es tan bueno
como lo es por defecto. Muy bien, así que
volvamos a todos los elementos. Entonces aquí mismo tenemos todos los
elementos para agregar un elemento, simplemente arrástrelo y
soltarlo donde quiera. Entonces así es como agregas elementos. Del lado
derecho, aquí mismo tenemos un navegante. Entonces como puedes ver esta página, toda
esta página fue
creada usando secciones. Entonces como pueden ver, esta es la cantidad de
secciones que tenemos. Y si yo subiera, como pueden ver, esta
es la primera sección. Esta sección incluso está marcada
en esta línea azul aquí mismo. Puedes eliminar esta sección. Se pueden hacer ajustes
a esta sección, a toda esta sección
aquí mismo que está marcada en azul. Y se pueden hacer diversos
cambios a esta sección. Como puedes ver, tenemos ajustes de
maquetación. Se pueden hacer algunos
ajustes estructurales en este momento, La Estructura de esta sección
es de dos columnas, 50 por 50. Si yo iría al estilo, puedes hacer varios ajustes de
Estilo a esta sección en particular. Esta es esta sección
que hemos seleccionado. Esta sección está marcada en azul. Y si iría a
Background Overlay, como pueden ver,
tenemos este conjunto de imágenes. Entonces esta es la imagen, esta es la imagen que apenas se
puede ver. Como puede ver, hay
algunos ajustes de opacidad. Si cambiara esta opacidad, como pueden ver,
esta, esta perspectiva,
si
volviera, no aparece tanto
y así es como se ve si
volviera, no aparece tanto
y así es como se Entonces esta es la primera sección. Si voy a ir a
Configuración Avanzada aquí mismo, podemos hacer algunos ajustes de
diseño, bien, para que puedas
cambiar el relleno. Como puedes ver, cambia,
se mueve hacia abajo y hacia arriba. Si cambiara esto aquí
mismo, como pueden ver, se está encogiendo y si
volviera , se está haciendo más grande Entonces esta es la primera sección. Cada sección tiene
los mismos ajustes. Por lo que tiene ajustes de
diseño regulares, tiene ajustes de estilo. Y en la pestaña Avanzadas
tiene un poco más avanzado, digamos ajustes de diseño o
Estilo. Bien, si yo escondiera esta sección aquí mismo,
simplemente desaparece. Entonces como te dije, esa sección estaba
marcada en línea azul. Esta es la segunda sección. Entonces esta es la sección que también
está marcada en línea azul. Y como pueden ver, si
ocultaría esta sección,
desaparece. Vamos a mostrar esas
dos secciones. Y hablemos La Estructura
de esta sección misma. Por lo que esta sección tiene, como pueden ver, algunos
elementos en esta sección. Entonces tiene un
elemento de imagen aquí mismo. Tiene algunos otros elementos aquí. Entonces en esta columna de aquí mismo, tiene un elemento de imagen, tiene un elemento de encabezado, tiene otros elementos de encabezado con algo de texto y
tiene un botón. Entonces como te dije antes, para agregar un elemento a una
sección o dos o columna, solo
tienes que seleccionarlo, arrastrarlo, y
soltarlo así como así. Entonces así es como funciona. Si ampliara esta sección, como pueden ver,
tenemos dos columnas. Entonces, cuando estás agregando secciones a una página usando Elementor, puedes elegir cuántas columnas quieres que tenga esta sección Porque con
columnas, cuando tu sección se divide con columnas, es mucho más fácil trabajar en esta sección y es mucho
más fácil agregar información. Esta es la primera
columna, como puedes ver, está marcada en esta línea punteada. Y si daría click en
esta columna de aquí mismo, también
está marcada en
esta línea punteada. Si ocultara esta
columna, desaparece. Si ampliara esta
columna, como pueden ver, como dije, tiene
elemento de imagen en esta primera columna. Como te dije antes, una vez que haces clic en esta sección, una vez que haces clic en columna, puedes hacer ajustes
a estas cosas. Entonces, cuando hago clic aquí mismo, estaba haciendo varios ajustes
a toda esta sección. Si daría click en
esta columna aquí mismo, aquí en este ícono marcado en gris, estaré haciendo ajustes
a esta columna. Únicamente. Si haría clic en
esta imagen en sí. Estoy haciendo ajustes
a esta imagen en. Entonces no estoy haciendo ningún cambio
a la columna ni a la sección. Estoy haciendo cambios
solo a esta imagen. Entonces, como puedes ver,
hay una estructura cuando haces clic en
un elemento determinado, cuando haces clic en la columna y haces clic en esta sección, estás haciendo cambios tu
columna de elemento seleccionado o en esta sección. Esos ajustes son muy similares. Bien, entonces esta es
la columna que tiene, como pueden ver imagen, si hago clic en esta columna
y eso se expandiría, como pueden ver,
tiene más cosas Entonces tiene una imagen aquí mismo, tiene elemento de encabezado, tiene cuadro de imagen. Entonces es una caja de imagen
y tiene un botón. Muy bien, así es
como funciona Elementor. En primer lugar, cuando
estás editando tu página, agregas una sección. Cuando agregas una sección, eliges cuántas columnas quieres tener
en tu sección. Una vez que agregas esta sección con el
número seleccionado de columnas, entonces comienzas a agregar elementos
de esta lista aquí mismo. Bien, entonces ahora deberías
entender cómo funciona. Espero haber explicado esto de
una manera sencilla para
entender maldita cosa, para complicarlo demasiado, en realidad
es Solo tienes que seleccionar la
estructura y luego simplemente arrastrar los elementos que quieras
usar en esta sección en particular. Una vez que haya agregado
esta sección, puede agregar otra sección. Como pueden ver, tenemos
bastantes secciones. Y cuando vamos a
trabajar en esta página de inicio, vamos a eliminar algunas
de estas secciones y
vamos a hacer ajustes
a otras secciones. Bien, pero antes de irnos, solo
quería mostrarte cómo
puedes agregar una nueva sección Entonces puedes hacer clic
aquí para agregar una nueva sección o
puedes desplazarte hacia abajo, por
supuesto, hasta que
veas la parte inferior. Y como pueden ver, tenemos
la misma ventana aquí mismo. Y podemos empezar a trabajar
en esta sección. Podemos comenzar a crear
esta sección. Pero volvamos a subir y
empecemos a hacer cambios a esta sección que estamos a
punto de crear. Entonces una vez que estés aquí, quieres hacer clic en
este botón Plus y como dije,
selecciona tu estructura. Entonces depende de ti qué
estructura quieres
usar si va a ser
solo una columna, si va a ser dos
columnas, tres columnas, cuatro columnas, o cualquier
otra estructura. Y este caso,
escojamos dos columnas. ¿Está bien? Entonces como pueden ver,
así es como se ve. Entonces tenemos dos
columnas, básicamente, esta es la misma
sección, bien, esta es la misma sección excepto la sección recién creada
no tiene ninguna información Por ejemplo, vamos a
ir a todos los elementos e intentemos
replicar esta sección Así que vamos a arrastrar y
soltar la imagen. Bien, y ahora para
seleccionar una imagen, ya
estamos seleccionados
estos elementos de imagen Tenemos que elegir imagen. Vamos a dar click en esta, y esta es nuestra mediateca. Entonces, si yo gliburide
aquí y ciertos medios, así es como se ve, ¿ Y si quisiera
hacer algunos ajustes de relleno y margen para
hacer esta sección, toda
la sección
en sí un poco más grande, tendría que dar click aquí
mismo Editar sección, como pueden ver, la línea de marca
azul. Y eso tendría que
ir y pestaña Avanzado. Y ahora sólo voy
a desvincular dependencias. Y como pueden ver, si sigo así,
esta sección se expande. Entonces, por ejemplo, mantengamos 70 y voy a sumar
70 al fondo también. Y esta sección
acaba de hacerse más grande. Ahora, lo que podríamos agregar, podríamos agregar un elemento de imagen
aquí mismo, así como así. Y esta vez,
escojamos una imagen más pequeña. Así que vamos a desplazarnos
hacia abajo solo un segundo. Veamos, esta es la
imagen que nos gustaría usar. Vamos a hacer clic en Insertar.
Y como pueden ver, así es como se ve. También puedes cambiar la
alineación de esta imagen. Entonces, si hago clic aquí mismo, esto es lo que obtenemos. Si me gustaría ir a todos los elementos, vamos a elegir elemento de encabezado. Y solo voy a
arrastrarlo aquí mismo debajo de este elemento de imagen
y simplemente escribir tu texto. Entonces como puedes ver,
así como así, puedes crear secciones. Se pueden agregar elementos
a las secciones. Y básicamente, al agregar
secciones a tu página, básicamente
creas una página. Tan simple como eso. No pienses en nuestro complicado porque solo tienes que
arrastrar y soltar elementos. Entonces tú, antes que nada,
comienzas con esta sección y luego eliges cuántas
columnas quieres tener. Y luego comienzas a agregar
elementos a esta sección. Y una vez que agregues
todos los elementos, puedes hacer algunos ajustes
como ajustes de diseño, ajustes
avanzados para
jugar con Estilo, para jugar con el diseño. Y siempre me gusta decir, no tengas miedo de
explorar todo tú mismo para acostumbrarte a
esta herramienta, a este Plugin. Porque de esta manera
vas a aprender a usar esta herramienta mucho mejor. Bien, así que ahora podemos eliminar esta sección porque no
vamos a usar y ahora ya sabes
cómo funciona Elementor Entonces, en la siguiente lección, vamos a empezar a
editar nuestra página de inicio y vamos a crear
nuestra propia página de aspecto único Vamos a reemplazar
esta información aquí con nuestra información
39. (5.4) Editamos la página de inicio (Elementor): En esta lección,
vamos a empezar a trabajar en nuestra página principal. Y como probablemente sabrás, la Página principal es una página
muy importante porque básicamente es
la tienda frontal de tu tienda física
y es importante dejar una buena primera impresión para
tu visitante. Bien, así como puedes ver ahora las cosas se ven
un poco diferentes Es solo porque
actualicé el complemento Elementor. Y ahora en lugar de tener esta línea azul aquí mismo
que marca nuestra sección, ahora
está en color púrpura. Entonces probablemente ese sea
el mayor cambio que
tuvimos después de actualizar
este plugin y carecer. Te mencioné antes
en la lección cuando estaba hablando de
temas y plug-ins, es importante mantener
todo actualizado, así que no ignores las actualizaciones Intenté mantener
todo actualizado. Bien, entonces vamos
a trabajar en nuestra página de inicio. Y cuando estoy trabajando
en una página de inicio, me gusta tener mi blueprint para Homepage,
básicamente el layout Entonces esta es mi capa que suelo usar un formato tiendas
en línea, este es el mismo diseño
que solía usar cuando
estaba construyendo
tiendas en línea para clientes. Y es un diseño bastante simple. Entonces esta es la primera sección. Vamos a tener una
primera sección donde se encuentra la imagen del héroe y
haga clic en el botón de acción. Entonces básicamente tenemos aquí
mismo lo mismo, lo que va a
hacer algunos cambios. Entonces básicamente tenemos
nuestra imagen de héroe y
tenemos algunos textos y pulsamos
al botón de acción nítido ahora. Y como pueden ver aquí mismo, estoy planeando tener
otra sección con los productos más vendidos Así que voy a mostrar por
productos aquí mismo. Y después de esta voy
a tener una sección donde se muestran algunas ventajas
de mi tienda online Entonces voy a
ofrecer envío gratis, precios
bajos, entrega rápida. Entonces voy a tener
esta sección aquí mismo. Después de eso, voy a tener
una sección con categorías. Entonces voy a mostrar
las categorías que tengo en mi tienda online. Estoy planeando incluir
sólo cuatro categorías. Y voy a tener la última sección que va a
ser con productos de tendencia. Entonces en total, estoy planeando
tener una o 2345 secciones. Si iríamos a nuestra página de inicio
que tenemos ahora mismo, la versión actual,
como pueden ver, tenemos bastantes secciones. primero es lo primero
al trabajar en páginas, a
diferencia de identificar no
solo trabajar con páginas, sino cuando estoy trabajando
con plantillas, me gusta identificar las secciones
que no estoy planeando
usar y las secciones que
planeo conservar, las secciones que
no estoy planeando usar. Claro que voy a
borrar esas secciones. Bien, me voy a quedar con
esta primera sección. Esta de aquí va a
ser mi otra sección. Va a ser
la tercera sección donde voy a mostrar las ventajas
de mi tienda online. Entonces me voy a quedar con este, voy a quedarme con este los productos
más vendidos Y me voy a quedar con
esta también, excepto que ahora voy a
tener cuatro categorías. Entonces como puedes ver
por aquí, tenemos categorías de nuestros productos. Eso es solo básicamente
la plantilla que tenía unas categorías gratuitas, pero ahora vamos
a tener cuatro. Así que vamos a hacer
algunos cambios menores a este de aquí mismo. De nuevo, depende de
ti cómo quieres que se vea
tu página de inicio, pero solo voy a
mostrarte cómo voy a hacer esto, pero mi plano con mi diseño, así que no estoy planeando
usar esta sección, así que voy a eliminar
esta así como así No voy a usar
esta también. Entonces voy a dar
click por aquí. Y así,
borré esta sección. Voy a mantener la sección de
productos de tendencia. ¿Y qué sigue? No me voy a quedar con
este porque todavía no
tengo ninguna
opinión de clientes y no
estoy planeando
usarlo esta sección
aquí mismo porque simplemente
no tiene sentido. Se agregó con una plantilla. Bien, así que voy
a eliminar esta sección. Y como pueden ver, cuántas secciones
tenemos ahora mismo, se supone que
tenemos
cinco secciones, 123456 Entonces encontremos esta sección
que no vamos a usar. Oh si, esta es la sección. Por lo que esta imagen se
agregó como sección. Entonces, eliminemos esta. Y ahora tenemos cinco
secciones en las que trabajar. Bien, así que hagamos que
tengamos la estructura buscando Entonces la primera sección
va a ser esta
donde la imagen del héroe, así que está en su lugar. Y como puedo ver, supone que
esta sección está por debajo
de esta sección de
productos más vendidos Entonces, como puedes ver, esta es
la sección y podemos moverla abajo por debajo de la sección productos más
vendidos. Bien, así que ahora nos estamos
acercando. Bien, entonces vamos a comprobar ¿
qué más necesitamos cambiar? Entonces tenemos primera
sección, está en su lugar. Tenemos esta sección en su lugar. También tenemos la tercera sección
en su lugar. Ahora se supone que tenemos Categorías y productos
de tendencia. Entonces vamos a comprobar lo que tenemos. Así que bien, tenemos Categorías. Estas van a ser nuestras Categorías. Y aquí mismo vamos a
tener nuestra formación Productos. Bien, veamos qué
tenemos que cambiar. Entonces aquí mismo, se supone que tengo que
tener cuatro categorías en lugar
de tres categorías. Entonces tal vez te estés preguntando
cómo vas a agregar otra categoría
aquí mismo. Es simple. Simplemente haga clic en cualquier
categoría aquí mismo, en cualquier columna, el botón
derecho del mouse, y hagamos clic en duplicar. Bien, entonces ahora
tengo cuatro categorías. Entonces aquí es donde voy
a exhibir mis categorías. Justo aquí. Tengo más columnas de las que se supone que debo tener. Entonces lo que voy a hacer, simplemente
voy a hacer clic el botón derecho del ratón en
esta columna de aquí. Y voy a
borrar esta. Bien, así que ahora nos
estamos acercando. ¿Cuál es el siguiente? No quiero tener
esta imagen aquí mismo, así que sólo voy a hacer clic con
el botón derecho del ratón y voy a eliminarla. Bien, voy a hacer lo
mismo con esta. Vamos a eliminarlo y vamos a desplazarnos hacia arriba y veamos
qué más podemos cambiar. Bien, así que no voy
a usar esto aquí mismo, así que voy a hacer clic en Eliminar Entonces mi primera tarea es
encontrar las cosas que
no planeo usar. Identificar las secciones que no
estoy planeando usar. Y estoy recorriendo las
secciones en sí y eso trató localizar los elementos que no
estoy usando también. Bien, entonces ahora mi objetivo es trabajar en esta primera sección misma Entonces quiero cambiar
la imagen aquí mismo. Y no me gusta esta imagen
porque no representa mi marca y mi objetivo
es agregar una imagen. Entonces tengo múltiples
formas de hacerlo. Pero en lugar de reemplazar
esta imagen de aquí mismo, solo
voy a agregar
una imagen de fondo para esta sección misma. Entonces voy a dar
click aquí mismo. Y una vez que haga clic en
este botón de aquí, estoy haciendo cambios
a esta sección. Entonces esos son
ajustes aquí mismo. Y cuando estoy haciendo algunos cambios, no importa qué pestaña use, si es avance de estilo de diseño, estoy haciendo cambios a toda
esta sección y no a dos columnas separadas
o elementos separados, sino a toda esta
sección de aquí mismo. Bien, entonces mi objetivo es
agregar una imagen de fondo. Entonces esos cambios se hacen
aquí mismo y pestaña Estilo. Y en este momento quiero agregar una imagen de fondo
para que como pueda ver, tenemos superposición de fondo. ¿Bien? No quiero usar esta superposición de
fondo, así que solo voy a eliminar
esta imagen aquí mismo. Y cambiemos la opacidad porque no estoy planeando
usar esta superposición en absoluto Y en realidad podemos
desactivar esta superposición haciendo clic en este botón
aquí mismo en este pincel Y ahora solo quiero
agregar una imagen de fondo. Bien, así que voy a
dar click aquí mismo. Voy a seleccionar Clásico, y voy a elegir Imagen. Ya he subido
algunas imágenes, así que no te perdería el tiempo. Esas imágenes que estoy usando aquí
mismo se descargan de uno de los sitios web de Stock Photos que te mostré anteriormente. Bien, entonces esta es la
imagen que planeo usar. Sólo voy a
seleccionar esta imagen y voy a dar clic en Seleccionar. Muy bien, así que
no se ve bien,
entiende, pero
sólo tengan que tener cuidado conmigo. Bien, así que vamos a elegir esa posición va
a ser centro, centro Así que ahora vamos a elegir el tamaño
de la pantalla. Así que hagamos clic en Ejecutar aquí, y vamos a elegir el color. Entonces ahora está cubriendo sostén
esta sección. Bien. Ahora no vamos
a usar esta imagen. Entonces hagamos clic con el botón derecho
del mouse y luego eliminemos esta
imagen aquí mismo. Bien, así es como se ve. Bien, ahora, toda esta
sección es un poco estrecha. Quiero que toda esta
sección de aquí sea un poco más amplia. Entonces voy a hacer click
aquí una vez más. Y ahora voy a ir
a Ajustes Avanzados. Bien, así como pueden ver, tenemos algunos
ajustes de relleno. Entonces, si voy a mover
esto así así, bien, voy a
hacer esto 1145 Y voy a cambiar de
fondo a 145 también. Y ahora es un poco más grande. Entonces ahora mismo, sólo voy a
reemplazar el texto aquí mismo. Voy a añadir algunos de mis textos que va a
decir que es una juguetería, y voy a añadir una breve
descripción sobre mi tienda de juguetes. Entonces eso es exactamente
lo que voy a hacer. Bien, así que acabo de agregar mi texto y así es como se ve Nuevamente, tu situación
probablemente sea completamente diferente, así que va a ser de ti
lo que quieras incluir. Pero por lo general me gusta incluir algo interesante y divertido. Y ahora así es como se ve. Bien, ¿qué sigue? Bien, entonces aquí mismo, este es el botón
y deberíamos hacer algunos cambios a este
botón porque
no me gusta el estilo
de este botón Simplemente haga clic en el
botón aquí mismo. Y como recuerdas, todos los ajustes relacionados con el estilo se
pueden hacer aquí mismo. Pero a Lanka siempre me gusta decir que no tengas miedo de
explorar todo tú mismo y prueba varios
ajustes de configuración diferentes para ver qué funciona
mejor para ti y no
tengas miedo porque todos los
cambios son reversibles. Bien, así que vamos
a los ajustes de estilo y puedo agregar el color Puedo cambiar el
color de este botón. Entonces, si daría click aquí mismo, puedo elegir el
color y tengo un color preparado para
mí y avanzar. Como recuerdas, teníamos esta herramienta de enfriadores que genera
colores, a juego con colores. Entonces tengo este color
copiado a mi nota, y solo voy a pegar
este código aquí mismo. Y como pueden ver,
así es como se ve. Siento que se ve bastante bien. Y ahora este botón se ve bien, pero no es funcional. Bien, así que si yo iría aquí
mismo, como pueden ver, link se dice a hashtag y solo
significa que está inactivo Entonces agreguemos un enlace
a este botón. Entonces, una vez que nuestro visitante
haga clic en este enlace, quiero que vaya a todos
los productos que tengo. Entonces básicamente a una página nítida. Entonces, para encontrar la página de tu tienda, solo tienes que ir a tu sitio web. Entonces en mi caso, es
Bacon aguacados.com. Y te puedo decir que
la versión predeterminada de la página de la tienda se supone
que es slash shop Entonces eso es exactamente a lo
que voy a entrar. Y vamos a darle a Enter y
veamos si es nuestra página de tienda. Bien, entonces este
es nuestro filo. Y como se puede ver,
el permalink dice, en lugar de agudo,
dice agudo guión T2 Entonces eso significa que debemos hacer
algunos cambios a esta página. Entonces, como recuerdas, deberíamos ir a nuestro
dashboard y es una página, así que tenemos que hacer
cambios en una página. Entonces, si iría a páginas, seleccionaría todas las páginas. Por supuesto, no es crucial
ni nada por el estilo,
pero me gusta hacer que las cosas
se vean profesionales y buenas y no quiero que nada
se vea poco profesional Entonces en mi opinión que tener este número dos
al final de esta página, simplemente no se ve bien. A lo mejor en tu caso, no
va a aparecer así. Pero digamos que si va
a aparecer así, podemos hacer cambios. Entonces, como recuerdas, tenemos nuestra página de tienda, y esta es nuestra página de tienda. Incluso dice que está
listo para exhibir productos. Entonces dice página de tienda. Así que hagamos clic en edición rápida
y veamos qué tenemos. Bien, tenemos la babosa de
que es agudo guión dos. Para que podamos eliminar el final de esta babosa y dejémosla
así Y hagamos clic en Actualizar. Ahora podemos hacer clic en ver
y se ve bien. Parece como se
supone que tiene que mirar. Bien, pero por
si acaso experimentas algunos problemas, sé que me ha pasado
en el pasado Una vez que hagas clic en Ver, es posible que
veas que
solo muestra una página vacía. Entonces, si eso te pasa, tu solución a este problema es que debes ir
al tablero. Deberías ir a tus
páginas 1 vez más. Y luego deberías hacer clic
en esta página aquí mismo,
Editar, y luego
debes hacer clic en vista previa. Bien, hagamos clic en Vista previa y nueva pestaña y todo
debería funcionar Si eso no ayuda, voy a mostrarte
otra solución. Deberías ir a tu tablero. Deberías ir justo aquí y
debes hacer clic en Burj, todo en efectivo Y eso debería
resolver tu problema. No estoy diciendo que esto te
va a pasar a ti, pero si esto te pasa, sabrás cómo resolver este problema y no deberías
tener este problema. Sé que esto
me pasó una vez en el pasado y
conozco a una persona que podría ayudar
a construir una tienda en línea. Esto también sucedió. Entonces solo quería mostrarte cómo puedes resolver este problema, pero no necesariamente significa que también te va a
pasar a ti. Bien, así que ahora vamos
a Todas las Páginas 1 vez más. Y todo lo que queremos hacer es
que queremos saber la URL
de nuestro filo. Entonces, hagamos clic en ver
una vez más. Y ahora podemos copiar
esta URL
aquí mismo porque la vamos
a usar para nuestros botones. Así que ahora podemos cerrar
esta ventana y
podemos volver a nuestro
botón aquí mismo. Por el momento, está inactivo, pero una vez que basamos nuestra URL de nuestro sharp,
se activa. Bien, así que ahora terminamos
con esta sección de aquí mismo. Pero antes de pasar a la
siguiente sección de nuestra página, asegurémonos de que todo se vea genial
en otros dispositivos, no solo en un dispositivo de escritorio, sino en dispositivos móviles
y también en tabletas. Entonces, si me gustaría hacer clic aquí mismo , modo de
respuesta,
puedo seleccionar si quiero comprobar cómo va
a quedar en el dispositivo móvil. Bien, se ve bien, pero es difícil leer textos Entonces tenemos que hacer
algunos ajustes a esta sección
aquí mismo una vez más. Pero ahora cuando estamos haciendo
esos cambios aquí, solo
hacemos cambios a la versión móvil
de nuestro sitio web. Así que bien,
volvamos a Estilo y ahora podemos seleccionar nuestra imagen Así que vamos a seleccionar nuestra
imagen una vez más. Va a ser
la misma imagen. Entonces, hagamos clic en Seleccionar. Y ahora tenemos que
cambiar la posición. Así que vamos a seleccionar la posición
y vamos a elegir el sistema. ¿Bien? Entonces ahora vamos
a jugar con este eje. Bien, así que sólo me voy
a quedar con cero. Vamos a mover este a la
izquierda y se ve así. Bien, entonces ahora tiene sentido, se
ve mucho mejor Bien, asegurémonos de que también se vea bien en las tabletas. En las tabletas, se ve bien. Para que podamos mantenerlo tal como está. Realmente no necesitamos hacer
ningún cambio aquí mismo. Bien, volvamos a nuestra vista de
escritorio y bien, vamos a desplazarnos hacia abajo lo que sigue. Así que tenemos la sección de
productos más vendidos aquí mismo. Y en realidad no vamos
a hacer demasiados cambios la disección porque es una sección
bastante sencilla Y nuestro objetivo principal es cambiar el
relleno del margen de esta sección porque
como puedes ver, es un poco demasiado bajo en
comparación con esta sección de aquí mismo. Entonces, si me gustaría dar click aquí mismo, voy a estar haciendo cambios a toda
esta sección aquí mismo. Entonces vamos a Configuración
avanzada. Y como puedes ver, parte superior acolchada, está puesta en 140 y
vamos a hacerla 90. Veamos cómo
va a quedar cuando vamos a poner
este en 90. Y creo que se
ve mucho mejor. ¿Y qué sigue? Ahora tenemos que
presentar nuestros productos. Así que vamos a dar click sobre esta
zona marcada en color gris. Y como pueden ver ahora
tenemos este código corto. Dice que los productos limitan, por lo que se va a exhibir
solo para los productos, y va a exhibir en las cuatro columnas y
visibilidad destacados. Entonces va a mostrar productos
destacados y voy a mostrarte cómo
puedes presentar tus productos. Y dice que
va a tomar productos de la
categoría abarrotes Entonces como recuerdas,
vino
esta categoría pero nuestra plantilla de inicio, y ahora tenemos categorías
diferentes a
las que venía con. Así que volvamos
a nuestro sitio web una vez
más y
revisemos nuestras categorías. ¿Qué categorías tenemos? Entonces vayamos al tablero
y vayamos a Productos. Seleccionemos Categorías.
Y como puedes ver, esas son las categorías que tenemos Simplemente todo lo que tienes que hacer es simplemente copiar las categorías
que quieras usar. Entonces, por ejemplo,
voy a copiar esta categoría
aquí mismo, sólo una babosa Y voy a volver
a nuestra página de inicio aquí, y voy a pegar esta categoría aquí mismo
en lugar de abarrotes Esta es la categoría
que voy a usar. Y ahora una vez que guardamos todo
y una vez que lo
configuramos, queremos mostrar
ciertos productos. Te voy a mostrar cómo
se hace eso en etapas posteriores. Vamos a
exhibir solo productos de la categoría de atraería. Puedes agregar más categorías, solo escribe espacio de coma y agrega otra
categoría. Apenas un segundo. Asegurémonos de que
no estoy confundiendo nada. Vayamos a éste de aquí mismo. Y como puedes ver,
todas las categorías están separadas por comas Así que así, puedes agregar más categorías. Ahora vamos a trabajar en esta sección, en esta parte aquí mismo. Arreglemos ambas partes
para productos destacados. Así que de nuevo, agreguemos juguetes de madera. Y ahora agreguemos
otra categoría. Entonces sólo voy a copiar
disfraces categoría Ryan aquí, voy a volver
y voy a pegar esta categoría
aquí. ¿Bien? Y así, realidad
puedo agregar
más categorías. Digamos que también podría agregar juguetes de
baño. Así que sólo voy
a copiar esta babosa va a volver a esta
ventana de aquí mismo Voy a añadir una coma. Voy a hacer un espacio, y voy a pegar
esta categoría también. Así que ahora en los productos de tendencia
tenemos tres categorías establecidas. Y una vez que lo
seleccionamos, queremos que nuestros productos se hayan secado aquí de
esas categorías. Y como dije en etapas posteriores, te
mostraré cómo se hace
eso y esos productos
se mostrarán aquí mismo. Si volvieras aquí mismo. Ahora solo tenemos, en esta parte solo productos
de la categoría juguetes de madera. Así que una vez que seleccionemos que queremos característica dos veces de
esa categoría, dosificar dos veces y esas
tiendas on de esta categoría se
mostrarán aquí mismo. En etapas posteriores, vamos a jugar con
esos ajustes. Pero ahora mismo, creo que
todo se ve bien. Así que en realidad también terminamos con
la segunda sección. Entonces, como recuerdas, esta fue nuestra segunda sección y tiene
cuatro productos para exhibir. Después voy a agregar
más productos en realidad, solo
voy a
duplicar algunos de los productos solo para
mostrarte cómo funciona eso. En tu caso, agregarás todos
tus productos tú mismo, y podrás
jugar con esos ajustes. Bien, volvamos y juguemos , no
juguemos Trabajemos en esta
sección aquí mismo. Entonces en esta sección voy a exhibir que se
ofrecen envío gratis. Y estoy planeando
ofrecer envío gratis para
pedidos superiores a 50 en adelante. Entonces todo lo que tengo que hacer
aquí mismo es simplemente escribir cero. Bien, así que ahora es bueno. Y qué más, ¿qué más? ¿Planeas mostrar
ese enorme ahorro? Bien, solo me voy a
quedar con este gran ahorro porque estoy planeando
tener precios bajos, así que básicamente es lo
mismo y entregas rápidas Entonces junto al envío gratis, voy a incluir entrega
rápida. Entonces sólo voy a sustituir
este texto de aquí mismo. Voy a agregar entrega rápida. Bien, así que acabo de cambiar el texto y como pueden ver ahora, digo que hago envío gratis, entrega
rápida, enormes ahorros Pero nuevamente, esta
parte de Edición, la información que quieras
incluir depende de ti. Es igual que en mi caso, me gusta ofrecer envío
gratis para pedidos anteriores, digamos $50. Y por lo general me
enfoco en la entrega rápida
suelen ser productos dentro de
las 24 h, si eso es posible. Y por lo general no cobro mucho a
mis clientes por los productos. No soy muy codicioso. Pero nuevamente, depende de ti
cómo quieres hacer esto, qué camino quieres ir. Pero solo quería
mostrarte que así es
como puedes hacerlo. Y todos los ajustes,
todos los textos ahí, todo así
, depende de ti. Pero como tú ahora, estamos practicando ahora mismo. Entonces tu trabajo final probablemente
va a ser
diferente al mío. Bien, entonces ahora ¿cómo
es ese complemento? Entonces como puedes ver, este
ícono de aquí mismo no representa que
diga entrega rápida. Para que podamos reemplazar este icono. Si daría clic en este icono aquí
mismo, como pueden ver, tengo algunas opciones
para este icono para poder hacer clic en la biblioteca de iconos y
puedo buscar Envío. Bien, creo que
este ícono funcionará. Y voy a
seleccionar este icono. Voy a hacer clic en Insertar. Bien, entonces ahora tiene sentido. Pero ahora no me gusta
cómo se ve esta sección. Está demasiado oscuro, simplemente
no se ve muy bien. Pero mi diseño general, así que voy a dar click
aquí mismo para hacer cambios a toda esta sección. Y los ajustes de estilo se
hacen aquí es que recuerdas, y como puedes ver,
tenemos color de fondo. Es un poco demasiado oscuro. Quiero cambiarlo y quiero que este color
sea el
mismo que este. Entonces voy a tomar
el sampler de color. Voy a dar click por aquí, y creo que voy
a usar este color. Bien, se ve mucho mejor. Y ahora ¿qué sigue? ¿Qué podríamos hacer a continuación? Podríamos cambiar esas columnas, el estilo de esas columnas
porque son demasiado oscuras. Bien, hagamos clic
en esta columna. Por supuesto, podemos hacer clic el botón derecho del ratón y
podemos dar clic en Editar columna. Y como sabes, los ajustes al estilo se hacen en
esta pestaña de aquí mismo. Y ahora se activa
como una superposición de fondo. Entonces voy a ampliar este. Y como pueden ver,
está establecido en 0.9. Y si moveríamos esto Un poco a la izquierda es 0.4. Creo que se ve mejor, pero ahora nuestro icono
no se ve muy bien. Es difícil ver qué es. Vamos a hacer clic en este icono. Vamos a Estilo y
podemos cambiar el color. Entonces, si usaría el seleccionador de color, creo que podría ir con este color. Veamos
cómo va a quedar. Bien, se ve mucho mejor. Bien, mantengámoslo así. Y voy a hacer lo
mismo con Discount. Para que pueda dar click aquí mismo. Y puedo ir a Estilo. Y como recuerdas,
Background Overlay
y ponlo esto en 0.4. Así que sí, así como así. Bien, así que voy a
dar click sobre este icono. Voy a ir a Style. Voy a elegir el color. Voy a seleccionar muestreador
de color. Voy a elegir
este color hueso y así es como se ve. Bien, voy a hacer lo mismo. Para que pueda dar click aquí
o puedo hacer clic el
botón derecho del ratón Editar Columna. Y puedo ir a Estilo. Y nuevamente, Background
Overlay 0.4. Sí. Y cambiemos el
color de este icono. Bien, cambiemos
el color aquí mismo. Vamos a elegirlo así. Y boom, así es como se ve. Bien, ahora siento que se
ve mucho mejor. Como te dije antes, no tengas miedo de explorar todo tú mismo
porque de esta manera aprenderás a usar
Elementor mucha mantequilla Bien, entonces, ¿qué sigue? Ahora estoy planeando mostrar
mis categorías aquí mismo. Bien, entonces, ¿cómo
voy a hacer esto? Es matemática muy sencilla. La primera misión es que tengo que
cambiar el texto aquí mismo. Entonces solo voy a
escribir que esto es juguetes
de madera aquí mismo. Juguetes Montessori, juguetes educativos y
juguetes de baño. Y aquí mismo voy
a añadir algunos textos. Entonces como pueden ver, una vez
que haga clic en esta sección, no en la sección, sino en este
elemento de aquí mismo, puedo dar click sobre este
elemento en sí. Puedo hacer clic aquí mismo. Y como pueden ver,
puedo cambiar el título. El título está aquí, descripciones de frutas frescas de
granja. Entonces, en vez de usar esas descripciones
aquí mismo y los títulos, voy a agregar los míos propios
para representar mis acciones, para representar mis categorías. Bien, así como pueden ver, sustituyo el texto y ahora es un poco
representa mi marca, mi negocio, mi tienda online Entonces aún no lo hemos hecho
porque tenemos las imágenes por aquí que no coinciden con las cosas que
decimos aquí mismo. Para reemplazar la imagen,
vamos a dar clic aquí mismo para editar toda esta
columna en sí. Vamos a Estilo, y vamos a la superposición de
fondo. Probablemente esté configurado para superposición
de fondo. Sí, lo es. Así que vamos a dar click sobre esta
imagen y juguetes de madera. Entonces voy a usar esta imagen y sólo voy
a dar clic en Seleccionar todo. Bien, se ve
bien, ¿no? Y hagamos lo
mismo con éste. Así que vamos a hacer clic aquí mismo. Vamos a Estilo, y vamos a la superposición de
fondo. Vamos a dar click sobre esta imagen. Y ahora vamos a seleccionar
éste aquí mismo. Bien, hagamos clic en Seleccionar. Bien, se ve bien. Y hagamos lo mismo
con el tercero. Y vamos al estilo. Vamos a elegir la imagen. Y esta vez la imagen
va a ser ésta. Vamos a hacer clic en Seleccionar. Bien, sólo un segundo. Por qué no se está actualizando. Sólo una vez más. Pasemos a esta imagen. A lo mejor vamos a probar este. No es ahorrar por alguna razón, pero se supone que debe salvar. Bien, hagamos clic
aquí una vez más. Reemplacemos esta imagen aquí. Vamos a elegir la imagen. El que planeo
usar. Apenas un segundo. Seleccionemos que queremos
trabajar en nuestro posicionamiento. Por alguna razón.
No se está actualizando, pero no se preocupe por eso. Vas a
arreglarlo enseguida. Bien, así que por ahora
vamos a mantenerlo como está. Y vamos a trabajar en la última columna
que está justo aquí. Vamos a Estilo y superposición de
fondo, y vamos a elegir la imagen. Esta vez. Esta va a
ser la imagen que quiero usar. Bien, entonces ahora funciona. Entonces nuestro objetivo ahora es hacer que
esta imagen vaya un poco más baja. Bien, así que ahora mismo
vamos a elegir la posición. Seleccionemos Personalizado. Y juguemos con
este eje de aquí mismo. Y creo que se ve bien. Bien, intentemos una vez más trabajar en esto aquí mismo Bien, asegurémonos de que
hemos seleccionado la imagen. Bien, no funciona,
pero no se preocupe por eso A veces cosas así
pueden pasar, pero no significa que
no podamos resolver este problema,
bien, antes de
hacer algún cambio, asegurémonos de que
todo quede bien en otros dispositivos Bien, hagamos clic aquí mismo. Bien, no se
ve muy bien. Pero nuevamente,
podremos hacer cambios. Bien, hagamos clic aquí mismo. Termino en una tableta. Todo va a quedar genial. Como puedes ver,
todo va a quedar genial excepto tal vez cabalgar aquí. Podríamos hacer algunos cambios. Entonces como puedes ver ahora mismo, se está mostrando así y simplemente no se
ve muy bien. Podríamos hacer todo
para exhibir en una línea. Así que vamos aquí mismo, y vamos a Configuración
avanzada aquí. Y sólo un segundo. Si vas a
jugar con fondo. Ahora, no está ayudando Así que volvamos. Vamos a quedarnos con 225. Entonces cosas así sí suceden. Y a veces, cuando
estás construyendo un sitio web, se trata de resolver problemas, pero no te preocupes por Podemos solucionar este problema. Entonces, si estás haciendo un cambio la sección y no
está ayudando, las cosas no van
cambiando como deseas. Estaban cambiando. Entonces eso significa que tu segunda opción es comenzar a hacer cambios dos columnas antes de hacer
cualquier ajuste para dejar decir, no columnas sino dos elementos. Entonces primero haces cambios a
esta sección aquí mismo. Y si no ayuda, entonces vas a la
columna de aquí mismo. Y eso es exactamente
lo que vamos a hacer. Uh, vamos a seleccionar la
primera columna aquí, y vamos a los ajustes de
diseño. Entonces cambiemos el
tamaño de la columna en lugar de 50. Hagámoslo,
digamos 100, hagamos 100. Bien, así que hagámoslo 100. Y vayamos también a esta
columna. Y en vez de 50, hagamos 100 también. Y creo que
va a quedar mucho mejor que la versión
anterior. Bien, 100 se ve bien. Y ahora tenemos que hacer
lo mismo con éste. Bien, vayamos a los ajustes de
diseño y
pongámoslo en 100 Bien, hagámoslo 100. Y ahora todo
se ve mucho mejor. Bien, Así que ahora hemos hecho algunos cambios a
la versión de escritorio Como puede ver, la versión de
escritorio
se mantuvo igual sin importar que
hicimos algunos cambios en la tableta. Y ahora se ve bien excepto esta imagen es justo
aquí la misma. Entonces vamos a
arreglarlo un poco más tarde. Y vamos a la tableta. Asegurémonos de que
todo quede bien. Bien, todo se ve genial. Y vamos a la vista móvil. Bien, y vista móvil, se ve bien Pero ahora mismo apenas un
segundo, vamos a desplazarnos hacia abajo. Como puedes ver aquí, tenemos algunos problemas con nuestras categorías. Entonces, antes de agregar URLs
a estos botones, vamos a asegurarnos de que todo
quede bien en cada una de las y Entonces lo que queremos hacer aquí es que queremos hacer
clic aquí mismo. Y vamos a los ajustes de
maquetación. Y sólo un segundo. Ahora, vayamos a la pestaña Avanzadas. Y aquí tenemos que hacer
algunos ajustes de relleno. Bien, sólo un segundo. Hagamos éste. Sólo sigamos adelante. Sigamos subiendo. Es simplemente demasiado en este momento. Bien, hagámoslo 60 y todavía
no se ve muy bien. Pero otra vez, no se preocupe. Como dije, a veces cuando
estás construyendo un sitio web, se trata de
resolver problemas Entonces, obviamente, lo que es, nuestro siguiente paso es
que queremos desvincular valores y veamos qué
podemos conseguir si
vas a hacer algunos ajustes
al fondo justo aquí Entonces si voy a
seguir aumentando este valor
aquí mismo, como pueden ver, esta columna se está expandiendo y creo que voy
a mantenerla a 160. Y voy a hacer básicamente lo
mismo con la otra columna. Pero antes de hacer eso, solo
quiero asegurarme de que esta imagen de aquí mismo
esté correctamente posicionada. Entonces como recuerdas, los cambios que
son dos imágenes y cualquier cosa por el estilo que he hecho aquí
mismo y pestaña Estilo. Y como recuerdas, colocamos esta imagen aquí mismo. Por lo que se estableció como superposición
de fondo. Y vamos a asegurarnos de que
tenemos el mismo conjunto de imágenes. Entonces esta es la imagen que
queremos usar. Vamos a hacer clic en Seleccionar, y ahora
vamos a elegir la posición. Así que vamos a elegir Personalizado. Y ahora cambiemos este eje, justo, vamos a mantenerlo, este como cero. Y hagamos cambios
a éste. Bien, ahora, todo
se ve mucho mejor. Bien, entonces a continuación tenemos que
cambiar esta columna aquí mismo Así que hagamos clic aquí mismo, y vayamos a Avanzado. Y como recuerdas,
antes que nada, fijamos todo en 60. Entonces hagamos lo mismo aquí mismo. Asegurémonos de que
hemos establecido el valor en 60. Desvinculemos otros valores. Ahora
se supone que los ajustes inferiores son 160. De esta manera vamos a arreglar cada columna aquí mismo, y todo va
a quedar simplemente genial. Bien, Entonces en vez de 100/6, Asegurémonos de que sea 116. Y ahora una vez más, podemos hacer cambios en la imagen. Así que vamos a la superposición
de fondo. Asegurémonos de que
tenemos la misma imagen aquí
mismo por si acaso
simplemente desaparece. Y ahora tenemos que
cambiar la posición. Así que vamos a seleccionar
Personalizado aquí mismo. Y como recuerdas, aquí
tenemos que cambiar
los números. Y creo que se ve bien.
Creo que se ve bien. Y podemos hacer lo mismo
con el juguete educativo. Así que hagamos clic en juguetes educativos aquí mismo y se establece la imagen. Así que sólo una vez más. Intentemos esto una vez más. Intentemos establecer esta
imagen aquí mismo. A ver si
va a cambiar. Ahora no está cambiando. Pero como te dije antes, te
mostraré cómo
arreglar la decisión. Bien, entonces ahora nuestro objetivo
es cambiar el relleno. Así que al igual que la
vez anterior lo pusimos en 60, asegurémonos de que también esté establecido en
60, cada valor individual. Ahora podemos desvincular valores Y ahora podemos
establecer este en 160 Entonces, en vez de
aumentar el número, solo
voy a agregar uno, y ahora está establecido en 160. Bien, entonces ahora vamos a
trabajar en esta última columna. Ya ves en mi caso, esta imagen no está cambiando, pero te mostraré cómo
puedes solucionar este problema. A lo mejor en tu caso, todo va a
estar bien y
quieres que tengas que hacer cualquier cambio. Pero en mi caso, como pueden ver,
tenemos algunos bichos. Bien, así que vamos a seleccionar
la última columna o en el año, vamos a ir a la pestaña Avanzado Y como recuerdas, debemos tener 60 a
cada uno de estos valores. Entonces tenemos que sumar 162
cada uno de estos valores. Y ahora se ve mucho mejor. Desvinculemos este y el
fondo se supone que es 116. Bien, entonces ahora todo
tiene mucho más sentido. Pero antes de
irnos, todavía tenemos que hacer
cambios a esta imagen. Así que vamos a la superposición de
fondo de estilo al igual que la vez anterior. Y vamos a asegurarnos de que hemos seleccionado
la imagen correcta. Seleccionemos esta imagen una vez
más y una posición. Bien, entonces
se supone que la posición debe estar
aquí así como así Creo que se ve bien. Si no te ve
demasiado bien, aún
puedes jugar
con varios ajustes. Y como dije, no
te desanimes. No tengas miedo de
jugar con diversas herramientas, muy Settings, porque de esta
manera aprenderás a usar este editor mucho mejor. Así que asegurémonos de que
todo quede bien. Entonces la primera sección, sí, se ve bien. Productos más vendidos. Posteriormente vamos a exhibir
nuestros productos más vendidos. Tenemos esta información aquí que se muestra
correctamente. Ahora tenemos nuestras categorías. Todo se ve bien. Y aquí mismo vamos a
tener nuestros productos de tendencia. Así que casi terminamos con
toda la Edición de Homepage. Y volvamos
a la vista de tablet y asegurémonos de que todo
quede bien aquí mismo. Y casi el surf
se ve aquí bien. Pero aquí mismo tenemos que hacer
algunos cambios a esta imagen. Como puedes ver,
no está correctamente alineado. Vamos al estilo. Asegurémonos de que
tenemos esta imagen seleccionada. Y apenas un segundo, vamos a dar click en esta imagen. Seleccionemos esta imagen. Y ahora tenemos que
establecer a los clientes, así que ya está configurado a medida. Y ahora tenemos que cambiar
este eje aquí mismo. ¿Bien? Ahora todo tiene
sentido. ¿Bien? Excepto que tal vez
podríamos cambiar esto aquí mismo. En lugar de mostrar todo lo
que no estás en la nueva línea, podríamos borrar el espacio y podemos mostrar
todo así.
40. (5.5) Edita la página de contacto (Elementor): En esta lección, vamos
a crear nuestra página de contacto. Así que terminamos
con nuestra página de inicio. Más adelante vamos a hacer
algunos ajustes de estilo, pero esos
ajustes de estilo se
harán globalmente para este sitio web. Por lo que esos ajustes se
harán no solo a Homepage, sino también para todas las demás páginas. Así que ahora podemos cerrar este trazado. Ya que como dije,
terminamos con nuestra página de inicio y vamos a desplazarnos hacia abajo
hasta nuestra página de contacto. Entonces esta es nuestra página de contacto. Así es como se ve. Y no se ve bien porque no tiene
ninguna información en ella. Pero vamos a
cambiar eso enseguida. Entonces podríamos agregar algunos datos de contacto como nuestros números de teléfono, íconos de redes
sociales, y tal vez tu dirección si
tienes una tienda física, pero si no tienes, va a ser tu decisión qué información
quieres incluir. Y por supuesto, normalmente me gusta incluir un Formulario de Contacto
mañana Página de contacto. Así que mis clientes inteligentes de Wooster pueden dejarme fácilmente un mensaje sin necesidad de ir a su bandeja de entrada de correo electrónico y
enviarme un mensaje Bien, entonces lo que
queremos hacer ahora mismo, queremos ir a nuestro dashboard y quiero que
instales un plugin Este plugin se
utilizará para Agregar Formularios. Así que vayamos a los
plug-ins aquí mismo, y hagamos clic en Agregar nuevo Y el plugin que quieres
buscar se llama formas fluidas. Bien, así que este es el
plugin que queremos usar. Llevo bastante
tiempo usando este
plugin y sé
que funciona bien Bien, hagamos clic en Activar. Y ahora antes de
crear nuestro primer cálido, te
recomendaría que elimines un plugin que vino con nuestras Plantillas Starter
con nuestro Tema Astra. Y a este plugin se
le llama formularios WP. También es bastante buena
opción para crear formularios, pero es muy limitada y hay una gran posibilidad de
que necesites comprar un plan pago solo para obtener todas las características
de este Plugin. Bien, así que desactivamos este plugin y ahora
podemos hacer clic en Eliminar Vamos a hacer clic en Eliminar. Y ahora nuestro plugin de gripe y
formularios está activo. Entonces, para encontrar nuestros formularios, tenemos que ir justo aquí. Y lo que queremos hacer
ahora mismo es que queremos ir aquí mismo, nuevo formulario, y vamos a
crear un nuevo Formulario de Contacto. Va a ser tan simple y directo Formulario de
Contacto. Entonces vamos a usar este formulario, vamos a usar
esta plantilla. Y ahora va a ser ti qué campos
quieres incluir. Pero por lo general me gusta
incluir solo el campo de nombre. No me gusta
incluir el apellido. Y claro, como puedes ver, nuestros usuarios tendrán una opción si quieren agregar su
FirstName o no, pero van a necesitar agregar su dirección de correo electrónico
y su mensaje Es solo porque así
funcionan las cosas, porque tendrás que
responderles. Bien, entonces ahora ya tenemos
esta forma, pero deberíamos hacer algunos cambios Podríamos cambiar el estilo de este botón y
podríamos cambiar el color de este
botón si
íbamos a Configuración avanzada. No, no
botón Configuración avanzada, botón Enviar. Y debemos ir al
estilo de botón y vamos a seleccionar Color. Bien, así que si vamos
a seleccionar conocer Estilo, si vas a
seleccionar botón rojo Y si, creo que el color
rojo se verá genial con nuestro tema,
pero nuestro estilo. Y si no es la
opción que quieres usar, puedes usar cualquier otra opción
que funcione para ti. Voy a ir con rojo y
creo que se ve bien. Entonces antes de guardar esta fórmula, vamos a asegurarnos de que
hemos terminado con. Bien,
permanezcamos en esta página. Vamos a hacer clic en Guardar. Y antes de que nos vayamos de este cálido, hagamos algunos
ajustes aquí mismo. Así que aquí mismo, como puedes
ver, Confirmación Configuración, una vez
que nuestro visitante quiera que nuestro cliente o cliente
potencial escriba un mensaje y nos mande un mensaje. Verá este mensaje. Gracias por tu mensaje. Nos pondremos en contacto
contigo en breve, bien, para que podamos mantenerlo como está aquí mismo,
Notificaciones por correo electrónico Entonces aquí mismo
quieres que te notifiquen una vez que un cliente te
deje un mensaje. Entonces activemos éste. Y ahora tenemos que hacer algunos
ajustes aquí mismo. Esos son muy importantes. Y quieres ir
aquí mismo, mandar dos correos electrónicos. Entonces, depende de ti qué
correo electrónico quieres usar, pero te recomiendo encarecidamente que uses tu correo electrónico comercial,
el que creaste previamente
a el que creaste previamente partir de las
lecciones anteriores donde te
mostré cómo crear tu
dirección de correo electrónico comercial en Zoho Entonces solo escribe esta dirección de correo electrónico que la creas porque aquí
mismo no
quieres usar tu dirección de
correo de administrador de
WordPress porque
en este caso, los foros no funcionarán
y no serás notificado a tu dirección de correo electrónico que alguien te dejó un formulario. Simplemente escriba la dirección de correo electrónico
que creó anteriormente. En mi caso,
va a ser Support at a bacon avocado is.com Bien, así que una vez
que hayas hecho esto, podemos desplazarnos hacia abajo para guardar los cambios Bien, vamos a subir. Y ahora vayamos a todas las formas. Y sólo un segundo. Sí, esta es la
forma que acabamos de crear. Y podemos copiar este código corto aquí
mismo porque
vamos a necesitar este código un poco más tarde. Y apenas un segundo, vamos a previsualizar este
formulario una vez más y vamos a asegurarnos de que este
es el formulario que se califica. Sí, lo es. Esta es la forma. Y ahora podemos ir a nuestras páginas. Vamos a Todas las
Páginas y encontremos Nuestra página de contacto. Por lo que esta es nuestra página de contacto y desea hacer clic
aquí mismo agregado. Y como tenemos Elementor
instalado en nuestro sitio web, podemos crear esta página usando Elementor y eso es exactamente
lo que vamos a hacer Nuestra página de contacto va
a verse mucho mejor. Así que hagamos clic en Editar
con Elementor. Y la gran ventaja de tener un tema Astra
y plantillas de inicio es que podemos importar
plantillas prefabricadas que no necesitemos
crear todo nosotros mismos, como creando secciones
y arrastrando elementos De hecho, podemos
hacer clic aquí mismo, y podríamos seleccionar blogs. Y ahora vamos a elegir eso. Estamos buscando Contacto. Elijamos Contacto. Y ahora depende
completamente de ti qué tipo de formulario
quieres usar, qué tipo de diseño
quieres usar. Pero en este caso, creo que puedo
ir con éste. Escojamos este y
seleccionemos Importar bloque. Bien, así que
importamos con éxito este bloque de contacto. Y como puedes ver,
así es como se ve, pero por si acaso no
te funcionó correctamente. A veces en raras ocasiones, las cosas simplemente se atascan. Y en lugar de esperar, puedes simplemente refrescar
la página en sí, toda
la página en sí, y todo debería funcionar bien. Bien, así que ahora
tenemos este bloque
aquí mismo y tenemos que
agregar nuestro formulario de contacto Entonces aquí es donde
vamos a agregar nuestro contacto para hombres para agregar este cálido B12 Busque elementos que
se llamen código corto. Apenas un segundo, vamos a desplazarse hacia abajo. Este es el elemento
que queremos usar, así que simplemente arrástralo y suéltalo. Y aquí mismo,
solo pega el código que básicamente copiamos previamente cuando
creamos nuestro formulario. Bien, así que esto son las miradas. Y aquí mismo
podríamos sustituir el texto y podría decir
enviarnos un mensaje. Bien, se ve genial. Ahora puedes reemplazar
el número de teléfono. Y si no tienes dirección para mostrar o no quieres que se muestre
ninguna dirección. Esta segunda cosa que
es importante y que me gusta mostrarme
es mi dirección de correo electrónico,
entonces mi dirección de correo electrónico comercial. Así que sólo voy a
escribir dirección de correo electrónico. Bien, así que acabo de
agregar mi dirección de correo electrónico. Siempre me gusta incluir mi dirección de
correo electrónico por si acaso el cliente no pudo
contactar usando este formulario, pero realmente no sucede, pero es bueno incluir
tu dirección de correo electrónico, bien,
iconos sociales aquí mismo, puedes agregar tus perfiles
sociales Así que simplemente haz clic en esos
íconos aquí y aquí. Una vez que hagas clic en Perfil, puedes agregar tu URL
de tu perfil. Así que simplemente pégalo aquí mismo. Si tienes una página de Facebook, solo pega la URL de
tu página de Facebook. Si quieres incluir LinkedIn, puedes basar tu
perfil aquí mismo. Si no quieres
usar LinkedIn y quieres usar,
digamos Instagram. Puedes hacer click sobre
este icono y simplemente usar Buscar
para buscar Instagram. ¿Bien? Así como así, encontrarás el ícono de Instagram. Vamos a hacer clic en Insertar. Y así es como se ve. Si no te gusta este
tamaño de estos iconos, puedes cambiarlo aquí mismo y puedes ajustar el tamaño,
bien, así,
puedes hacer que tus
íconos sean mucho más grandes Y creo que se ve bien. También puedes cambiar los
colores de esos íconos. Va a ser
completamente de ti. Bien, hagamos clic en Actualizar. Y una vez que hayamos
actualizado esta página, podemos dar clic aquí mismo y
seleccionemos Ver página. Veamos cómo se ve. Bien, y como pueden
ver, así es como se ve. Esta es nuestra página Contáctenos en pleno
funcionamiento. Por lo que al usar esta página, nuestros visitantes
podrán comunicarse con nosotros y podremos
ayudarlos con cualquier duda. Antes de irnos. A lo mejor podríamos cambiar
el texto, Ryan aquí, en vez de decir enviar formulario, podríamos decir Enviar mensaje. Bien, vamos aquí mismo, el tablero una vez más Y como recuerdas, creamos este
Formulario de Contacto usando gripe y foros y queremos
seleccionar todos los formularios. Y ahora hagamos clic en
Editar aquí mismo, y hagamos clic
aquí para enviar formulario. Y en lugar de enviar formulario, digamos Enviar mensaje. Bien, hagamos clic en Guardar formulario. Y volvamos
a nuestro lado y veamos cómo se ve
ahora, hagamos clic en Contacto. Y como puedes ver, Enviar mensaje,
todo se ve genial. Y en realidad podría probar este formato para que
pudiéramos escribir el nombre, correo electrónico, dirección,
asunto y mensaje. Eso es exactamente
lo que voy a hacer. Bien, vamos a golpear Enviar mensaje. Bien, así dice, gracias por tu mensaje En breve nos pondremos en contacto
contigo. Entonces debería funcionar. momento voy a abrir mi cuenta de correo electrónico y
solo voy a probar si esto funciona para ver si recibí un formulario
enviado alfa de notificación, entonces como pueden ver, recibimos con éxito
un correo electrónico de notificación que alguien dejó como formulario. Así que no olvides que es
extremadamente importante agregar tu otra dirección de correo electrónico en lugar de
usar la
dirección de correo electrónico de
los administradores de WordPress. Entonces solo un segundo,
volveremos aquí mismo. Vamos a nuestros formularios
solo para asegurarnos que has ingresado
otra dirección de correo electrónico. Porque si no lo
has hecho, esos formularios no van a funcionar. Y por cierto, una vez que
alguien deje un formulario, verá aquí mismo, no aquí mismo, sino aquí
también en entradas. Aquí, en entradas verás que alguien te dejó un formulario, pero también te
lo notificarán a tu dirección de correo electrónico. Entonces lo más importante, no
olvides eso y todas las
formas una vez que estés aquí, esta es la forma
que acabamos de crear. Y una vez que vaya a la
configuración de este formulario, no olvide que desea que
se le notifique a otra dirección de
correo electrónico, no la misma que usa para iniciar sesión en su panel de
WordPress, lo contrario no funcionará. Así que una vez más,
asegurémonos de que aquí mismo, send to Email es la dirección de correo electrónico de tu
empresa. Porque en cualquier caso, lo mejor es mantener todo en un solo lugar, en el mismo lugar, y recibir una
notificación correo electrónico alfa colocado forma de mensaje a tu dirección de
correo electrónico comercial es solo una buena práctica porque una
vez que recibes un mensaje, vez que notificaste que
alguien te dejó un mensaje, puedes copiar fácilmente esta dirección de
correo electrónico y
puedes Bien, así que
asegúrate de haber agregado tu
dirección de correo electrónico aquí mismo Bien, así que básicamente
eso es todo por esta lección. Ahora ya sabes cómo crear tu página de Contacto con
un Formulario de Contacto activo
41. (5.6) Creación de menús: En esta lección, vamos
a crear nuestro menú principal. Y por lo general me gusta incluir mis Categorías de Producto
y el menú principal y mostré este menú principal aquí
mismo en nuestro encabezado. Entonces eso es exactamente lo que
vamos a hacer en esta lección. Sólo vamos a
crear nuestro menú principal. Y en este menú vamos a incluir categorías, Categorías de
Productos, porque este es un diseño bastante
sencillo y es muy fácil de entender
para nuestros visitantes. Bien, así que vayamos
al tablero. Y antes de crear primero
nuestro menú, debemos conocer las URL
de nuestras categorías Así que vamos a Productos
y aquí mismo, y abramos
Categorías en una nueva pestaña. Vamos a las Categorías. Y como pueden ver, este
es nuestro árbol de categorías. Esto es lo que tenemos categorías. Y sólo vamos
a copiar las URL de estas categorías y las
vamos a agregar a nuestro menú Bien, así que volvamos
a esta pestaña de aquí mismo. Y ahora deberíamos ir a la
aparición aquí mismo. Y vamos a seleccionar menús. Como puedes ver aquí mismo, tenemos editor de menús. Y si vas
aquí mismo, como puedes ver, tenemos más Menús, no solo el único menú
que está aquí mismo. Menú principal, tenemos
enlaces rápidos, menú secundario. Y si harías
clic aquí mismo, podrías crear tantos
Menús realmente como quieras. Depende completamente de
ti en este curso y en esta lección
te
voy a mostrar cómo lo hago yo mismo. Y si alguna vez quieres
crear un nuevo menú, simplemente
puedes hacer clic aquí mismo, y este nuevo menú
aparecerá aquí y podrás agregar
cualquier tipo de menú. Si yo fuera a ir
aquí mismo, ubicaciones administradas, no
vamos a hacer
nada aquí porque una vez que vamos a editar
nuestro encabezado y nuestro pie de página, básicamente
podremos
acceder a todos esos
ajustes aquí mismo, pero en una ubicación diferente. Entonces no necesitamos
hacer nada aquí. Y bien,
volvamos a Menús. Y como puedes ver aquí mismo, si seleccionarías ubicaciones de
menú, así puedes seleccionar la ubicación del menú, pero ahora mismo, todo está
bien ya que es por defecto. Así que nuestro objetivo en este
momento es crear nuevos elementos de menú para que
podamos agregar este
elemento de menú a nuestro menú. Bien, así que
usemos enlaces personalizados. Entonces aquí mismo, quieres
agregar la URL de tu categoría. Así que volvamos a Categorías, y abramos esta categoría también
en la nueva pestaña. Hagamos clic en Ver, y ahora
queremos copiar esta categoría. Y volvamos a
nuestros Menús y simplemente peguemos esta URL aquí mismo y agreguemos el título
de tu categoría. Bien, hagamos
clic en Agregar al menú. Y como puedes ver, agregamos con éxito
un nuevo elemento del menú. Ahora, en realidad podemos
eliminar este elemento del menú que se creó por defecto porque no lo
vamos a usar. Podemos dar click aquí mismo, eliminar. Bien, así que
volvamos a todas las Categorías. Ahora podemos cerrar esta categoría y vamos a abrir los
juguetes de baño en una nueva pestaña, igual que hicimos
con los juguetes de madera. Y nuevamente,
copiemos esta categoría. Eso es volver a nuestro
editor de menús y justo aquí y solo pega la URL y dale
el título a esta categoría. Bien, hagamos
clic en Agregar al menú. Bien, hay,
puedes ver que
agregamos con éxito a los elementos del menú Y si alguna vez querrás
crear cualquier
tipo de menú diferente, también
puedes incluir páginas aquí
mismo de la lista. Como puedes ver,
incluso puedes incluir Publicaciones de Blog. Alguna vez querrás hacer eso. Y también puedes incluir endpoints
WooCommerce. De nuevo, éste
va a ser de ustedes. Quizás en el futuro
decidas que quieres hacer algunos cambios a tu versión
actual de menú. Pero por ahora vamos a centrarnos
en agregar enlaces personalizados. Y así como
los agregué para correr aquí, voy a terminar de agregar todas las demás
categorías a mi menú. Bien, hay, ya
ves que acabo de terminar agregar todas las Categorías
a mi menú Y así es como se ve. Si no te gusta cómo se ve, no
te gusta el
posicionamiento de cada elemento. Puedes intercambiar lugares
si te mudarías, digamos este
elemento aquí mismo, va a ser
el primer elemento. También puedes crear
categorías y subcategorías. Entonces, por ejemplo,
digamos si tienes juguetes
educativos o tal vez
no juguetes educativos, digamos, vamos a
pintar aquí mismo. Entonces digamos que nuestra pintura
sería la categoría principal. Y vas a tener subcategorías como Categorías
hijo, cuatro pinceles para papel o
algo más similar Y quieres hacer esta categoría
aquí mismo, la principal. Y quieres crear
un menú desplegable. Entonces en este caso, tendrías que tomar
tu Subcategoría Digamos que esta es la
subcategoría con pinceles. Y si
lo moveríamos hacia el lado derecho, así como así,
podremos crear
un menú desplegable. No hagamos esto
ahora mismo porque no
tenemos ninguna categoría padre e
hijo. Todo está bien tal como está, así podemos moverlo de nuevo. Sólo voy a intercambiar
lugares con este de aquí y voy
a hacer de éste el último. Y siento que se ve bien. Siento que se ve bien. Y ahora podemos hacer clic en guardar menú. Bien, hagamos clic en un menú
más para ahorrar tiempo. Bien, así que ahora podemos
previsualizar cómo se ve. Entonces solo voy
a abrir esta en
una nueva pestaña una vez más. Y vamos a hacer clic y
veamos cómo se ve. Y como pueden ver, ahora, tenemos nuestro menú principal listo. Entonces así es como se ve. Y etapas posteriores cuando
vamos a editar nuestro encabezado, vamos a cambiar
el posicionamiento de este menú aquí mismo. Podemos posicionar este menú a
la derecha o al centro. Va a ser
completamente de ti. Pero por ahora es que puedes
ver con éxito, creamos nuestro menú principal. Entonces, si me gustaría hacer clic en la categoría de
disfraces aquí mismo, como pueden ver, nuestra go-to
ma, categoría de disfraces Bien, volvamos a
la página principal de nuestro sitio web y solo para mostrarte un ejemplo de cómo funciona el menú
desplegable Entonces volvamos
a nuestro editor de menús y digamos que voy a
hacer categoría de disfraces,
mi categoría padre y categoría infantil
va a ser juguetes de baño. En tu caso,
claro, van a ser diferentes
categorías y subcategorías, pero solo te estoy mostrando
esto como va a quedar Bien, así que voy a
llevar juguetes educativos
así como una
categoría infantil para disfraces Esa es una
categoría padre en este caso. Voy a mover este al
lado derecho. Y ahora sólo voy
a hacer clic en guardar menú y vamos a comprobar cómo
se ve y usarlo tú mismo. Eso moviendo muchos
elementos hacia el lado derecho, podemos crear menús desplegables. Bien, vamos a
ver cómo se ve. Y si pongo el cursor sobre los disfraces, como pueden ver,
tenemos un menú desplegable Así que así,
también puedes crear menús desplegables. Pero en este caso
sólo voy a volver y voy a hacerlo
como antes. Bien, así que volvemos a la
primera versión de nuestro menú. Y como puedes ver, todo se ve genial
y así, puedes crear fácilmente tus Menús
42. (5.7) personalizar el tema (Astra): En esta lección,
vamos a empezar a personalizar nuestro tema de WordPress Entonces para comenzar a personalizarlo, tienes que dar clic aquí
mismo, Personalizar Bien, así como puedes ver, así es como se ven nuestras
opciones de personalización Y a veces en raras ocasiones, una vez que haces clic en Personalizar, congela y es posible que no se cargue. Entonces, en este caso, intenta cerrar tu navegador y
abrirlo una vez más. Pero creo que no debería
pasarte a ti. Pero nuevamente, si esto sucede, si una vez que haces clic en Personalizar, no
estás viendo
nada y simplemente se congela. Intente actualizar su navegador o reiniciar su computadora
y debería ayudar Simplemente
me pasó un par de veces, pero probablemente fue
culpa de mi computadora. Bien, así que vamos a
revisar la barra lateral de todas las opciones de personalización Entonces como puedes ver, incluso ten
este aviso aquí mismo, si usarías la versión
Astra Pro, tendrás más opciones de
personalización. Entonces, este es el mayor
inconveniente cuando estás usando temas
gratuitos es que estás rezagando en las opciones de personalización Pero en cualquier caso, no importa en qué tipo de
FEM estés trabajando, aún
puedes exprimirte en este fémur y
podrás obtener buenos resultados Entonces eso es exactamente lo que
vamos a hacer en esta sección. Y luego después sección
donde te voy a mostrar como editar todo
con un tema premium. Te verás
cuántas opciones de personalización
vas a tener. Compárelo con este tema de Astra. Bien, así que comencemos con la configuración
global aquí mismo. Y como pueden ver, si
iría a la pestaña de tipografía, puedo cambiar la
fuente en mi página web Entonces, como recuerdas, cuando estaba instalando plantillas de inicio, tenía la opción de elegir qué fuentes y qué
paleta de colores quiero usar. Entonces, si eliges una fuente y ya no
te gusta, aquí es donde puedes cambiarla. Bien,
volvamos y en colores. Entonces en colores, por supuesto, podrás cambiar la paleta de colores
de tu sitio web. Entonces, si no te gusta
la paleta de colores que elegiste anteriormente, puedes cambiarla aquí mismo. Bien, volvamos contenedor. No vamos a hacer ningún
cambio en contenedor porque todo está
bien ya que es por defecto. Y una vez más, me gusta
decir que deberías explorar todo tú mismo y
probar dos opciones diferentes,
diferentes escenarios. A lo mejor decidirás que quieres que tu
sitio web se vea diferente. No sólo para seguir este
curso que están haciendo, no sólo siguiendo mis lecciones, sino que a lo mejor querrás
hacer algo diferente. Así que no tengas miedo de
explorar todo tú mismo. Bien, volvamos. Botones. Obviamente aquí mismo vas a estar haciendo cambios en los botones. Y aquí puedes encontrar diversos
ajustes de estilo diferentes para botones. Puedes cambiar los colores y
hacer todos los demás ajustes. Entonces este depende de ti, pero siento que todo
está bien ya que es por defecto. Bien, si yo iría justo aquí y eso se activaría, este permite desplazarse hacia arriba Apenas un segundo, voy a
desplazarme hacia abajo una vez que esté activo, como pueden ver, activa
esta opción aquí mismo. Si voy a dar
click sobre este icono, iré a la parte superior de mi página, así que depende de ti si
quieres activar esto. Pero por lo general me gusta que
todo sea sencillo y
no uso demasiadas
funciones en mi sitio web. Bien, volvamos. Accesibilidad. No necesitamos cambiar nada porque
todo está bien. Volvamos. Y si vas al
blog, abre la puerta, no
necesitas cambiar
nada aquí también. Bien. Volvamos aquí,
en realidad aquí mismo. No vamos
a necesitar cambiar nada también porque
todo está bien. Bien, volvamos. Entonces ahora estás un poco más familiarizado con todos
los escenarios globales. Entonces, los ajustes globales están
básicamente relacionados con el
Estilo y depende de
ti si quieres hacer algún cambio. Volvamos. Y Heather, Constructora, no
vamos a hacer ningún cambio en este momento porque tengo una lección completamente
diferente para trabajar con tu encabezado
que está aquí mismo. Y claro que voy a
tener una lección aparte para trabajar con tu
deuda de Pie de Página está aquí mismo. Bien, subamos y migas
de pan. No necesitamos activar
ninguna miga de pan porque estropeará la
forma en que se ve nuestro diseño Entonces por ejemplo, si voy a dar click sobre este
producto aquí mismo, y si
activaría las migas de pan, así que digamos así así, como pueden ver,
tenemos pan rallado Básicamente tenemos mapa
corto de nuestra página, la página actual, agregamos la
categoría y la Página principal. Pero nuevamente con
las tiendas de eCommerce
y no uses eso, y realmente no necesitas
usar eso también. Bien, volvamos. Bien, sólo un segundo. Déjame ver. Volvamos a la configuración
global. Y solo quería comprobar
algo con colores. Oh sí, entonces algo es
importante aquí después de todo, incluso me sentí como dije, esos ajustes son
completamente de ti. Nuevamente, no tengas miedo de
explorar ofreciéndote. Pero aquí, lo único
que es importante para mí es ese adulto como este color
gris aquí mismo, como pueden ver, mi imagen
es con un fondo blanco y me gustaría tener este color gris
y blanco también. Entonces esta es esa opción de fondo
lateral. Voy a dar click aquí mismo, y voy a elegir
esta opción y siento que se
ve mucho mejor. Sí, se ve mucho mejor. Bien, así que volvamos. Y si vas a necesitar hacer este cambio, para cambiar
el fondo, solo recuerda que todos los ajustes relacionados con dos colores
se hacen aquí mismo. Bien, volvamos. Así que las migas de pan, no estás usando Vamos a saltarnos la pestaña del
blog porque no
hemos agregado ninguna entrada de blog No hemos establecido una página para
mostrar publicaciones de blog, así que tengo una sección completamente
separada para trabajar con blogs. Así que de nuevo,
va a ser hasta que quieras empezar a
presumir de entrada de blog, pero siempre son muy recomendables para posar publicaciones de blog porque esta manera puedes atraer más
visitantes a tu sitio web. Bien, vamos a Pages. Y aquí mismo, si
haríamos algún cambio, haríamos cambios en las páginas. Entonces como
lo recuerdas, páginas que no
fueron creadas
usando Elementor Entonces esas páginas son política de
cookies, devoluciones y reembolsos y todo
otro tipo legal de páginas. Bien, entonces aquí
no vamos
a necesitar cambiar nada porque
todo está bien Así que volvamos otra vez. Vamos a la barra lateral. Entonces este es opcional
si quieres
activar la barra lateral
para tu sitio web. Entonces por ejemplo, si
activara esta
barra lateral aquí mismo, como pueden ver,
tengo una barra lateral. Y en esta barra lateral puedo
incluir alguna información, pero realmente no hago eso. A veces activo esta
opción cuando estoy trabajando con sitios web de negocios
para representar marcas. Pero cuando se trabaja con tiendas de
comercio electrónico, me gusta mantener esta opción
aquí mismo sin una barra lateral. Creo que se ve mucho mejor. Bien,
volvamos a Footer Builder. Entonces tengo una lección completamente
separada para esto. Así que ahora podemos saltarlo tipos
de post personalizados. Si me fuera a ir justo aquí. No necesitamos
cambiar nada porque no hemos
agregado ninguna entrada de blog. Y en realidad el diseño actual que tenemos
ahora mismo va a estar bien. Y después una vez empezamos a añadir entradas de blog donde voy a
mostrarte cómo funciona eso. A lo mejor volveremos
a esta opción aquí mismo para comprobar qué opciones tenemos. Y vamos a probar
algunos diseños diferentes. Pero por ahora,
no necesitamos cambiar nada porque todo
es simplemente genial como es. Bien, si
iría a WooCommerce. Entonces obviamente aquí mismo
estaremos haciendo cambios en
la parte WooCommerce
de nuestro sitio web para que
podamos hacer cambios en el
Catálogo de Productos aquí mismo. Podemos hacer algunos ajustes
generales. Si volvería a ir a
ajustes generales, tenemos algunos
ajustes de diseño que
no necesitamos cambiar para trabajar. Entonces, si voy a ir a
Catálogo de Productos apenas un segundo, va a abrir
nuestro catálogo de productos. Entonces este es nuestro catálogo
y así se ve. Entonces podemos cambiar el diseño, podemos cambiar cuántas
columnas queremos mostrar, y puedes hacer varios otros ajustes que
puedes ocultar, digamos precio. Si no quieres mostrar
el precio de tu producto, puedes activar la bolsa de premio, puedes activar Agregar al carrito si quieres. Apenas un segundo. Así va a quedar, pero por lo general me gusta que
todo sea sencillo, así que sólo voy a
desactivar este y no vamos
a cambiar nada Para que podamos regresar. Bien, sólo un segundo.
Si quiero volver a esta pestaña de
catálogo de productos, y si iría a la
pestaña Diseño, como pueden ver, puedo cambiar la alineación, pero estamos limitados aquí mismo porque no estamos
usando una versión pro de Astra Theme para que podamos volver
atrás y productos individuales. Entonces, si iría
a un solo producto, estaré haciendo cambios a un producto en sí,
a la página del producto. Entonces, por ejemplo, sólo
voy a abrir esta página. Y como pueden ver,
así es como se ve. Y si haría
cambios como el layout, puedo desactivar y habilitar
algunos de los elementos, como pueden ver aquí mismo, acabo de habilitarlo. Quiero mostrar la categoría. Entonces en este caso, podría deshabilitar el meta
elemento aquí mismo. Y como pueden ver,
desaparece. Y ahora solo tenemos categoría, pero por lo general me gusta
mantenerla de esta manera y puedo desactivar la categoría porque si vamos a mostrar
todo de esta manera, pero materia habilitada es
que se puede ver que tenemos categoría y tenemos etiquetas
para este producto pagos. Podemos habilitar esta. Puedes informar a tus clientes
qué tipo de
pagos aceptas. Y como puedes ver, tenemos Visa, MasterCard
y todas las demás opciones. Incluso puedes agregar otras opciones, como si escribes PayPal, podrías agregar un ícono. Entonces por ejemplo, si voy
a buscar el icono de PayPal, como pueden ver, puedo agregar un icono de
PayPal así como así. Bien, sólo un segundo. Y así
es como va a quedar. Para que podamos mantenerlo de esta manera. Debería aumentar nuestra
confianza hacia nuestros clientes. Decimos que garantizado
guardar checkout, por lo general estos trucos simples funcionan y se podría esperar un
aumento en la tasa de conversión. Bien, vamos a desplazarnos hacia
abajo qué más tenemos. Por lo que podríamos deshabilitar el envío
gratuito. Este texto
aquí mismo es lo puedes ver tenemos más envío gratis. Entonces claro que depende si estás ofreciendo envío
gratis. Entonces, en este caso, es posible
que no desee deshabilitar esta opción. En mi caso, no estoy
ofreciendo envío gratis. Ofrecen envío gratis, pero mi cliente tiene que gastar al menos $50 en tienda masiva
para obtener envío gratis. Bien, así es
como va a quedar y vamos a la pestaña Diseño Y sin embargo no tenemos ninguna opción aquí mismo
porque una vez más, estamos usando una
versión gratuita de Astra Theme. Bien, volvamos. Y si iría a la página de la tarjeta, obviamente aquí mismo, estaré haciendo cambios en la página del carrito. Entonces debería ir a la página de mi carrito
justo aquí solo un segundo. Bien, entonces esta es mi tarjeta. Y si
activara esta opción, podría cambiar los textos
aquí mismo, proceder al checkout. Podría añadir cualquier otro
texto que quiera, pero por lo general
me gusta seguir así. Creo que se ve bien. Bien, volvamos
y aquí mismo
tenemos varios ajustes
para la página de pago Entonces, una vez más,
vayamos a la página de pago. Y como puede ver, tenemos habilitado el campo
de nombre de la compañía aquí mismo. Y realmente no necesitamos
tener este campo, porque obviamente es
demasiado confuso durante horas, solo para nuestros clientes. A menos que esté haciendo
negocios a negocios, entonces es posible que desee
tener esta opción habilitada. Pero en mi caso, y en la mayoría de los casos, deberías desactivar este. Y una vez más con dirección de
calle, puedes mantener un dos
campos aquí mismo. Pero por lo general me gusta
desactivar este campo. Y quería que me gustara mantener
un campo para calle y dirección porque es más fácil para los
visitantes
que los clientes
entiendan todo. Bien, entonces creo que
todo se ve genial. Y aparte de eso, realidad no
necesitamos
cambiar nada aquí. Podemos regresar. Y aquí mismo, no
vamos a activar ninguna opción. Creo que todo está
bien ya que es por defecto. Así que volvamos. Imágenes del producto. Aquí podrás hacer cambios en
las imágenes del producto, el tamaño y
todo por el estilo. Pero siento que todo
está bien ya que es por defecto, así que no necesitamos
cambiar nada. Aviso de tienda. Este depende completamente de ti si quieres activarlo. Entonces por ejemplo, si
voy a activar aviso de
Tienda aquí,
como pueden ver, así es como se ve y ahora no
podemos ver nuestro encabezado. Deberíamos activar esta
opción aquí mismo. Y como pueden ver, así es como se ve y
no tiene sentido. No necesitamos
mostrar este mensaje, pero por lo general me gusta incluir esa oferta de
envío gratis por todos tus 50 dólares de
plata o
algo así. Entonces en este caso, sólo
voy a escribir exactamente eso. Y como pueden ver, así
es como se vería. También puedo cambiar el color. Aquí es donde estoy haciendo, cambios en el color del texto, pero puedo cambiar el color
de esta barra aquí mismo. Entonces creo que este color
debería encajar en mi estilo. Sabes qué, en realidad
yo, ¿qué tan listo el color? Así que sólo voy a pegar
el código aquí mismo. Bien, como pueden ver,
así es como se vería. Y una vez más,
depende completamente de ti si quieres
mostrar este mensaje. Pero es una de las
formas en las que puedes hacer eso. Y puedes decir que
estás ofreciendo envío gratis. Pero en este caso
solo voy a
desactivarlo y solo quería
mostrarte cómo funciona. Bien, volvamos
y qué más tenemos. Realmente no necesitamos
cambiar nada aquí porque esto es en realidad
no tenemos más opciones, así que podemos volver atrás
y dentro de la identidad, vamos a agregar un icono de sitio. Entonces esto es bastante importante. El icono del sitio se muestra aquí mismo, porque ahora mismo
tenemos un icono de WordPress. Y sólo voy a
subir el ícono de un sitio. Entonces ya tengo mi expediente. Bien, así que acabo de
subir mi imagen, y estas son las dimensiones
512 por 512 pixeles Y hagamos clic en Seleccionar. Y como pueden ver
ahora tenemos mi icono. Bien, vamos a la configuración del sitio, título y logotipo Cambiemos el logo. Así que vamos a hacer clic aquí mismo. Y este es el logo, subido, este logo anteriormente. Y vamos a hacer algunos
cultivos ahora mismo. Bien, hagamos esto un poco más grande y hagamos
clic en Recortar imagen Y ahora podemos hacer algunos
ajustes al tamaño del logotipo. Podemos hacerlo un poco Berger. Creo que se ve bien. Y aquí puedes consultar algunas otras configuraciones,
algunas otras opciones. Pero creo que todo está bien como lo es justo ahora,
como recuerdas, cuando estamos haciendo algunas configuraciones
generales a
nuestra propia Configuración de WordPress, agregamos el título del sitio
y agregamos lema Entonces tenemos las mismas cosas por
aquí así que no
necesitamos cambiar nada. Bien, volvamos. Y este es el constructor de cabeceras. Entonces vamos a volver con este constructor de Heather
en la siguiente lección. Bien, si
íbamos a Menús, como puedes ver aquí mismo, tenemos nuestro menú principal Entonces básicamente este es el menú
principal y puedes cambiar las ubicaciones donde
quieras mostrar este menú. Pero ahora mismo, todo está bien tal como está y no
necesitamos cambiar nada. Pero puedes explorar esta pestaña tú mismo si alguna vez
necesitas agregar más Menús. Entonces este depende de ti cómo
quieres acercarte a esto. Pero
aquí no voy
a cambiar nada porque todo está bien. Bien, vamos a los widgets. Así que aquí mismo en widgets, vamos a la barra lateral WooCommerce. Podemos añadir algunos widgets. Entonces aquí me gusta mostrar categorías tengo
widgets son básicamente pequeñas piezas de contenido o información
podrías agregar una imagen, digamos si
harías clic
aquí mismo y podrías
hacer clic en Examinar todos. Y si
buscarías una imagen, Digamos que podrías incluir
una imagen que que estás ofreciendo algún tipo de venta es
solo una forma de hacerlo. Este es solo el de
los widgets que puedes agregar, pero normalmente me gusta
incluir mi categoría. Entonces voy a desplazarme hacia
abajo como puedes ver, tenemos widgets WooCommerce. Entonces sólo un segundo. ¿Dónde está esta categoría destacada? Apenas un segundo. Sí, este es el widget, así que solo voy a dar
click aquí mismo. Y como pueden ver,
así es como se ve. Para que podamos
conservarlo así. Y ahora tenemos este widget y nuestros visitantes van a ver cuántos productos tiene cada
categoría y va a ser más fácil para ellos
navegar por nuestro sitio web. Bien, así que así así, volvamos a Configuración de la página principal Entonces ahora mismo, no
vamos a cambiar nada en lección
posterior cuando
vamos a
hablar del aspecto Blog de nuestro sitio web, aquí es donde vamos
a hacer algunos cambios. Así que aquí mismo vamos a
crear una página de blog y
vamos a configurar esta página de blog
para mostrar publicaciones de blog. Pero por ahora no vamos a hacer nada si
vas a CSS adicional, aquí es donde
puedes hacer cambios Style usando código CSS. Y esto es para usuarios avanzados
que conocen un poco de codificación, pero aquí no vamos
a hacer nada. Bien, así que una vez que hayamos terminado
con todos esos cambios, no
olvides dar clic aquí
mismo, Publicar Y ahora podemos
cerrar esta barra lateral. Bien, este es
nuestro sitio web se ve ahora y está empezando a
verse mejor, mucho mejor Y aquí mismo, como pueden ver, tal vez
sería mejor
tener esto que dice venta y color blanco y en
esta burbuja de Color eléctrico. Pero no tenemos
esos ajustes es sólo porque
tenemos tres Theme. Estamos usando un tema gratuito. Podríamos ir a hacer algunos
cambios con el código CSS, pero sigue siendo bueno, no
se ve tan mal. Y en sección posterior donde te
voy a mostrar cómo personalizar tu sitio web
usando un tema premium. Te verás a ti mismo que esos cambios como
cambios para vender burbuja. Se hacen fácilmente
con el tema premium. Bien, así que asegurémonos de
que todo quede bien. Vayamos a nuestro producto. Veamos cómo se ve nuestro producto. Y todo se ve bien
para estar obteniendo resultados
bastante buenos incluso
porque estamos usando un tema gratuito. Entonces básicamente esto
es para esta lección. Y ahora ya sabes cómo
personalizar tu tema. Y solo para que sepas que cada haz suele tener diferentes opciones
de personalización. Entonces lo verás tú mismo
que en la siguiente sección de las partituras en el otro
tema va a tener diferentes opciones de
personalización. Así que eso es todo por ahora
43. (5.8) Editar encabezado (Astra): En esta lección vamos a
trabajar en nuestro encabezado aquí mismo. Al igual que te lo dije en
la lección anterior, vamos a volver aquí. Y como pueden ver, estoy de vuelta a mis opciones de
personalización y para comenzar a trabajar
en nuestro encabezado, vamos a dar clic
aquí mismo, Creador de encabezado. Y antes de comenzar a trabajar en diversos
asentamientos aquí mismo, solo
quería explicarles
qué es encabezado transparente. Entonces, si vas
a dar click
aquí mismo , encabezado transparente, podemos activar un tipo
diferente de encabezado que sea transparente
porque en este momento
tenemos un Header clásico
y en realidad pensamos que brezo
clásico funciona muy
bien con las tiendas de eCommerce. Y tal vez el encabezado transparente es una buena opción cuando se trabaja en sitios web de negocios para representar una marca o negocio. Y por ejemplo, si voy a activar tipo de
encabezado aquí mismo, como pueden ver, así es
como va a quedar. Así que básicamente nuestra sección
con un encabezado simplemente desaparece y va en la parte superior
en esta primera sección. Entonces cuando activas
un encabezado transparente, tienes que tomar una
cuenta que
tienes que cambiar tu imagen,
la imagen de fondo
para esta sección, tienes que ajustar
esta imagen para que
funcione con tu encabezado
transparente. Entonces como dije, generalmente esto funciona muy bien con los sitios web
de negocios. Pero cuando estoy trabajando
con sitios de comercio electrónico, por lo general
me gusta mantener el
clásico heather N aquí mismo. También puede habilitar o deshabilitar este tipo de encabezado para
varias páginas diferentes. Entonces, por ejemplo,
podrías deshabilitarlo para publicaciones de blog o páginas. También podría desactivarlo para las páginas de productos de
WooCommerce. Porque si iríamos a
nuestra página de producto aquí mismo, entonces por ejemplo,
solo voy a abrir este producto, Ryan aquí. Como puedes ver,
no se ve bien. Y si lo desactivara, este encabezado transparente
solo para mi página de producto, volveríamos a nuestro tipo
clásico de Encabezado. De nuevo, depende de ti qué tipo de Cabecera quieres usar. Pero por lo general me gusta
que todo sea sencillo cuando trabajo
con tiendas de comercio electrónico. Y me gusta
desactivar esta opción, pero antes de desactivar
esta opción, también
quería decirte
que puedes elegir si
quieres habilitar este encabezado
transparente en particular, igual
que este de aquí
mismo en
dispositivos móviles o simplemente esos sub dispositivos, o para equipos de escritorio o móviles
juntos. Así es como va a quedar, pero deshabilitemos este. Yo sólo quería
mostrarte cómo funciona eso. Quizás en el futuro
decidas que quieres
trabajar un poco más en el
estilo de tu sitio web, y tal vez quieras
activar un encabezado transparente. Bien, volvamos. Y las primeras cosas cuando
estoy trabajando en mi cabecera, solo
me gustó asegurarme de que todo esté en su lugar y que
todo quede bien. Entonces como puedes ver aquí mismo, tenemos tres niveles
para nuestro encabezado. Podríamos crear múltiples
capas para nuestro encabezado, pero generalmente me gusta mantener
todo simple y fácil de entender para mis
clientes, para mis visitantes. Y como puedes ver aquí mismo, tenemos nuestro menú secundario
agregado a este encabezado, pero no estamos usando ese menú secundario de
dedos. Para que podamos eliminar esta. Creo que va a
quedar mucho mejor si voy mover nuestro menú primario en
el centro aquí mismo. Y siento que va a quedar mucho mejor si voy a mover la página del carrito a
la derecha de este encabezado. Y ahora no tiene
mucho sentido porque si no podemos ver los elementos de nuestra
cuenta, así que vamos a trabajar en este
elemento aquí mismo. Entonces este elemento,
dejaremos que nuestros visitantes, nuestros clientes inicien sesión
en su cuenta. Bien, entonces en lugar de usar
avatar, usemos el sexo. Me gusta usar texto porque es sencillo y
fácil de entender. Y ahora mismo URL de la
cuenta, simplemente no
tiene sentido porque no
tenemos esa URL en nuestro sitio web. Si iría a la URL de inicio de sesión, es una
URL completamente diferente a la de mi sitio web. Entonces tenemos que
averiguar cuál es nuestra URL, ¿cuál es nuestra URL de
nuestra página de cuenta? Entonces, para ello, abramos nuestro sitio web
en modo incógnito Así que solo voy a abrir
esto en una nueva ventana privada. Sólo voy a ir a mi página web. Ahora, como puedes ver en un momento, así es como se ve. Y si me gustaría dar clic aquí mismo, esta es la página de mi cuenta. Entonces, si voy a hacer click en esta, como
pueden ver aquí mismo, vamos a una
página web completamente diferente que no es la nuestra. Así que volvamos y
tenemos que arreglar este
problema aquí mismo. Nuestro objetivo en estos momentos es
encontrar nuestra página de cuenta, como recuerdo la vi
y el pie de página, esta es nuestra página de cuenta, así que voy a hacer clic en
esta página Mi Cuenta. Como puedes ver aquí mismo, dice mi cuenta dash T2, igual que cambiamos esto
con nuestra página nítida. Hagamos esto, pero
mi página de cuenta, porque simplemente
no se ve bien. Y vamos a minimizar
esta ventana más tarde. Vamos a volver a
esta ventana y vamos abrir una nueva pestaña y
vamos a nuestro sitio web. Queremos asegurarnos de
que todo se vea tan bien como pueda verse. Por lo que tenemos que
hacer cambios en esta página Mi Cuenta. Vayamos al tablero de instrumentos. Entonces como recuerdas
con página nítida, fuimos a Pages. Y ahora una vez que estemos aquí, vamos a desplazarnos hacia abajo y
esta es la página de mi cuenta. Entonces, hagamos clic en Edición rápida, y ahora eliminemos
este guión dos. Bien, hagamos clic en Actualizar. Y ahora para asegurarnos de
que todo funcione, deberíamos ir a WooCommerce. Vayamos a Configuración y
asegurémonos de que
tenemos la página correcta establecida
para nuestra página de cuenta. Así que vayamos a la pestaña Avanzadas. Y como puedes ver
aquí mismo en la página de mi cuenta, tenemos página que tiene ID 9.9 Entonces esta es la misma página en la
que hicimos cambios y ahora queremos
guardar información de cambios. No hicimos ningún cambio. Hagamos esto porque esto nos
ayudará a poner todos los
cambios en su lugar. Bien, antes de irnos, purguemos todo el efectivo Y ahora podemos cerrar
esta pestaña aquí. Y volvamos a
nuestro modo incógnito. Y ahora podemos volver a nuestra página de inicio porque
queremos repetir todos los pasos. Así que refresquemos esta página antes de ir a la página de mi cuenta,
y vamos a desplazarnos hacia abajo y
seleccionemos mi cuenta. Y como pueden ver, ahora, el guión dos se ha ido. Entonces ahora queremos
copiar esta URL
aquí mismo porque la vamos a
usar para este elemento aquí. Cerremos este modo Incógnito. Y ahora podemos pegar
esta URL aquí. Sólo un segundo, así como así. Y ahora quieres copiar
esta parte recorta mi cuenta. Vamos a copiar este de aquí. Y peguemos esto aquí mismo. Así que asegúrate de que
se vea así. Bien, así que ahora
una vez que nuestros visitantes, una vez que nuestros clientes hagan
clic en esto, elementos de
Mi Cuenta,
van a ir a su página de cuenta Y si no tienen una
cuenta en nuestro sitio web, podrán crear una. Bien, vayamos a la pestaña Diseño y cambiemos el color de este elemento porque no
creo que eso vaya
a quedar bien en este color Así que vamos aquí mismo. Las siguientes opciones. Vamos a elegir el color. Creo que color
gris se verá genial. Bien, creo que se ve bien. Bien, entonces ahora, una vez que hayamos
terminado con esta parte, volvamos y podemos clic aquí para hacer cambios
a nuestro carrito aquí mismo. Pero en cambio, podemos dar click aquí. Básicamente es lo mismo. Bien, entonces aquí puedes elegir qué tipo de auto
quieres tener Creo que este icono se
verá mucho mejor. Bien, se ve bien. Y aquí puedes agregar etiqueta de tarjeta. Como puedes ver, esta etiqueta
de tarjeta dice cuánto valen nuestras tarjetas en este
momento son de 69 a siete. Entonces puedes cambiar eso aquí. Incluso puedes ocultar la etiqueta total
del auto. Entonces por ejemplo, si
voy a activar éste y no pasa nada
y es completamente normal. Simplemente funciona cuando tu
tarjeta está completamente vacía. Entonces este de aquí, uno te muestra ceros Entonces, en lugar de hacer esto, por lo general
me gusta que
todo sea sencillo. Sólo voy a
eliminar esta etiqueta del carrito y simplemente desaparece. Bien, si me gustaría
hacer clic aquí mismo, podría elegir cualquier
tipo diferente de etiquetas Pero como
dije, por lo general me gusta
mantener todo vacío porque esta manera también va
a verse mucho mejor en otros dispositivos. Bien, ¿qué podríamos hacer? Creo que podríamos
cambiar el color de este icono aquí mismo. Para hacer esos cambios, tenemos que ir aquí, diseñar y
cambiemos el color de la tarjeta. Quiero hacer tarjetas
coloreadas
igual que el color de mi logo aquí mismo. Entonces tengo listo este color. Sólo voy a
abrir este de aquí, y voy a pegar este
color aquí mismo. Bien, así es como se ve. Apenas se ven cambios, pero creo que se ve mejor. Bien, cuente el color. Podemos cambiar el
color a blanco. Creo que va
a quedar mucho mejor. ¿Bien? Entonces si quisiera nuestro, nuestro este elemento aquí, como pueden ver, se vuelve negro. Así que podría cambiar este de
aquí también en color blanco. Y si voy a rondar una vez
más, no pasa nada. Así que en realidad podríamos
cambiar el color del hover. Entonces si haría clic
aquí mismo y
elegiré este color. Como puedes ver, aquí es
un poco
diferente a este color. Y sólo un segundo. Y si colocara el cursor
sobre el icono de mi carrito, como pueden ver, así
es como se ve Creo que se ve bastante bien. Normalmente me gusta
mantener este tipo de encabezado
minimalista y sencillo porque generalmente me gusta hacer que
todo sea tan fácil y sencillo entender porque creo que esto ayuda a nuestros clientes y me
gusta mantener las cosas simples Y antes de irnos, antes de publicar
todos los cambios, asegurémonos de que
todo se vea genial en otros dispositivos también. Entonces, si haría clic
en la vista de tableta, como pueden ver, así es
como va a quedar. Por supuesto, puedo ver
que no se ve muy bien. Todo el diseño de la página principal, se ve bastante desordenado. No significa necesariamente
que vaya a verse en las tabletas. A veces simplemente se
congela y hay que
verificar en la propia tableta
o en el dispositivo móvil Y si ves que
no está funcionando,
no se ve bien. Todo el diseño, al
igual que el diseño de la página de inicio en el
que trabajamos anteriormente,
no se ve bien. Como recuerdas, deberías
hacer algunos ajustes en tu página de inicio como hicimos en secciones como
lo hicimos con columnas. Porque a veces esos cambios, simplemente
desaparecieron, no salvan. Y como dije, es el mayor
inconveniente cuando se trabaja con un breve Temas Y porque te
faltan muchas
opciones de personalización y tienes que trabajar en esos ajustes,
en esos cambios un par
de veces, bien, pero antes de irnos, asegurémonos de que
tenemos un buen layout El diseño que me gusta usar, me gusta mantener el logotipo de mi sitio en el medio, así como así. Y del lado izquierdo, me gusta mantener mi menú. Creo que se ve bien. Podríamos cambiar el
color de este menú. Entonces, si voy a dar
click en Toggle Menu, como pueden ver, podemos
elegir el estilo de icono. Podemos cambiar el estilo, pero no esperemos grandes cambios. Entonces, por ejemplo, si
voy a elegir Outline, no
va a quedar muy bien. Pero como dije, estamos trabajando con
un tema gratuito y
estamos limitados con las opciones de
personalización. Bien, así que vayamos a Diseño y asegurémonos de que tenemos el mismo color que tenemos
para nuestra tarjeta o nuestro logotipo Porque creo que
va a quedar mucho mejor. Bien, entonces tengo listo
este color, así que sólo voy
a pegarlo aquí ¿Bien? Y
siento que se ve mejor. Bien, vamos a ver
cómo va a quedar en los dispositivos móviles Y como puedes ver,
así es como va
a verse en los dispositivos móviles. A lo mejor no se ve muy bien. Porque una vez más,
estamos trabajando con un tema gratuito y no
debes esperar resultados
extremadamente buenos
porque estamos trabajando con las herramientas gratuitas y no debes
olvidar que tales herramientas, tienen
versiones premium por razón, porque cuando estás limitado
con las opciones de personalización, generalmente la gente tiende a
obtener la versión pro. Bien, así que volvamos
a nuestra vista de escritorio. Veamos cómo se
ve. Se ve bien. Entonces, una vez que hayas terminado con esos cambios, hagamos
clic en Publicar. Y una vez más, cuando estés trabajando en cualquier parte
de tu sitio web, no tengas miedo de explorar
todo tú mismo. Si no
publicas ningún cambio, no
vas a estropear nada así que no tienes que
preocuparte por nada. Bien, así que terminamos
con esos cambios y ahora podemos
cerrar esta barra lateral Bien, así que siento que se
ve bastante bien. Y antes de revisar
todos los cambios, vayamos al
tablero y hagamos clic aquí mismo,
purguemos todo el efectivo. Asegurémonos de que
todos los cambios en Vivo. Bien,
volvamos a nuestro lado. Y ahora sólo
voy a volver a mi sitio web en modo incógnito Y solo voy a
pasar por algunos de los botones para
asegurarme de que funcionen. Bien, así es como se ve
y se ve mucho mejor
que la versión anterior Y aquí mismo, no
tenemos textos, mi cuenta. Entonces para tener este
texto, antes que nada, tienes que
iniciar sesión en tu cuenta, tus usuarios, tus
clientes tendrán que ingresar
a su cuenta
para ver este texto. Bien, hagamos
clic en este icono aquí para asegurarnos de que
todo funcione Sí, todo funciona. Por lo que nuestros usuarios pueden utilizar esta página para iniciar sesión en su cuenta
o pueden registrarse. Entonces como puedes ver, tenemos un Encabezado que funciona. Funciona. Y si iría a alguna
categoría, todo funciona. Bien, así que sólo
voy a cerrar esta. Y esto es un, ahora ya sabes cómo
personalizar tu encabezado. Y si no te gusta este
diseño que te mostré, puedes intentar llegar a
cualquier tipo diferente de maquetación, pero por lo general me gusta
mantener las cosas simples. Bien, eso es todo
por esta lección.
44. (5.9) Edición de pies de pie (Astra): Una vez más, volvemos a nuestras opciones de personalización y esta vez vamos
a trabajar en nuestro pie de página. Así que podemos dar click
aquí mismo Footer Builder, y como puedes ver,
este es nuestro pie de página. Este es nuestro creador de pie de página. Como recuerdas, nuestro encabezado tenía una estructura similar y esta vez estamos
trabajando en nuestro pie de página, así que es un poco similar pero excepto que este está
al final de tu sitio web Bien, así como
puedes ver ahora mismo, estamos usando dos
capas fuera de purina Y una vez más, depende de ti cuántas capas quieres usar. Pero por lo general me gusta
hacer que todo se vea simple y
fácil de entender. Pero si quieres experimentar, puedes probar algunas
estructuras diferentes,
mira, algunas diferentes de tu Pie de Página. Si necesitas algo de inspiración, solo visita algunos de los
sitios web que te gustan y revisa sus turistas de pie e
intenta replicar sus ajustes Pero una vez más, en este
curso voy a mostrarte una probablemente la
forma más fácil de hacer un Footer, y va a ser una
especie de Pie de Página claro. Bien, así que las primeras cosas, cuando estoy trabajando en Footer, me gusta usar cuatro columnas Entonces en este momento está
usando columnas libres. Entonces deberíamos hacer click aquí mismo, y aquí es donde
vamos a trabajar en esta fila aquí mismo. Entonces, como pueden ver,
está puesto en libertad y queremos fijarlo en cuatro. Y ahora mismo tenemos que mover este widget aquí mismo porque en esta columna
ya tenía dos widgets. Así que queremos hacer un
widget por cada columna. Bien, así que estamos
llegando, pero todavía no tiene mucho
sentido ¿Entiende? Entonces comencemos
con los primeros widgets. Entonces, cuando quieras agregar
información a tu widget, tienes que hacer clic
aquí mismo, así como así. Y ahora mismo estamos
trabajando en widgets. Los widgets son pequeñas
piezas de contenido que se
pueden mostrar en varios
lugares de su sitio web. En ocasiones si quieres,
puedes mostrar widgets y la barra lateral de tu sitio web si has activado la barra lateral. Pero creo que la barra lateral funciona muy bien con otro tipo de sitios web y no particularmente
donde los sitios web de comercio electrónico. Bien, entonces ahora
tenemos que agregar blogs. Entonces es similar a agregar bloques a tu página,
a una entrada de blog. Entonces ahora mismo tenemos que agregar un blog de encabezado y simplemente
hacer clic en este bloque. Y simplemente así,
lo agregarás a tu Pie de Página. Bien, así que generalmente me
gusta comenzar la primera columna con
información para nuestros clientes, con la información de ayuda, información útil
como Página de contacto, pagos de
envío y entrega y otros Bien, así que solo voy
a escribir ayuda aquí mismo. Bien, ahora mismo
es un poco demasiado grande, así que deberíamos cambiar
el nivel de rumbo Entonces voy a elegir el tercer nivel y
creo que se ve mejor. Bien, entonces ahora
deberíamos agregar otro blog, y esta vez vamos a usar blog que se llama lista Si no puedes ver este blog, solo usa la lista de tipos de búsqueda y
encontrarás este bloque. Bien, así que
voy a elegir lista, y ahora mismo solo voy a
enumerar las páginas que quiero
mostrar aquí mismo Por lo que voy a incluir contacto, envío y entrega,
reembolsos y devoluciones. Y si decidirás
que quieres
agregar dicha página como pagos, a veces es una buena
opción agregar esta página. Es solo un poco de información extra para tus clientes para que
sepan cuáles son las opciones de pago que están disponibles en tu
sitio web en este curso, no
hemos creado esta página, pero ahora tienes suficiente experiencia para
crear esta página tú mismo. Puedes crear
esta página usando editor de texto de
WordPress o
puedes usar Elementor Esta va a estar tu decisión si quieres
tener esta página en absoluto. Así que sólo voy
a enumerar las páginas que
quiero mostrar aquí. Voy a darle a Enter. Voy a enumerar otra página. Y así, voy a
enumerar todas las páginas que faltan. Bien, así que acabo de agregar las Páginas que
planeo mostrar Y como dije, también
se puede incluir dicha página como pagos. Puedes crear uno. Es un poco útil para tus clientes
potenciales Y ahora tenemos que agregar URLs
a estas páginas aquí mismo, porque ahora mismo
están inactivas Esto es sólo el texto. Entonces, para agregar URLs, debemos ir a nuestro sitio web Y como recuerdas, deberíamos ir a todas nuestras páginas si queremos saber la
longitud de esas páginas. Así que vayamos al
tablero de nuestro sitio web. Vamos a las páginas. Hagamos clic en Todas las páginas. Y sólo voy a mostrarte un ejemplo de cómo puedes hacer eso. Así que una vez que estemos en todas las páginas, queremos encontrar las
páginas que queremos incluir en
columnas particulares y nuestro pie de página. Entonces tenemos la página de Contacto, así que sólo voy a dar
click aquí ver. Voy a abrir esta en
una nueva pestaña, y esta es nuestra página de contacto. Así que queremos copiar
esta URL aquí mismo. Voy a regresar y
voy a seleccionar contextos. Y aquí mismo voy
a elegir esta opción. Y solo voy a pegar mi página y voy a
hacer click en esta de aquí mismo. Ahora bien, esto es un acto
de página, bien, así que así,
voy a terminar agregarlos a otras páginas Bien, así que terminamos con
este widget aquí mismo. Tenemos todas las páginas necesarias. Más adelante vamos a
hacer algunos ajustes, Ajustes de
estilo, pero por
ahora podemos dejarlo como está. Bien, vamos al
segundo widget aquí mismo. Así que vamos a seleccionar este widget. Y antes de agregar
nuestra información, tenemos que eliminar todos los blogs
anteriores que este sombrero. Así que simplemente selecciona
un bloque y da clic aquí
mismo y haz clic en
Eliminar párrafo. En este caso se trataba de un párrafo. Vamos a hacer clic aquí mismo.
Ahora es una columna. Entonces, eliminemos esta columna y solo repita este procedimiento Eliminemos esta. Vamos a quitar ese, y tenemos que quitar
éste también. Bien, así que ahora agreguemos
nuestros elementos de encabezado. Entonces, seleccionemos rumbo. Y como recuerdas,
se supone que debemos
seleccionar el tercer
nivel de nuestro rubro. Y aquí mismo voy a
teclear información. Bien, así que como
recuerdas ahora vamos a dar clic aquí mismo y
queremos elegir lista Así que vamos a elegir lista. Y aquí voy a
enumerar páginas
como sobre la política de privacidad de Estados Unidos, términos de servicio
y política de cookies. Y como recuerdas agregar páginas para que esos
enlaces sean funcionales, tenemos que ir a nuestras páginas
y solo voy a abrir sobre la página en una nueva ventana. Así como así. Voy a copiar este enlace aquí mismo y
voy a volver. Ahora puedo cerrar esta pestaña y voy a
seleccionar sobre nosotros. Y así, voy a
pegarlo aquí mismo. Y como pueden ver, tenemos un enlace activo. No te preocupes si el
color no coincide. Después vamos a
hacer los cambios finales y todo va a
coincidir bien. Bien, así que así, voy a terminar de agregar todas las demás URL
a estas páginas Bien, así que terminé con esta columna de aquí mismo
con este widget, y voy a pasar
al siguiente widget Así que vamos a seleccionar este widget. Y una vez más,
tenemos que eliminar los blogs que se
agregaron anteriormente. Entonces este es el bloque. Seleccionemos este bloque y
hagamos clic aquí mismo, y seleccionemos Eliminar. Así que vamos a eliminar
este también. Como recuerdas, una vez más, vamos a seleccionar elemento de encabezado y vamos a elegir
el tercer nivel. Y justo aquí en esta columna, me gusta incluir las páginas de
información para los clientes. Entonces eso es exactamente lo que
voy a escribir aquí mismo. Bien, agreguemos
el bloque final. Va a ser la lista. Y aquí mismo, me
gusta incluir páginas
como mi cuenta, mis pedidos y detalles de cuenta. Eso es exactamente lo
que voy a escribir. Bien, y ahora tenemos que
agregar esas páginas. Entonces para encontrar esas
páginas, esas URL, vamos a nuestro sitio web, vamos a nuestra página de inicio Vamos a dar clic
aquí mismo mi cuenta. Y obviamente esta es la página, esta es la URL que queremos copiar porque esta
es la página de mi cuenta. Entonces vamos a copiar este. Volvamos. Hagamos doble clic sobre
este texto aquí mismo. Escojamos esta
opción y solo peguemos aquí esta URL, pedidos. Así que volvamos a esta
página y hagamos clic en pedidos. Entonces queremos copiar
este de aquí mismo. Volvamos. Seleccionemos mis pedidos. Agreguemos la URL y hagamos
clic en Ingresar los datos de la cuenta. Así que volvamos a esta página y
seleccionemos los detalles de la cuenta. Y así, podemos copiar la URL. Volvamos. Seleccionemos los detalles de la cuenta. Agreguemos nuestra URL, y seleccionemos esta. Bien, así que ahora
va a ser más conveniente para nuestros usuarios, para nuestros clientes, clientes
potenciales acceder
a esta
importante información Bien, así que
terminamos con éste. Ahora podemos pasar
al último widget. Y en el último widget, en la última columna de aquí mismo, por lo general
me gusta incluir formulario de suscripción al
boletín. Entonces eso es exactamente
lo que vamos a hacer. Vamos a dar click aquí mismo. Vamos a agregar encabezado y vamos a
escribir newsletter. Bien, entonces ahora queremos
cambiar el nivel de esta adición Escojamos el tercer nivel. Y ahora tenemos que
agregar una suscripción para papá, este formulario de suscripción, vamos a usar
el mismo plug in, el mismo generador de formularios que
usamos para crear nuestra página de contacto. Así que vayamos a nuestro sitio web. Vamos al tablero. Y como recuerdas, el plugin
se llamaba formas fluidas. Así que queremos dar clic
aquí mismo nuevo formulario. Escojamos esta forma. Creo que este formulario quedará
genial en nuestro Pie de Página. Bien, entonces ahora tenemos que
hacer algunos cambios. Entonces comencemos con
este botón de aquí mismo. Vamos a elegir aquí. Y este es el ancho mínimo. Y queremos cambiar eso
en vez de usar el 100%, Hagámoslo 30%. Creo que el 30% quedará
genial en nuestro Pie de Página. Y ahora podríamos cambiar
el color de este botón, como puedes ver
aquí mismo en estilo de botón, una vez que esté configurado a medida, en realidad
podemos agregar nuestro color. Entonces ahora solo voy
a agregar más color que antes se generaba
usando el generador de enfriadores Y este va a
ser el color coincidente. Así que sólo voy a pegar
este código de color aquí mismo. Como pueden ver, así es
como va a quedar. Y ahora también quiero cambiar
el color del borde. Así que solo voy a pegar este código y
voy a dar click, Bien, así que vamos a pasar al
estilo hover y vamos a cambiar
el color del texto Así que vamos a elegir el mismo color porque creo que
va a quedar bien. Apenas un segundo. Voy a dar click aquí
mismo pegar. Y voy a hacer lo mismo
con un color de borde. Voy a
pegarlo aquí mismo. Y siento que va
a quedar mucho mejor. Entonces tenemos el botón Suscribir y ahora deberíamos hacer algunos
cambios a este campo, a este campo de entrada Y aquí mismo, Correos electrónicos. Así que en realidad podemos desactivar este requerido
porque no
queremos mostrar esta estrella aquí. Y en todo caso, nuestros visitantes sabrán
que tienen que ingresar su dirección de correo electrónico para
suscribirse a nuestro boletín. Por lo que no necesitamos activar
este campo obligatorio. Vamos a agregar etiqueta de elemento. Esta etiqueta se mostrará encima de este formulario y ahora Pie de página. Por lo general me gusta animar a nuestros visitantes a que se suscriban
a nuestro boletín. Normalmente no lo llamo solo
como un boletín informativo. me gusta llamar a esto como A esto me gusta llamar a esto como clubes miembros especiales,
algo así, porque el boletín
no suena muy bien y queremos ser un poco
creativos con este. Voy a añadir una etiqueta. Bien, creo que
va a quedar bien. Y ahora deberíamos cambiar
el título de este formulario para que sepamos que es el formulario de boletín
Footer. Por lo que podemos agregar el título Boletín de
pie de página. Vamos a hacer clic en Cambiar nombre. Y ahora deberíamos ir a
ajustes e Integraciones. Apenas un segundo. Permanezca en la página y queremos hacer
clic en Guardar formulario. Entonces, antes de pasar a
Configuración e Integraciones, vamos a guardar este formulario Bien, vamos
a ajustes e Integraciones y
queremos cambiar Mensaje de agradecimiento. Así que gracias por
suscribirte a nuestro boletín. Bien, creo que
va a quedar bien. Ahora podemos dar clic en Guardar configuración, y ahora solo
hay que recordar que esta es la forma
número siete. Esta es la idea de esta forma. Y ahora podemos volver
a nuestro Footer Builder. Y aquí mismo,
hagamos clic en más, y usemos una búsqueda
para buscar fluidez. Bien, vamos a elegir esta. Y todo debe
posicionarse correctamente. Si no va a funcionar, vamos a hacer algunos cambios, así que no se preocupe por eso. Bien, entonces ahora deberíamos hacer algunos cambios en el estilo de
estos widgets aquí mismo Pero antes de hacer eso, solo
quiero cambiar el color de fondo
de este pie de página en sí. Normalmente me gusta ir
con unos colores neutros. Así que hagamos clic aquí mismo, y vayamos a la pestaña Diseño. Y un color neutro va
a ser un color gris claro. Así que vamos aquí mismo. A lo mejor vamos a elegir
este de aquí. Y siento que
va a quedar bien. Y ahora deberíamos hacer cambios a estos widgets porque no
me gustan los colores. Así que hagamos algunos cambios
a este widget aquí mismo. Entonces, para hacer cambios a este widget, hagamos clic aquí mismo. Diseño. Bien, así que ahora
vamos a vincular color, y supongo que podemos
elegir este color ¿Está bien? Una vez que se ciernen, podemos elegir este color Veamos cómo va
a ir. Ahora en realidad, podríamos elegir este color. Sí, con este color se
va a quedar mejor. Bien, así que hagamos lo
mismo con este widget. Vamos a dar clic aquí mismo, diseño. Y vamos a elegir el color del enlace. Entonces el color del enlace
va a ser éste. Nuestro color va a ser éste. Y veamos, sí,
así es como se ve. Hagamos cambios a este
widget. Apenas un segundo. Seleccionemos el diseño. Vamos a hacer clic en el color del enlace. Vamos a elegir este y
vamos a elegir nuestro color. Va a ser éste. Bien, entonces ahora todo
se ve mucho mejor y ahora deberíamos
hacer algunos cambios la parte inferior de nuestro pie de Entonces, antes que nada, cambiemos
el color de éste. Podríamos ir con un color gris un poco
más oscuro. Así que vamos aquí mismo. Escojamos fondo. Y creo que si voy
a elegir este color, podría ir con una
versión un poco más oscura así así,
y siento que va a quedar bien. También podríamos cambiar el color de los
derechos de autor si quieres. Si este color no se
ve muy bien, podríamos ir a la pestaña Diseño. Y como pueden ver,
podemos cambiar los colores. Entonces, si te ibas
con este color, no
va a
quedar tan bien. Bien, con este color, va a verse un poco mejor Bien,
en realidad podríamos cambiar este color a un gris un
poco más claro Así que vayamos a Diseño y
escojamos un gris más claro. Creo que va
a quedar perfecto. Bien, así que ahora podemos agregar
nuestro ícono de redes sociales. Así que hagamos clic
aquí mismo en redes sociales y simplemente agreguemos tus íconos de redes
sociales. Si tienes página de Facebook, puedes agregar esta URL aquí mismo. Si tienes la URL del
perfil de Twitter aquí
mismo, lo mismo ocurre pero Instagram. Si no tienes la ayuda, claro que puedes
desactivar esta. No vamos a
exhibir éste. Si quieres agregar algún
otro perfil como Reddit, Pinterest o algo así. Simplemente seleccione, haga clic en Agregar y
simplemente agregue la URL aquí mismo. Y en realidad podríamos
hacer algunos cambios en el diseño porque
apenas podemos ver nuestros íconos. Así que vamos a elegir el color del icono. Bien, creo que este
color quedará genial. ¿Y qué sigue? También podríamos cambiar el tamaño
de estos iconos. Así que vamos a hacerlos un poco más grandes. Bien, creo que
se ve genial. Bien, así que ahora todo
debería quedar genial. Y en realidad podemos
hacer clic en Publicar. Y vamos a cerrar esta barra lateral. Vamos a desplazarnos hacia abajo. Bien, como pueden ver, no
se ve muy bien. Suscríbete a nuestro boletín. Entonces deberíamos hacer algunos
cambios a este STX. Entonces queremos
volver a nuestro formulario Aquí, hagamos algunos cambios. Así que vayamos a nuestro editor de
boletines de Footer aquí mismo. Y sabes qué, en lugar de mostrar esta
etiqueta aquí mismo, podríamos eliminar esta etiqueta porque como la viste tú mismo, no
se ve muy bien. Para que podamos copiar esta etiqueta. Eliminemos este
de aquí mismo. Hagamos clic en Guardar formulario. Y como
te ves a veces cuando estás construyendo un sitio web, se
trata de resolver problemas, pero no te preocupes por Vamos a resolver
este problema enseguida. Bien,
volvamos a nuestra página de inicio. Vamos a hacer clic en personalizar. Elijamos Footer Builder. Vamos a este widget
fue el último widget. Y queremos agregar
otro bloque. Y esta vez vamos
a usar un bloque de párrafos. Este bloque, vamos a
pegar nuestros textos. Bien, así que estos son los textos que
se suponía que teníamos que
tener. Apenas un segundo. Voy a escribir este texto, unirme a nuestro club de miembros y obtener
las mejores ofertas y ofertas. Bien, así que acabo de
ingresar los textos y ahora podemos mover este
bloque un poco hacia arriba, y vamos a dar click
aquí mismo sobre esta fórmula Asegurémonos de que
hemos seleccionado este
formulario newsletter. Y ahora podemos hacer clic en Publicar. No se preocupe por
los textos debajo esta forma porque
va a desaparecer. Bien, así que publicamos
todos los cambios. Ahora podemos volver a
todas las opciones de personalización. Y sabes qué, sólo
voy a ir a mi página principal en esta
pestaña de aquí mismo. Y refresquemos esta página una vez más y
veamos cómo se ven nuestros cambios. Bien, así como pueden ver ahora, se ve de esta manera Creo que se ve un poco mejor. Y así, puedes
editar y crear tu pie de página. Puede que no sea la versión
más atractiva solo porque estamos
trabajando con una herramienta gratuita, pero es útil, es
útil para nuestros clientes. Y esto es lo más
importante. Y digamos una vez que tus visitantes se suscriban
a este formulario aquí mismo Entonces digamos que sólo voy a mostrarte cómo va a quedar. Voy a escribir
mi dirección de correo electrónico. Vamos a hacer clic en suscribirse. Como pueden ver, recibimos este
mensaje y ahora podemos ir a nuestro dashboard y
te
voy a mostrar a dónde van todos esos correos electrónicos. Bien, así que si ibas
a formas fluidas aquí mismo, seleccionemos todas las formas Y como pueden ver, estas
son todas las formas que tenemos. Entonces este es el Formulario de Contacto. Si harías clic aquí mismo, podrías ver todos
los mensajes de Contacto que son visitantes que te
dejan. Pero como te acuerdas de ti mismo, vas a recibir
esos mensajes a tu dirección de correo electrónico, pero no funciona con Footer. Esas entradas se quedan aquí mismo. Así que vamos a hacer clic en las entradas aquí. Como puede ver,
tenemos una entrada y este es el correo electrónico ingresado. Así que una vez que vas
a tener más correos electrónicos, puedes seleccionarlos
todos así como así. Y puedes exportar esas direcciones de correo electrónico
haciendo clic aquí mismo. Y posteriormente podrás usar esas direcciones de correo electrónico
para Email Marketing. Para ello,
vas a necesitar usar herramienta de email marketing, seleccionar masculina o
ligera o cualquier otra. Entonces este va
a estar en tu decisión. ¿Está bien? Entonces aquí
verás todos los correos electrónicos, todas las suscripciones, y
ahora ya podemos cerrar este. Y sí, así que básicamente
terminamos con nuestro
pie de página y
casi terminamos con esta
sección donde
te muestro cómo crear un
sitio web usando herramientas gratuitas.
45. (5.10) toques finales (método de ahorros de dinero): Bien, antes de terminar
con esta sección, tenemos algunos toques finales, cosas
finales que cuidar
antes de que finalmente terminemos
con esta sección, donde estábamos trabajando con un tema
gratuito llamado Astrium Bien, así que ya que vía y
las opciones de personalización, sabes qué, en realidad podríamos agregar una cosa a nuestro encabezado Puede que no sea tan
importante si tienes un sitio web pequeño
y no tienes demasiados productos para mostrar. Pero si tienes
más productos, hombre, tal vez en el futuro
vas a agregar algunos más de lo que
sería bueno
agregar una opción de búsqueda para tus clientes
donde tus visitantes. Por lo general me gusta incluir
éste y el encabezado. Así que vamos a hacer clic en el encabezado. Bien, hagamos clic
aquí solo un segundo. Y aquí mismo podríamos agregar una opción de búsqueda
para nuestros visitantes. Así que vamos a hacer clic aquí y
vamos a elegir Buscar. Y así, puedes
agregar búsqueda a tu sitio web. Si voy a mover
esto el lado derivado, así es como va a quedar. Bien, siento que
va a quedar bien si voy a hacer click
en esta, ¿bien Bien, ahora
no está funcionando,
pero no se preocupe por eso Posteriormente. Va a
funcionar bien. Bien, diseño,
podríamos cambiar el color y depende completamente de ti si quieres cambiar los colores Pero como puedes ver
aquí, funciona. Ahora. Apenas un segundo. Espera, estoy haciendo
cambios en el encabezado, así que se supone que debo hacer clic
en Buscar aquí mismo. Y si vas a Diseño, puedes elegir el color. Entonces voy a elegir
el mismo color
que estoy usando para mi logo. Bien, así que sólo voy a
pegarlo mi color. Y como pueden ver,
así es como se ve. Y si hiciéramos clic en Publicar, podemos cerrar esta barra lateral. Vamos a hacer clic en la búsqueda. Y como puede ver,
podemos buscar productos. Está en pleno funcionamiento. Entonces depende de ti si
quieres incluir esto. Pero creo que es muy
útil para los clientes. Y sobre todo una vez que
tu tienda crezca y vas a necesitar
tener esta opción de búsqueda. Bien, así que ahora
estamos total y absolutamente hechos con nuestro
encabezado sin Pie Y lo siguiente que
debemos encargarnos,
vamos a asegurarnos de que
hemos activado algunas opciones para que nuestros
visitantes creen cuenta. Así que vamos a
WooCommerce aquí mismo. Vamos a la configuración. Como recuerdas, todos los
ajustes relacionados con WooCommerce se pueden encontrar
aquí mismo y
la pestaña WooCommerce Configuración. Bien, vayamos a
cuentas y privacidad,
y permitamos que nuestros clientes inicien sesión en una
cuenta existente durante el pago Va a ser muy
conveniente para ellos si van
a tener una cuenta. Y permitamos que nuestros clientes creen una cuenta
durante el pago. Entonces esta también es
bastante importante. Y aparte de eso,
todo se ve genial. Ahora podemos dar clic en Guardar cambios. Y mientras estamos aquí, en realidad
podríamos ir a nuestros Plugins solo un segundo aquí
mismo en Plugins. Y vayamos a
Plugins instalados y esta viga, pero Starter Templates, en realidad
instalan algunos plugins que
no necesitamos en absoluto. Así que podemos desactivar algunos de esos Plugins igual que
éste de aquí mismo. Se llama flujos de tarjetas. Es un plugin bastante útil
si usas una opción de pago, pero este plugin cuesta bastante ya que no vamos a usar este. Obviamente no estamos
usando esta. Así que vamos a desplazarnos hacia abajo
qué más tenemos. Puedes quedarte con este espectros. Podría ser conveniente para ti cuando vas a
crear publicaciones de blog. Este agrega algunos blogs más a tu editor de texto de WordPress. Es conveniente pero
no es necesario usarlo. De hecho, también puedes desactivar
este. Normalmente no uso
este en absoluto. Pero si quieres
explorar cosas, puedes quedarte con este plugin. Y después cuando te voy a enseñar a agregar entradas de blog, verás qué
blogs puedes agregar. Este va
a estar en tu decisión. Puedes desactivar este y
puedes eliminar éste. Bien, no estamos
usando este también,
así que podemos desactivarlo y ahora podemos
seleccionar los No estamos usando éste, ese y los espectros. Y una vez más,
depende de ti si quieres explorar este. Pero para ser honesto, realmente no lo necesitas
solo agrega algunos blogs adicionales
y blogs predeterminados de tu editor de texto de
WordPress. Usted será capaz de
crear una multa entradas de blog. Bien, así que vamos a
seleccionar esta. Vamos aquí mismo. Y vamos a seleccionar eliminar, y vamos a hacer clic en, Aplicar. Bien, vamos a hacer clic. Bien. Y mientras estamos aquí, en realidad
podríamos actualizar este complemento aquí mismo.
Bien, fantástico Eliminamos todos los Plugins no utilizados. Y si no estás usando ningún plugin o algunos
Plugins, simplemente elimínalos. No hay necesidad de
mantenerlos en tu sitio web, especialmente si
no los estás usando. Bien, así que
terminamos con esta parte. Y ahora lo último
que podríamos hacer, ya
sabes qué,
en realidad podríamos ir a nuestras páginas. Seleccionemos todas las páginas. Y aquí mismo vamos a practicar Elementor
una vez más, pero esta vez vamos a
hacer las cosas un poco diferente Bien, así que como recuerdas, creamos la página acerca de
usando el editor de texto de WordPress Así que vamos a hacer clic en Ver y
una nueva pestaña porque
vamos a copiar la información aquí
mismo que tenemos aquí Como puedes ver
ahora mismo, esta página, simplemente no
se ve bien. Y como recuerdas
cuando intenté moverme por esta imagen, simplemente no funcionó
por alguna razón. A veces esto puede suceder, pero no quiere decir
que te va a pasar a ti. Pero una vez más, queremos que nuestro sitio web se vea lo más
agradable posible. Y ahora esta página sobre simplemente
no encaja con nuestro diseño. Entonces deberíamos crear
esta página usando el elemento o menos aquí mismo vamos a practicar elemento
o una vez más. Pero esta vez vamos a
hacer las cosas un poco diferente. Bien, ya que hemos creado esta página y ya
publicamos esta página, tiene opciones de
estilo un poco diferentes, así que deberíamos crear
una nueva página Acerca de, pero antes de hacerlo en, cambiemos un poco esta página Agreguemos la babosa, digamos 21, y
vamos a darle a Actualizar Y estamos haciendo esto
porque si queremos crear una página sobre completamente
fresca, así que si no vamos a cambiar la babosa en esta página de todo,
nuestra Página recién creada
va a tener slug
no sobre sino que va
a ser sobre el guión dos, al
igual que tuvimos con
algunas de las otras páginas no sobre sino que va
a ser sobre el guión dos, igual que tuvimos con
algunas de las otras Bien, así que ahora
podemos dar click aquí mismo, Añadir Nueva página sobre la que
voy a escribir Y hagamos clic en Editar
con Elementor. Bien, así que ahora estamos editando
esta página usando Elementor. Y si yo iría justo
aquí está se puede ver tenemos algunos textos que
vamos a copiar. Así que volvamos a nuestra página acerca de
recién creada. Y depende de ti
lo que quieras
usar si quieres crear
todo desde cero. Pero esta vez voy
a usar plantillas. Así que vamos a elegir una plantilla. Vamos a los blogs. Y si
buscarías sobre blogs, esto es lo que obtenemos. Entonces, aquí mismo,
en realidad depende de ti lo que quieras usar para mejorar
tu página acerca de. Esta va a ser tu
tarea y es para que
crees tu página sobre y
solo practiques Elementor Y esta página Acerca de
es bastante sencilla. Así que trabaja en éste. En mi caso, solo voy a
usar este bloque de aquí mismo. Voy a hacer clic en Importar bloque, y voy a
importar otro bloque. Así como así. Iré a los blogs
una vez más. Y esta vez
voy a usar esta. Bien, así que así como así, voy a importar
otro blog Y aquí sólo voy a
sustituir esta información. Eso es todo lo que voy a hacer. Bien, ahí está, ya
ves que he terminado de agregar información y así
es como se ve En lugar de usar imágenes
o eliminar esas imágenes. Y agregué overlay
a esta columna. Como recuerdas, si daba
click en la columna, iría a Estilo y
elegí fondo. Ahora, en lugar de elegir
overlay, elegí fondos. Entonces como puedes ver,
agregó imagen de fondo. Y así es como se ve. Selecciono el color del tamaño de la pantalla, y encaja perfectamente
aquí mismo. Yo también hice lo mismo con
este. Y ahora podemos hacer clic en publicar y vamos a
hacer clic, echar un vistazo. Y como se puede ver
a través de una página acerca de, como se supone que debemos ser. Y así es como se ve nuestra
página ahora. Y como pueden ver, no
fue tan
difícil, fue bastante fácil. Acabamos de importar algunas plantillas
prefabricadas, blogs, y reemplazamos
la información Comparémoslo con
la versión anterior. Sí, se veía horrible y esta versión se ve mucho mejor. Es más limpio y
fácil de entender. Bien, entonces ya que estamos
aquí, bien, sólo un segundo. Ahora, podemos cerrar esta. Podemos ir al tablero. Vamos a asegurarnos de que
no tenemos esta página,
la página anterior a la
que renombramos Sí. Esta es la página
que podemos eliminar esta página. Esto es todo acerca de la página. Como pueden ver, no
tiene a continuación Elementor. Bien, así que ahora tenemos
todas las páginas necesarias. Contamos con un sitio web en pleno
funcionamiento. Vamos a revisar nuestra
página web una vez más. Y como pueden ver,
así es como se ve. Esto es lo que
pudimos
exprimir usando un Tema Astra gratuito. Por supuesto, hay más opciones
de personalización
con este tema. Pero para acceder a esas opciones, necesitarías obtener la versión
Astra Pro. La versión Astra Pro te
va a costar temprano o puedes
comprar la licencia de por vida, que cuesta más de $200. Entonces eso es bastante, pero vas a conseguir más opciones de
personalización. Pero creo que con
una versión gratuita, pudimos
exprimir bastante buenos resultados. Tenemos
sitio web en pleno funcionamiento y vamos a comprobar una vez más si nuestro
acerca de las funciones de la página, vamos a ir a la categoría de disfraces. Y como pueden ver, así es como se ve. Si seleccionara este
disfraz aquí mismo, puedo agregarlo a las tarjetas. Así que vamos a asegurarnos de
que todo funcione como se supone. Hagamos clic en Ver carrito y podemos seleccionar nuestros métodos de
envío. Tenemos algunas células cruzadas. Vayamos a la caja y todo funciona y
todo se ve genial. Entonces sí, así es como se ve. Y así, pudimos crear un
sitio web usando un tema gratuito. la siguiente sección,
vas a ver cómo se ve la versión premium, cuántas opciones de personalización tiene en comparación con esta. Pero creo con un tema libre, si fuéramos capaces de crear una tienda
tranquila y atractiva?
46. Resumen de la Sección 5: Gran avance hasta el momento. Entonces, si terminas
esta sección y ahora tienes tu
versión final de tu sitio web, si decidirás
usar un tema gratuito. Entonces en este caso, usamos el
Tema Astra y usamos Elementor como nuestro creador de páginas Entonces, como lo viste tú mismo, podrías obtener resultados bastante buenos usando este un tema gratuito. Y por supuesto,
los temas gratuitos son bastante limitados. ¿Por qué más
te ofrecerían temas premium? Porque con
temas premium o con una opción paga de
este Tema Astra, tendrás más opciones de
personalización, pero como lo viste tú mismo
con un tema gratuito, también
puedes tener buenos resultados. Y una confianza en mí, he visto tiendas de
eCommerce de
peor aspecto. Estoy haciendo muchas ventas. Pero como te viste con un tema libre,
estás limitado. Pero lo más importante, en esta sección
aprenderás a usar Elementor, es
decir, el plugin de creador de páginas Y este complemento de creador de
páginas Elementor
es el complemento de creador de
páginas más popular Entonces, si alguna vez decidirás que quieres crear
cualquier otro tipo de sitio web y quieres
usar Elementor para
crear tus páginas Entonces aquí es donde vas a tener alguna información sólida, bases
sólidas
trabajando con Elementor Entonces esa es otra gran cosa que aprendiste
en esta sección. Pero si no te gustó la
forma en que se ve tu sitio web, tal vez quieras probar
algo diferente. La siguiente sección va a ser todo
sobre las herramientas premium
sobre un tema premium que uso
yo mismo y de hecho uso el mismo tema de forma gratuita
de mis sitios web de comercio electrónico. Me gustó mucho ese tema
y funciona simplemente bien. Se carga rápido y
se ve genial. Te recomiendo encarecidamente que veas esta sección que
acabas de ver. Por supuesto que la viste
y la segunda. Así que va a ser
mucho más fácil
para ti decidir qué opción
quieres elegir. Pero claro, puedes
comenzar con un tema gratuito y luego puedes actualizar
a una versión premium. Entonces va a ser tu decisión. Entonces enhorabuena. Ahora tienes un sitio web en pleno
funcionamiento
47. (6.0) Empezando con el tema de Flatsome: Bien, entonces en esta lección
vamos a comenzar a personalizar nuestro sitio web usando un
tema premium, una opción premium Y lo verás tú mismo,
lo diferente que es y cuántas opciones de
personalización tiene
en comparación con Astra Theme. No voy a instalar el WordPress ni
nada por el estilo. Sólo voy a
descargar el Tema. Voy a reemplazar mi
actual Tema Astra, pero el nuevo Tema Flatsome, voy a desactivar algunos de los Plugins y lo
verás tú mismo,
cómo funciona eso, por si
acaso tal vez en el futuro decidirás que quieres cambiar Va a ser una buena
práctica para ti. Pero como dije en esta lección, te
voy
a mostrar cómo instalar un tema. Ya tienes un
Tema instalado. Pero si no tienes
instalado Astra Theme tu sitio web y
decidiste que quieres ir con esta opción Flatsome, todo te va
a ser más fácil Entonces te verás como
funciona eso, y eso asegurará que todo se vea
igual info
que no has instalado Astra Theme
en tu sitio web. Bien, así que lo
primero es lo primero, quieres ir a este
sitio web aquí mismo, Theme forest dotnet y
buscar una película llamada Entonces este es el tema
que queremos usar. Y como puedes ver, este es número uno más vendido de
WooCommerce Es móvil y optimiza la velocidad. Así que realmente me gusta esta viga. Lo uso gratis de mis sitios web y te
recomiendo encarecidamente este tema. Bien, así que acabo de
comprar esta viga. Y una vez que hayas
comprado esta viga, quieres ir aquí mismo a tu perfil, seleccionar Descargas. Y como pueden ver, tengo
bastantes cosas. Bien, entonces esta es la
de la licencia que podría usar, pero tengo la otra
licencia que tengo la activada y puedo activar
en esta corriente la baja Bien, entonces este es el
Tema en tu caso. Sólo lo vas a ver, esta única opción aquí mismo. Así que quieres hacer clic aquí mismo, y vamos a seleccionar instalar el archivo
BLE WordPress en. Entonces quieres descargar solo el archivo de WordPress
instalable. Y quieres
descargar licencia, certificado y código de compra. Entonces este es el código de tu tema que vas
a usar para activar tu FIM Entonces aquí mismo y el código de compra del
artículo, verás el código
que necesitarás
usar para activar tu tema. Así que recuerda eso. Y claro,
antes de que volvamos, si quieres, en realidad puedes
comprobar cómo se ve esta viga. Puedes consultar algunos de los
sitios web de demostración si hago
clic aquí mismo, como recuerdas, podrías
comprobar cómo se ve este sitio web. Así que tenemos varios sitios web de
Demo. Puedes checar y ver cuáles son nuestras posibilidades
de esta viga. Entonces depende de si
quieres hacer eso. Pero solo quería
mostrarles que tal opción existe. Bien, vamos a cerrar
esta pestaña aquí mismo. Volvamos a nuestro sitio web y
vayamos al tablero. Ahora, vamos a necesitar
instalar este tema. Como dije, no importa
si seguiste mi sección anterior
donde te mostré cómo usar Astra Theme o no. Todos los pasos
van a ser los mismos. Así que sólo tienes que ir a tu tablero. Vamos a la pestaña Apariencia. Seleccionemos Temas. Y ahora hagamos clic en Agregar nuevo y hagamos clic en Subir tema. Escojamos Browse y solo seleccionemos el archivo que acaba de
descargar. Entonces este es el archivo. Hagamos clic en Abrir y
seleccionemos Instalar ahora. Bien, ahora podemos
activar este tema. Simplemente haz clic aquí mismo, y aquí tenemos un asistente de configuración. Bien, así que vamos a
hacer clic, vamos. Ahora, tendremos que ingresar
nuestro código de compra aquí. Así que vamos a nuestro
archivo PDF que acabamos de descargar y quieres copiar este
código de compra de un artículo que está aquí. Así que eso es exactamente
lo que voy a hacer. Sólo voy a
copiar este código. Voy a volver y antes de
pegar este código, puedo cerrar esta pestaña. Y en realidad puedo
cerrar esta pestaña también. Bien, así que sólo voy
a pegar este código aquí. Voy a seleccionar Confirmar, y voy a hacer clic en Registrar. Bien, entonces el registro
fue exitoso. Ahora podemos dar clic en Continuar. Vamos a crear un tema hijo. Bien, hagamos clic en Continuar. Aquí puedes instalar
algunos plugins, pero en realidad no necesitas
instalar este primer
Plugin Contact Form siete porque estamos usando otro plugin para
añadir Formularios de Contacto. Y justo aquí siguiente
e inicio de sesión social, no
estoy usando este Plugin en absoluto porque por lo general me gusta mantener todo
simple como dije, y solo un inicio de sesión regular con dirección de
correo electrónico y
contraseña funciona bien. Y si quieres, en realidad
puedes instalar
racialistas a tus clientes, tus clientes potenciales
podrán crear su lista de deseos Entonces es bastante bueno, sobre todo si
tienes más productos, pero si estás planeando
crear este sitio web y otro idioma
no en inglés, entonces tendrás algunos problemas con este plugin
porque va a ser bastante difícil traducir
algunas de las palabras en inglés. Y si está calificando su sitio web para una audiencia de
habla nativa, entonces su sitio web podría
parecer bastante desordenado Pero si desea
tener esta lista de deseos y está calificando el sitio web para la audiencia de habla inglesa, entonces puede hacer clic aquí mismo Sólo tienes que instalar este plugin. Depende completamente de ti. Y una vez que tienes este plugin, realmente no necesitas
cambiar nada. Y no importa qué camino vayamos, voy a elegir
instalar este plugin o no. No le vamos a hacer
ningún cambio. Así que solo para estar seguros. Porque en
secciones posteriores voy a mostrar cómo traducir
tu sitio web. No voy a
instalar este plugin, pero si quieres, puedes instalarlo
y tener wishlist Bien, para que podamos
hacer clic, omita el paso. Bien, así que aquí no
queremos instalar
ningún Contenido Demo Y la sección anterior cuando
trabajamos con Astra Theme, fue bastante conveniente porque
apenas estábamos comenzando. No teníamos ninguna
experiencia trabajando con Temas y los
distintos Plugins. Ahora después de haber visto
esta sección anterior, creo que tiene suficiente comprensión
y esta vez va a ser mucho más fácil configurar su sitio web sin
instalar ningún Contenido Demo. Va a ser mucho
más fácil para nosotros. Así que no instalemos
ningún Contenido Demo. Vamos a hacer clic en omitir este
paso y si
lo deseas, puedes seleccionar cualquier preset, solo te va a
crear un encabezado. Simplemente va a agregar
el estilo a tu tema. Pero en realidad
no necesitas hacer eso porque como
dije en esta sección, te
voy a mostrar cómo
personalizar cómo darle un buen aspecto a tu sitio web sin necesidad de instalar Contenido Demo
terminado. Así que vamos a empezar
de abajo hacia arriba y
no vamos a necesitar
usar ningún Contenido Demo También podemos saltarnos este paso. Aquí. Recibirás
algo de Atención al Cliente si vas a necesitar
alguno de este soporte. Pero creo que no vas
a necesitar ningún apoyo de
los desarrolladores de Theme
porque una vez que te muestre cómo crear tu
sitio web usando esta VM, creo que
no tendrás ningún problema. Bien, hagamos clic en
Aceptar y continuemos. Bien, así que ahora hemos terminado y podemos hacer clic en ver
su nuevo sitio web Bien, entonces en mi caso, como pueden ver, ¿qué
tengo todavía Entonces todavía tengo este
menú aquí mismo, el menú principal que
creé anteriormente. Y en lección posterior
te mostraré para crear un
menú una vez más, si acaso no viste
la sección anterior donde te
mostré cómo crear
un menú usando Astra Theme. Básicamente va
a ser lo mismo, pero vamos a volver
atrás y trabajar en eso un poco solo para mostrarte cómo
funciona tan bien como puedes ver, tenemos nuestra página de inicio. Entonces esta Página de inicio fue
creada usando Elementor. Es de la sección anterior donde estaba trabajando
en Astra Theme. Entonces no vamos a usar
esta página de inicio en absoluto. Y como puedes ver ahora mismo, tenemos diferentes botones de venta, estilo
diferente, y puedes personalizar esas
burbujas de venta, no botones. Y es extremadamente personalizable, este famoso personalizable. Entonces esa es la gran ventaja de este Tema en comparación con
Astra Theme. Y vamos a desplazarnos hacia abajo. ¿Qué más tenemos? Entonces
tenemos nuestro Pie de Página y ahora mismo no se
ve bien en absoluto y no se preocupe por eso. E incluso no importa
si eres Footer se ve diferente porque
en etapas posteriores cuando vamos a
editar nuestro Footer, te
mostraré
cómo crearlo. Y no importa lo que sea un tipo
de Pie de página
que tengas en este momento, aún podrás
seguir esta lección. Bien, entonces ahora mismo
deberíamos hacer algunos cambios. Deberíamos ir a nuestro tablero. Y solo quiero asegurarme antes de pasar
a las siguientes lecciones que he deshabilitado los plugins que no voy a usar. En este caso, vayamos
a Complementos instalados. Y el primer plugin
que voy a desactivar va
a ser Elementor No vamos a
usar Elementor en absoluto. Podemos hacer clic, Saltar y
desactivar porque este Flatsome Theme tiene su propio creador de páginas
y es bastante bueno También es bastante flexible,
así que vamos a trabajar
con eso también. Podemos desactivar Starter
Templates Plugin porque no lo vamos
a usar también. Bien, así que ahora podemos seleccionar
esos dos plugins aquí. Y hagamos clic en Eliminar. Seleccionemos Aplicar. ¿Bien? Bien, así que ahora
esos Plugins se han ido, y eso me gustó mucho No abarrotamos nuestro
sitio web con demasiados Plugins. Porque si vas a tener demasiados complementos
en tu sitio web, existe la posibilidad de que
haya algún problema. No estoy diciendo
que vaya a pasar, pero hay algunos casos que es que
algunos Plugins pueden
slugger tu sitio web Y si estás usando
no demasiados plug-ins, sobre todo si estás
usando, digamos, el mismo tipo de plug-ins
para el mismo propósito, como Plugins para
crear páginas, entonces te
recomiendo encarecidamente que no hagas eso porque
simplemente no es como funcionan las cosas y podría
ralentizar tus repeticiones,
pero ahora mismo
tenemos ocho Plugins y eso es Bien, vayamos a nuestro sitio y
veamos cómo se ve ahora Bien, como pueden ver, no
tenemos nuestra página de inicio,
se ha ido por completo Todavía tenemos
los productos más vendidos, todavía
tenemos productos de tendencia, pero vamos a reemplazar esta página de inicio con una recién
creada en la Página de inicio Entonces como dije, no importa
lo que veas aquí, tal vez veas una información
diferente. A lo mejor tienes menú
diferente aquí. A lo mejor tu página de inicio
está completamente vacía. Realmente no importa
porque aún
podrás seguir
esta sección a través de. Bien, entonces esto
es todo para esta lección. Ahora, ya sabes cómo
instalar un tema premium, y como lo viste tú mismo, tienes que descargarlo
de Theme four is dotnet, y tienes que
subirlo a tu sitio web Y claro que
hay que activarlo. Y si trataras de usar la búsqueda en
temas de WordPress en tu panel de control, no
encontrarías este tema. Bien, así que eso es
todo por esta lección.
48. (6.1) Introducción al constructor de páginas de UX: En esta lección vamos
a agregar Shaq UX Builder. Así que al igual que en una sección
anterior cuando estábamos trabajando
con el equipo de Astra, estábamos trabajando con
Elementor page builder Y aquí mismo tenemos
un creador de páginas también, pero este Constructor viene junto
con el Flatsome Theme Es su propio Builder, y puede que no tenga
tantas opciones como Elementor, pero sigue siendo flexible Y en esta lección
vamos a explorar este creador de páginas. Bien, así que vayamos
al tablero. Vamos a Todas las Páginas. Y en esta lección no
vamos a hacer ningún cambio, que va a pasar por el propio Page Builder
para mostrarte cómo se ve. Y como puedes ver, anteriormente, teníamos una opción para editar
páginas con Elementor, pero ahora tenemos opción de editar página contigo huevos Builder Y si daría click
en esta página Acerca de, como puedes ver aquí,
tenemos opción de
editar esta página que
te huevos Builder. Entonces, en lugar de usar este editor de texto de WordPress aquí
mismo que tenemos aquí, podemos usar UX Builder, tal como podríamos usar en la
sección anterior, Elementor Así que vamos a seleccionar UX Builder
y solo tener en cuenta, aquí no
vamos a
cambiar nada. Solo quiero guiarte a través del propio UX Builder para
mostrarte cómo funciona. Y podemos quedarnos los textos, podemos guardar la
información aquí, y no vamos
a cambiar nada. Sólo voy a guiarte a
través de este Constructor. Bien, así
es como se ve. En el lado izquierdo, tenemos nuestro navegador. Entonces este es nuestro navegante. Tenemos secciones,
tenemos elementos aquí, y en el lado derecho
tenemos diferentes modos. Para que podamos ver nuestro sitio web en modo tablet, en modo móvil. Y cuando estamos haciendo cambios, podemos hacer cambios para
separar las y. No solo hacer cambios en
todos los dispositivos a nivel global, sino para separar las y. Entonces, por ejemplo, podría hacer algunos cambios en el dispositivo de escritorio. Puedo moverme por elementos de lo que puedo cambiar
al modo tablet. Si no me gusta como se ve
el layout, puedo hacer algunos cambios en el layout del modo tablet y
puedo hacer lo mismo con el móvil. Bien,
volvamos a la vista de escritorio. Si yo iría aquí mismo, puedo hacer cambios en
la propia página, pero normalmente no es necesario
hacer ningún cambio aquí
en realidad, para ser honesto, nunca
he hecho ningún
cambio aquí mismo porque todo está
bien ya que es por defecto. Bien, volvamos. Y como puedes ver aquí mismo, tenemos elementos de textos. Entonces en primaria
usualmente tienes secciones, y luego una vez que
creas una sección a esta sección,
agregas elementos. Pero no aplica
a UX Builder. Simplemente puede agregar elementos
sin crear secciones. Es tan simple como eso. Bien, si hago clic aquí mismo, podría agregar otro elemento Entonces como puedes ver aquí, tenemos elementos de layout, así podemos agregar fila aquí. Entonces, si hiciera clic en este, agregaríamos algunas filas. Y en esas filas
podríamos agregar elementos como imágenes, botones, imágenes de texto. Digamos aquí que podrías exhibir tus categorías
o algo así. También puedes elegir cuántas
columnas quieres tener, qué diseño en sí
quieres tener. Pero podemos cerrar esta. Y como puedes ver, este
elemento se agregó con éxito. Y ahora cuando estoy haciendo
cambios en la fila, estoy haciendo a toda esta
parte aquí mismo a los cambios de fila para poder trabajar
en algunos ajustes de diseño, Ajustes de
estilo, y es para que explores
todo tú mismo para probar diferentes cambios solo para comprobar cómo funciona,
cómo funciona todo. Y en etapas posteriores cuando vamos a
trabajar en nuestra página principal, cuando vamos a
trabajar en la página Contáctenos y cuando vamos
a trabajar en acerca de la página, vamos a poner
todo en práctica y vamos a encargarnos del diseño de la Página
de Inicio, de la página acerca de
la página de Contacto con
todos esos ajustes. Pero por ahora, puedes explorar
todo tú mismo. No necesitas guardar nada. Solo trata de agregar
diferentes elementos, ver qué ajustes tienen, e intenta averiguar cómo funciona y funciona
todo. Bien, volvamos. Y como pueden ver, ahora, estoy en mi navegador. Entonces aquí tenemos elementos de texto, y aquí tenemos fila. Esta fila tiene 1234 columnas. Entonces en esas columnas
puedes agregar imágenes. Entonces digamos aquí
puedes agregar un botón de imagen. Entonces, si voy a hacer clic en agregar elementos aquí
mismo, como pueden ver, puedo elegir de la misma
lista de elementos. Aquí. Todos los elementos son gratuitos. Así que a diferencia de Elementor
donde tenías que comprar una versión pro para tener acceso
a algunos elementos mejores Aquí todos los elementos
son de uso gratuito y depende de ti
explorar todos esos elementos. Bien, así que vamos a
cerrar esta. Y como pueden ver, esta es la fila con diversos elementos. Y puedo borrar esta fila. Si voy a dar click aquí, puedo hacer opciones. Puedo
duplicarlo, copiar opciones, copiar un código corto y hacer todos los demás ajustes. Normalmente no me concentro demasiado
aquí y obtengo buenos resultados sin enfocarme
en esas otras opciones. Así que solo voy a
eliminar este y vamos a dar clic aquí mismo y
elemento una vez más. Entonces como dije, aquí
tenemos elementos de layout. Aquí tenemos diversos elementos
de contenido. Tenemos botones, texto, códigos
HTML, pancartas, acordeones Entonces voy a elegir
acordeón como puedes ver aquí,
puedes ampliar este acordeón Puedes agregar un encabezado
aquí mismo y puedes agregar textos. Bien, entonces por ejemplo, ¿cuánto cuesta el envío Justo aquí. Y una vez que se expanda, puede explicar cuánto cuesta
el envío. Hay muchas formas de
usar este acordeón, así que depende de
ti cómo quieres usarlo Pero volvamos. Y como pueden ver, este es el Navegador, así es como se ve. Si harías clic aquí mismo, puedes agregar otro acordeón Y así, puedes
hacer cambios a este acordeón. Bien, podemos eliminar esta. Y lo último que
quería mostrarles,
vamos a Agregar elementos no
va a estar aquí, sino que solo vamos a desplazarnos hacia abajo
por todos los elementos. Y como pueden ver, aquí, tenemos elementos muy afilados. Podemos agregar productos, productos personalizados y avances
más vendidos Entonces, por ejemplo, si
voy a hacer click en éste, vamos a tener los productos
más vendidos Podemos hacer ajustes,
dos columnas a la cantidad de productos
que estamos mostrando. Y una vez más, este
depende de ti para explorar. Y podemos eliminar
esta y
podemos ir a Agregar elementos
y aquí e importar. No vamos a usar eso. No
nos compliquemos demasiado
con demasiados ajustes. Entonces volvamos a los elementos. Y si iría
al estudio Flatsome, como puede ver aquí, tenemos
varios diseños precreados Entonces, si has visto mi sección anterior
donde te mostré cómo crear sitios web usando Astra Theme y
Starter Templates. Tú mismo lo viste. Eso
desde las Plantillas Starter, puedes importar páginas, puedes importar
todo el sitio web en sí, o puedes importar blogs. Lo mismo va con este tema. Puedes importar varias páginas de
eCommerce. Entonces puedes importar
sobre secciones, y puedes importar
varias otras cosas. Entonces, depende de ti explorar
lo que te gustaría usar. En lecciones posteriores.
Vas a usar algunos de ellos. Pero una vez más,
depende de ti explorar todo y no
te preocupes por nada. Si vas a importar algo y
vas a eliminar
algo o incluso a guardar lo que quieras, desordenar tu sitio web de cualquier manera. Si tienes alguna duda
o alguna lucha, únete a mi grupo de Facebook y siempre
estoy aquí para ayudarte. Si vas a
tener alguna duda, no
dudes en preguntar y simplemente envíame un mensaje y te
voy a ayudar enseguida. Entonces, como puedes ver aquí mismo, tenemos varios diseños
prediseñados y depende de ti qué
diseños quieres usar Y como te mencioné
antes en lecciones posteriores, vamos a usar algunas
de estas plantillas, pero una vez más,
puedes hacer clic en Importar. Entonces, por ejemplo, si
voy a seleccionar Importar, puedo elegir si
quiero importar con imágenes, pero ¿por qué necesito esas imágenes a menos que quiera
ver cómo va a quedar Entonces voy a importar esta, pero ahora las imágenes y
voy a hacer clic en Inicio,
como pueden ver, acaba de importar
esta maquetación precreada Entonces como pueden ver,
tiene secciones. Así que al igual que con Elementor, esta plantilla fue
creada usando secciones Y luego a esas secciones
tenemos algunos elementos
que tenemos fila, esta fila, tenemos columnas. Y aquí mismo, si
me expandiera, como pueden ver, tenemos
etiquetas y todas las demás cosas. Si voy a
minimizar este, simplemente va así. Si voy a dar click
por aquí, eliminar. Como pueden ver, esta
sección desapareció. Y esta es la segunda sección. La razón por la que está
en la parte superior del texto, es por los ajustes de
diseño. Y después, una vez que vamos
a trabajar en esos ajustes, voy a mostrar donde
puedes encargarte de esos
ajustes si quieres ir por encima
de algunos otros elementos. Pero hagamos clic aquí
muy rápido y opciones. Y si me desplazara
hacia abajo solo un segundo, no, no es este. Entonces se acaba de hacer dos columnas
separadas aquí mismo. Entonces voy a dar click en
la fila apenas un segundo. En las columnas. Apenas un segundo. Sí. Sí, y la fila en esta, si voy a ir a opciones, debería tener algunos ajustes. Bien, no tiene, pero debería ir justo aquí y voy a ir a
la columna misma Sí, como puedes ver,
tenemos ajustes de relleno y por eso
se ve así. Así que explora todo tú mismo. Intenta decidir qué
funcionará para ti. Lo que tal vez te
gustaría usar tú mismo. Y va a ser de ti si quieres
ir por mi camino o si quieres
probar algo diferente, pero si vas a
tener alguna duda, no
dudes en enviarme un mensaje y te
voy a ayudar. Bien, así que ojalá ahora entiendas un poco mejor este UX
Builder Y ahora fue un
rápido recorrido. Pero en lecciones posteriores, una vez que vas a empezar a
trabajar en las páginas, lo verás
tú mismo, cómo funciona. Una vez que hayamos terminado con
la primera sección de una página, vas a tener un
buen entendimiento cómo funciona todo. Y si viste mi sección anterior donde te
mostré cómo
trabajar con Elementor, créeme, esta vez
va a ser mucho más fácil que
trabajar con elementor Bien, podemos cerrar
este justo aquí. No guardemos ningún cambio. Bien, volvamos a todas nuestras páginas y básicamente
eso es todo para esta lección Ahora, ya sabes cómo funciona
UX Builder. Es un simple creador de páginas. Es mucho más fácil de
usar entonces Elementor, pero también es flexible Bien, así que eso es
todo por esta lección.
49. (6.2) Editamos la página de inicio (constructor de UX): Bien, En esta lección
vamos a crear nuestra Página de inicio. Y esta vez vamos
a usar UX Builder para crear nuestra página de inicio en la sección
anterior cuando
estábamos trabajando con Astra
Theme hours usando Elementor y si
íbamos a nuestra página de inicio Entonces solo voy
a abrir esta en
una nueva pestaña solo para
ver cómo se ve. Como pueden ver, así
es como se ve. Se ve bastante desordenado, y es porque
fue creado usando Elementor y ahora
no estamos usando Elementor Entonces no importa cuál
sea tu situación, tal vez tengas la
misma página de aspecto. A lo mejor tienes una página
completamente vacía. Aún podrás seguir esta lección porque
vamos a crear una página completamente
nueva para nuestra página principal. Bien, así que voy
a cerrar esta. Y si te olvidaste, estos son nuestros layouts. Entonces este es el mismo
diseño que utilicé para crear nuestra página de inicio cuando
estaba trabajando con Astra Theme y estaba
trabajando cuando Elementor Entonces como puedes ver en
la primera sección, vamos a tener
nuestra imagen de héroe con el botón Glick a la acción Y para esto vamos a usar banner aquí mismo
tenemos productos. Entonces para esto, vamos
a utilizar el elemento products. Esta sección la vamos a
importar de estudios Flatsome. Entonces vamos a tener
unas Plantillas precreadas, así que nos va a ayudar
a trabajar de manera más eficiente Y aquí mismo
vamos a agregar categorías. Entonces para esto vamos
a usar elemento de categoría y el último asentamiento
va a ser también productos. Bien, así que ahora podemos
volver a todas nuestras páginas. Hagamos clic en Agregar nuevo. Vamos a darle un título a esta página. Llamémoslo Página principal, y hagamos clic en editar
con UX Builder. Bien, así que ahora mismo tenemos una página completamente vacía y
hagamos clic en Agregar elemento Escojamos banner. Entonces, antes de hacer algún cambio, asegurémonos de que
tenemos todas estas secciones. Tenemos que asegurarnos de que
este es el diseño que tenemos. Así que volvamos. Vamos a cerrar este de aquí. Y ahora
volvamos una vez más. Y ahora tenemos que añadir un título. Así que hagamos clic en Agregar elementos. Escojamos solo un segundo. Vamos a elegir el título. Apenas un segundo. ¿Dónde está el título? Sí, este es el
elemento que queremos usar. Bien, usemos el título. Y centremos este
título aquí mismo. Y volvamos a nuestro layout. Entonces vamos a tener los productos
más vendidos. Así que vamos a bucear aquí mismo. Productos más vendidos, bien, creo que se ve bien Podemos cambiar el tamaño, hagámoslo 120. Creo que va
a quedar mucho mejor. Bien, volvamos y ahora queremos
agregar nuevos elementos Este elemento
va a estar orgulloso. Así que usemos Buscar
para buscar Productos. Bien, este es el
elemento que queremos usar. Seleccionemos este elemento
y hagamos clic en Aplicar. Y ahora para mostrar los productos
más vendidos, tenemos que desplazarnos hacia
abajo apenas un segundo Vamos a desplazarnos hacia abajo y ahora
seleccionemos Ordenar por ventas, creándonos de la lista de
tareas pendientes más vendida que Entonces así es como
va a quedar una vez que empieces a
recibir pedidos. Así es como se va
a exhibir desde el producto más vendido hasta el producto menos vendido Bien, así que
mantengámoslo así. Vamos a hacer clic en Aplicar, y ahora
vamos a agregar otra sección. Así que volvamos a nuestra
estructura y ahora necesitamos
agregar esta sección aquí mismo
para mostrar nuestras ventajas. Así que volvamos. Vamos a hacer clic en agregar elementos. Y ahora en lugar de usar cualquiera de esos
elementos aquí mismo, seleccionemos Flatsome studio y no tengas miedo de
explorar todo tú mismo Tal vez encuentres algunos elementos que te gustaría usar tú mismo para hacer tu tienda online un poco
más única. Entonces este depende de ti. Puedes explorar
todo tú mismo. Pero en esta lección
vamos a usar esta, iconos de Servicios. Y sólo un segundo, vamos a elegir este
de aquí mismo. Seleccionemos Importar. También importemos imágenes. Vamos a hacer clic en iniciar, y así
es como va a quedar. Bien, entonces, ¿qué sigue? Volvamos y
ahora vamos
a mostrar nuestras categorías. Entonces, antes de agregar nuestras categorías, necesitamos agregar un título para que podamos usar este
título aquí mismo. Entonces podemos duplicar este
título así como así. Y escribamos Categorías, y hagamos clic en Aplicar. Y ahora podemos mover este
elemento aquí mismo, justo abajo debajo de
esta sección aquí. Y así
es como va a quedar. Ahora, hagamos clic en agregar elementos, y ahora
busquemos Categorías. Bien, entonces esto es
lo que queremos usar. Vamos a hacer clic en Agregar, y así
es como va a quedar. Y ahora no tenemos
ninguna imagen en este momento, pero después vamos a
arreglar eso para que podamos
mantenerlo así como así
va a quedar bien. Bien, hagamos clic en
Aplicar y ¿qué sigue? ¿Cuál es el siguiente? Tenemos que agregar productos
de tendencia. Bien, así que volvamos. Y ahora vamos a duplicar
este título una vez más. Vamos a hacer clic en Duplicar y
podemos agregar productos de tendencia. Bien, hagamos clic en Aplicar. Y ahora vamos a mover
este título justo
abajo son las
categorías de productos elemento. ¿Bien? Entonces ahora tenemos que agregar elementos
de productos. Así podemos duplicar
este elemento anterior. Hagamos clic en duplicar, y
ahora hagamos algunos cambios. Bien, así que en lugar
de ordenar por ventas, podemos seleccionar al azar Entonces va a mostrar productos
aleatorios. Y nuevamente, depende
de ti qué tipo de filtro quieres usar. Normalmente me gusta ir por este camino. Vamos a hacer clic en Aplicar. Y ahora tenemos que mover
este elemento del producto justo debajo de este
título aquí mismo. Y así es como se ve. ¿Bien? Entonces ahora tenemos
todo en su lugar y tenemos que hacer cambios
a la primera sección. Entonces esta es nuestra pancarta, entonces esta es nuestra imagen de héroe. Bien, así que hagamos clic aquí
mismo opciones. Así que una vez que hago clic en Opciones, estoy haciendo cambios a toda
esta sección
aquí mismo para que se deshaga Entonces ahora quiero elegir
una imagen de fondo. Entonces la imagen de fondo
va a ser la misma que
usé en la sección anterior cuando estaba trabajando
con Elementor Entonces apenas un segundo, Busquemos esta imagen aquí. Esta es la imagen, y
voy a hacer clic en usar esta imagen, y
así es como va a quedar. Y ahora quiero que
sea de ancho completo. Entonces para hacer eso, deberíamos hacer algunos cambios a
toda esta página misma. Pero antes de hacer eso, vamos a asegurarnos de que tenemos
el tamaño correcto seleccionado. Quiero usar este
tamaño, digamos, porque quiero usar una
mejor calidad de esta imagen. Bien, así es como
va a quedar. Y puedo cambiar la altura
así no me gusta eso. Tiene 500 píxeles
en lugar de una deuda. Voy a usar 600. Bien, creo que
va a quedar mejor. Ahora quiero hacer
esto de ancho completo. Entonces voy a dar click aquí
mismo para hacer
cambios a esta página de
muro en sí. Entonces voy a elegir plantilla. Y esta es la
plantilla que quiero elegir. Así
es como va a quedar. Bien, así que aún no hemos terminado porque no se ve
muy bien aquí mismo Entonces hagamos algunos cambios
a este elemento de texto. Vamos a moverlo a la derecha. Y aquí, vamos a sólo un segundo. Voy a moverlo un poco hacia arriba. Aquí. Voy a cambiar el texto, así que voy a dar click
aquí mismo, abrir editor de texto. Y aquí sólo
voy a sustituir este texto, pero mi texto. Bien, así es como
va a quedar. Ahora voy a dar click Bien, y no me gusta el
tamaño de los textos, así que puedo cambiarlo aquí mismo. Entonces voy a mover
esto un poco a la derecha. Así como así. Puedo ampliar un poco más esta área
aquí mismo. Apenas un segundo. Puedo hacer algunos cambios a
este texto un poco más. Entonces tengo que cambiar el elemento de
encabezado aquí mismo. Escojamos el número cuatro. Bien, de esta manera,
siento que va a
quedar mejor, Así podemos aumentar
el tamaño de la fuente. Y creo que
va a quedar bien. Apenas un segundo. Voy a
volver al editor de texto. Bien, creo que se ve mejor y ahora podemos cambiar el color. Entonces, si me gustaría dar click aquí mismo, puedo cambiar el
color de este texto. Siento que este color
quedará genial. Así que mantengámoslo así. Y ahora quiero agregar
un botón aquí mismo. Entonces, para agregar un botón,
vamos aquí. Podemos hacer clic, Agregar cuadro de texto, y vamos a elegir botón ¿Bien? Entonces este es el botón que
vamos a usar. Puedes usar otro
preset si quieres. Así que solo voy a
hacer clic en Aplicar. Bien, entonces ahora
necesito Agregar texto. Voy a Agregar agudo ahora. Bien, hagamos algunos ajustes de
estilo. Vamos a elegir el color
secundario. Por el momento, el color
secundario está configurado para ser este color naranja. Pero después, una vez que
vamos a trabajar en las
opciones de personalización de este tema, vamos a hacer cambios. Vamos a reemplazar este color
naranja a color rojo, y el mismo color se muestra aquí mismo
para la venta burbuja. Entonces vamos a trabajar en
eso en una lección posterior. ¿Qué más podríamos hacer? Podríamos agregar una URL
a este botón. Entonces hagamos que este
botón esté activo. Así que esta vez quiero
incluir una URL que lleve a nuestros visitantes a nuestra página de tienda donde puedan ver
todos nuestros productos. Entonces, si recuerdas, la página de la
tienda es slash shop. Esta es la página que queremos usar. Entonces copiemos esta
página aquí mismo. Ahora, podemos cerrarlo y
podemos pegarlo aquí mismo. Bien,
también podemos agregar un icono. Si agregaría flecha, ¿verdad? Así es como va
a quedar y puedo elegir un visible
en nuestro, bien Entonces así es como
va a quedar. Bien, también podría hacer
algunos otros ajustes. También podría expandir este
botón, y podría cambiar el
tamaño de este botón. Hagámoslo grande. Bien, siento que se
ve bien. Y también puedo cambiar
el radio. Entonces, si voy a mover
este un poco también, ¿verdad? Así es como va a quedar. Y siento que se ve bien. Bien, así que una vez más, todo depende de ti Esos todos los cambios,
los ajustes de estilo son de usted. Pero si vas
a seguir mi lección, vas a tener
una base sólida y entenderás cómo crear tu página de inicio
siguiendo esta lección. Bien, así que asegurémonos de
que todo quede bien. Entonces ahora podemos cambiar
el texto aquí mismo. Por lo que estoy ofreciendo envío gratis
para pedidos superiores a $50. Y podemos mantener devoluciones gratuitas. Nuevamente, depende de usted
y de Atención al Cliente. Entonces ofreceré Atención al cliente
24-siete Atención al cliente, para que pueda agregarlo aquí mismo Entonces voy a hacer clic
en este texto aquí, y voy a abrir
éste en un editor de texto, y solo voy a reemplazar la
información aquí mismo. Bien, podemos hacer clic, Bien, y así
es como va a quedar Podemos regresar. Entonces hicimos cambios en los textos. Bien, aquí también podemos
incluir devoluciones gratuitas. Así que mantengámonos así. Sólo voy a
abrir este en
un editor de texto y voy a agregar la información aquí mismo. Bien, vamos a hacer clic, Bien Entonces el siguiente
va a ser este Entonces voy a dejar que ahora nuestros visitantes que están ofrecen
una gran atención al cliente, algunos van a escribir 2047 soporte Bien, podemos hacer clic, Bien, y ahora mismo este
ícono de aquí no tiene sentido porque estamos ofreciendo soporte para que
podamos cambiar eso Entonces, si harías clic
aquí mismo en este ícono, puedes reemplazar este ícono. Entonces voy a dar
click aquí mismo, cambiar medios y ya
subí mis íconos. Entonces este es el icono que
quiero usar. Voy a hacer clic en
usar esta imagen. Y si estás usando imágenes SVG, puedes cambiar el
color de estos iconos. Entonces aquí mismo, puedo cambiar el color de este
icono, como pueden ver, puedo hacer que se vea de manera similar
a este color aquí mismo, igual que todos los demás iconos. Entonces depende de ti qué tipo
de iconos quieres usar. Y
te voy a mostrar el lugar donde me gusta conseguir mis íconos gratis. Entonces el lugar donde me gusta
obtener mis íconos y apenas un segundo, voy a pegar
esta URL aquí mismo. Y como pueden ver, este es el lugar donde me
gusta conseguir íconos. Puedes encontrar cualquier
icono que quieras
usar y sólo tienes que seleccionar el icono. Puedes usar Buscar para
buscar esos íconos. Y puedes descargar el archivo SVG, y puedes usar este
archivo aquí mismo. Entonces este depende de ti qué tipo de icono
así que quieres usar, es donde encontré
este ícono aquí mismo. Entonces depende de ti lo que consumo
quiero usar. Puedes explorar ese sitio web
y simplemente consultar los íconos. Tal vez encuentres
los íconos que te
gustaría usar en lugar de esos. Pero ahora mismo, mantengamos
todo como está. Bien, así es
como se ve y
siento que todo
se ve bastante bien Pero antes de irnos, agreguemos algunas brechas
entre algunos de los elementos. Porque en estos momentos este elemento
producto está justo por encima de nuestro primer término
y queremos tener una brecha. Cómo agregar una brecha que
quizás te estés preguntando. Así que vamos a hacer clic aquí mismo en
elementos y vamos a escribir gap. Y esta es la brecha que
queremos usar. Podemos seleccionar esta
brecha y podemos cambiar la altura de esta brecha. Entonces voy a escribir 50 pixeles y siento que
va a quedar bien. Bien, así podemos hacer clic en Aplicar. Y así es como se ve. Y en realidad podríamos agregar
otra brecha aquí mismo. Entonces podemos duplicar esta brecha
que ya creamos. Bien, vamos a
un poco de escritorio de 50 píxeles. Veamos cómo va a hacerlo. Va a estar justo
debajo de nuestro estandarte. Bien, así es
como va a verse y sentirse como se
ve mucho mejor También podría agregar otra
brecha, Brian aquí. Así puedo duplicar esta brecha
tal como lo hice anteriormente. Y ahora mismo, puedo tomar esta brecha sólo un segundo y
puedo ponerlo aquí mismo. Entonces así es como se ve. Siento que se ve mejor. Bien, Antes de irnos, antes de publicar todo, vamos a asegurarnos de que todo quede genial en otros dispositivos Entonces hagamos clic para ver cómo
va a quedar en los dispositivos tablet. Todo se ve genial. Entonces tenemos nuestro deslizador,
está funcionando correctamente. Y vamos a desplazarnos hacia arriba. Veamos cómo se ve. Bien. Ahora bien, nuestros textos no se ven muy bien. Para
que podamos cambiar eso. Podemos ampliar este
texto así como así. Podemos moverlo un poco hacia arriba. Siento que se ve mejor esta vez hice esos cambios. Esos cambios solo
se aplicaron al dispositivo tablet. Veamos cómo va
a quedar en los dispositivos móviles. Bien, no se
ve nada bien. Para que podamos cambiar el tamaño de
éste así como así. Bien, siento que
está en el centro. Ahora podemos hacer algunos
cambios a esta imagen apenas
podamos ver nuestros textos. Así que vamos a mover
éste así como así. Bien, siento que se
ve bastante bien. Es fácil de entender
y se ve mucho mejor. Entonces, si voy a volver a la vista de
escritorio, nada cambió. Así que esta es una gran ventaja de este tema Flatsome porque
es altamente personalizable Así como lo puedes ver tú mismo. Bien, así que siento que
todo se ve genial. Tenemos todas las
secciones que necesitamos. Y ahora podemos hacer clic en Aplicar. Bien, hagamos clic en Publicar. Bien, ahora podemos
cerrar esta de aquí. Bien, entonces esta
es nuestra página de inicio. Hagamos clic
aquí mismo, Ver todas las páginas. Ahora podemos cerrar
esta pestaña aquí mismo. Y ahora tenemos nuestra casa
que fue creada anteriormente, y tenemos nuestra página de inicio. Tenemos que reemplazar esto
con nuestra página de inicio. Entonces para hacer eso, quieres ir a
ajustes aquí mismo. Vamos a elegir la lectura y aquí
mismo en Página de inicio, vamos a seleccionar la página
que acabamos de crear. Entonces esta es nuestra página de inicio. Hagamos clic en Guardar cambios. Ahora podemos volver a Todas las
Páginas y lo verás
tú mismo que ahora nuestra página principal
está establecida como portada. Entonces ahora no necesitamos esta página. Podemos hacer clic en Basura. Bien, vamos a ver
cómo se ve nuestro sitio web ahora, N es, puedes ver
así es como se ve Creo que se ve mucho mejor
que la versión anterior. Pero en realidad,
no hemos terminado porque este
momento no tenemos
ninguna imagen aquí mismo. Entonces, para agregar imágenes
a nuestras categorías, tenemos que ir al tablero. Vamos a la pestaña Productos. Elijamos Categorías. Y aquí mismo y
los juguetes de madera, puedo dar clic en Editar. Y una vez que esté aquí, puedo seleccionar miniatura Entonces voy a dar click por
aquí, seleccionar la miniatura, y ya he
subido algunas imágenes Entonces esas son las imágenes
que planeo usar. Algunos, sólo van a seleccionar
esta imagen aquí mismo. Voy a hacer clic en usar imagen. Voy a hacer clic en actualizar. Bien, vamos a Categorías. Bien, entonces esta
imagen ya está activa. Entonces voy a hacer lo mismo
con todas las demás categorías. Entonces voy a añadir miniaturas. Bien, hay, puedes ver que
acabo de terminar de agregar imágenes, miniaturas a mis Categorías, y así es como se Por supuesto, lo entiendo
eso para un disfraz, así que tal vez use la imagen equivocada, pero en
realidad no importa mucho. Estamos trabajando en
esta página de inicio solo para mostrarte cómo se
ve, cómo funciona. Entonces en tu caso, claro, vas a usar diferentes
imágenes, pero en mi caso, estas fueron las imágenes
decididas a usar. Bien, así que ahora hemos terminado
de agregar miniaturas. Ahora podemos dar click aquí mismo y podemos consultar nuestra página de inicio. Veamos cómo se ve. Bien. Entonces así es como se ve. Tenemos categorías. Esas categorías se ven de esta manera. Y si no te gusta cómo se ven
esas categorías, porque ahora mismo, esta categoría aquí
no se ve muy bien. Yo lo consigo. Entonces podemos hacer algunos cambios más. Si me gustaría dar clic aquí mismo. No, aquí no, aquí mismo. Edita con UX Builder. Asegurémonos de que
todo quede genial. Bien, así que asegurémonos de
que todo quede genial. Bien, así que si tenemos
algunos problemas de estilo, vamos a arreglarlo Bien, así que seleccionemos este elemento aquí mismo, Categorías de
Productos Y ahora, si me desplazara hacia abajo justo aquí solo
un segundo y altura, podemos seleccionar uno por uno y
va a quedar perfecto Bien, siento que se
ve genial. Bien, también podríamos hacer
algunos cambios como se ve. Así que al estilo a lote, podemos seleccionar etiqueta. Con etiqueta. No se ve muy bien. Si vas a seleccionar arbusto. Creo que va a
quedar mucho mejor. Podemos quedársela así. Siento que va
a quedar mucho mejor. Y podemos hacer clic en Aplicar. Hagamos clic en Actualizar. Ahora podemos cerrar UX Builder. Y así, creamos nuestra página de inicio
y
comparamos la versión anterior cuando
estábamos trabajando con Astra Theme, siento que esta página de inicio
se ve mucho mejor. Tenemos un botón que funciona
y todo se ve genial. Y más adelante en otras etapas cuando vamos a trabajar en
las opciones de personalización, aquí
vamos a hacer cambios
en los colores, pero ahora mismo,
todo se ve genial. Entonces eso es todo por esta lección.
50. (6.3) Edita la página de contacto (constructor de UX): Esta lección vamos a
crear nuestra página Contáctenos. Entonces, si has visto mi sección anterior
donde te mostré cómo crear Página de Contacto usando
Astra Theme y Elementor Esta suma va a ser similar, pero si iríamos a la página que creamos
anteriormente en solo un segundo, no
podemos encontrar esta
página aquí mismo. Oh no, esta es la página
que creamos anteriormente. Como pueden ver, se
ve bastante masivo. Entonces, en lugar de usar esta página, tal vez no hayas seguido la sección anterior y decidiste ir con
el tema premium. No te preocupes por eso. Vamos a crear una página de Contacto
completamente nueva. Entonces para hacer esto,
vayamos al tablero. Vamos a Todas las Páginas y
seleccionemos todas las páginas. Y antes de seguir adelante, hagamos algunos cambios a la
página que creamos anteriormente. Así que hagamos clic en Edición rápida. Y al final del título
y Slug, vamos a escribir dos. Y estamos haciendo esto
porque vamos a crear una página completamente nueva. Y si vas a
crear nuestra nueva página, contacta y vamos
a dar el mismo título. No va a
tener la misma URL. Lo más probable es que vaya a
tener contacto dash dos. Entonces, para evitar la muerte, cambiemos el nombre de la página
que calificamos anteriormente, y ahora podemos hacer clic al mediodía. Bien, escribamos Contacto y hagamos clic en editar
con UX Builder Bien, esta vez
hagamos clic en agregar elementos y agreguemos una fila Así que escojamos dos columnas, y hagamos clic en aplicar en
la primera columna aquí mismo, quiero incluir información de
contacto como dirección de
correo electrónico, número de teléfono. Y si quieres, también
puedes incluir
tu dirección. Y aquí mismo voy
a incluir Formulario de Contacto. Entonces, si no viste mi sección anterior donde te
mostré cómo
crear Formularios de Contacto. No te preocupes por eso. Voy a mostrar esto
aquí también, pero
te recomiendo encarecidamente que revises la lección anterior
donde mostré cómo calificar Página de contacto usando
Elementor usando Astra Theme Bien, así que empecemos a
trabajar en esta página. Bien, así que las primeras
cosas, Vamos a hacer clic en Aplicar. Y aquí mismo en
esta primera columna, quiero incluir
unos elementos de texto. Entonces voy a dar
click aquí mismo en dos columnas y
voy a elegir texto. Voy a hacer clic en Aplicar, y voy a abrir
esto en editor de texto. Y aquí mismo voy
a escribir el encabezado para este elemento de texto que
va a ser Contacto. Voy a elegir
el segundo nivel de rumbo para éste. Y voy a hacer clic en Entrar y voy a ingresar
mi dirección de correo electrónico , número de
teléfono, y depende ti si quieres
incluir dirección. Bien, así es como
va a verse. Voy a hacer clic en Bien, y voy a volver. Y aquí en la segunda columna, aquí mismo, voy
a dar clic en Agregar a columna. Y una vez más,
voy a elegir texto. Voy a elegir párrafo. Voy a abrir
esto en editor de texto. Y aquí mismo usando este
segundo nivel de encabezamiento, voy a escribir,
enviarnos un mensaje. Bien, así como pueden ver, elegí el segundo nivel de rumbo así como
así. Sólo un momento. Voy a elegir el segundo nivel de rumbo una vez más y
voy a dar click, Bien, bien, así que
ahora volvamos Y aquí voy a dar click en
Agregar a columna una vez más. Y esta semi,
voy a usar HTML. Bien, aquí tengo que incluir código
HTML de malformado. Entonces, si no sabes
cómo crear un formulario, te
mostré en la sección
anterior donde te estaba mostrando cómo
crear Formularios de Contacto. Pero si no
viste esa lección, te
mostraré
cómo puedes hacerlo. Bien, así que vayamos a
nuestro sitio web en una nueva pestaña. Bien, así que ahora mismo
estoy en la sección de correos. Entonces básicamente estoy en un
tablero de mis sitios web. Y como recuerdas,
instalamos formularios fluidos Plugin. Te recomiendo encarecidamente que
veas mi lección anterior de la sección anterior donde estaba mostrando cómo crear Formularios de
Contacto. Porque en esa
lección te mostré cómo instalar formas
fluidas Plugin. Y una vez que instales
este plugin, podrás
crear foros. Entonces, si daría clic
aquí mismo en todas las formas, como pueden ver, tengo
algunas lecturas de formularios. En la lección anterior, creé esta forma. Entonces, si no sabes
cómo crear formulario, solo mira mi lección anterior. Pero si no quieres
ver esa lección, puedo mostrarte cómo se hace eso. Entonces, por ejemplo, hagamos
clic en Agregar nuevo formulario y escojamos este. Normalmente me gusta
quitar el apellido, así que no vamos
a usar el LastName Y aquí mismo, en lugar
de usar el formulario de envío, podemos cambiarlo
para enviar un mensaje. Entonces aquí mismo, voy
a escribir enviar mensaje. Podemos cambiar el estilo
de un botón aquí mismo. Entonces digamos que voy
a elegir el rojo. Siento que va a encajar
perfectamente con mi diseño. Y así
es como va a quedar. Bien, así que antes de irnos, hagamos clic en Guardar formulario Y también podríamos cambiar
el título de este formulario para que sepamos
lo que estamos usando. Entonces voy a escribir el
título para este formulario. Voy a llamar a
este formulario de contacto dos porque en la lección
anterior, en la sección anterior
ya se creó el primer formulario, por lo que va a ser Formulario de
Contacto Dos. Bien, hagamos clic en renombrar, y este es el ID de nuestros formularios Por lo que queremos copiar
esta identificación aquí mismo. Y hay un ajuste de
Setting muy importante que tenemos que hacer. Tenemos que hacer clic aquí mismo. Y como puedes ver, así
será el
mensaje de nuestro formulario una vez que nuestros
visitantes envíen un formulario Así que podemos ir justo aquí
y enviar notificaciones por correo electrónico. Y asegurémonos de que activamos
las notificaciones por correo electrónico. Una vez que un cliente,
una vez que un visitante nos deja, un formulario nos deja un mensaje, nos notificará
a nuestra bandeja de entrada de correo electrónico. Pero antes de
irnos, debemos hacer algunos ajustes muy
importantes. Vamos a dar clic aquí
y enviar a aquí. Tienes que escribir tu dirección de correo electrónico
comercial. Entonces escribe la
dirección de correo electrónico que creaste anteriormente donde te
mostré cómo
crear tu dirección de
correo electrónico comercial. Porque si no
vas a hacer ningún cambio aquí, no
serás notificado
a tu dirección de correo electrónico. Así que asegúrate de agregar tu
dirección de correo electrónico comercial aquí mismo. Entonces acabo de ingresar mi dirección
de correo electrónico comercial. Ahora puedo desplazarme hacia abajo y
puedo hacer clic en Guardar notificación. Bien, así que asegúrate de haber copiado este de aquí mismo Ahora, podemos cerrar esto aquí y peguemos este
código aquí mismo. Ahora podemos hacer clic en aplicar, y antes de irnos, siento
que necesitamos agregar un hueco. Entonces busquemos un elemento gap. Seleccionemos este elemento, y usemos 50 píxeles. Hagamos clic en Aplicar. Y ahora voy a duplicar
éste de aquí mismo. Hagamos clic en Aplicar. Y ahora voy a llevar
este a la cima. Entonces tengo el mismo
hueco en la parte superior de mis elementos y agrego un fondo. Así que ahora podemos hacer clic en Publicar. Bien, podemos hacer clic en Actualizar. Ahora podemos cerrar
este UX Builder. Bien, vayamos
a todas nuestras páginas. Y como recuerdas, renombramos esta página. Podemos ponerlo en la papelera y ahora podemos ver
nuestra página de contacto. Y así es como se ve. Bien, Entonces contactos aquí mismo, parece bastante minimalista Entonces solo decidí
que quería incluir mi dirección de correo electrónico
y número de teléfono, pero depende de usted
si también quiere incluir su dirección, tal vez esté en horario de trabajo. Decidí ir por el camino sencillo solo para
mostrarte cómo funciona todo. También me gusta incluir alguna información para mis
clientes que suelen responder dentro de las 24 h a
los mensajes, a los correos electrónicos. Entonces solo para llenar esta
columna aquí mismo un poco más, pero como puedes ver, así es como se
ve
nuestra página de contacto en este momento. Y es completamente
funcional Página de contacto. Funcionará simplemente genial. Tal vez no necesitábamos
agregar un gap aquí mismo, pero podemos arreglarlo si
vas a hacer clic aquí mismo, Edita con UX Builder y podemos eliminar la brecha que
producimos el anuncio. Bien, así que
eliminemos esta brecha de fondo porque ya tenemos una buena brecha entre
los elementos Podemos hacer clic en Actualizar. Bien, podemos cerrar esta. Bien, así como pueden ver,
así es como se ve y siento que nuestra
página de contacto se ve genial Hace el trabajo. Nuestros clientes, nuestros visitantes
podrán ponerse en contacto con nosotros, dejarnos un mensaje, y qué más podría preguntar. Bien, así que eso es
todo por esta lección.
51. (6.4) crea menús: En esta lección,
vamos a pasar por el proceso
de creación del menú principal, de los propios Menús. Entonces, si no has visto mi sección anterior donde te
mostré cómo crear Menús. Básicamente es lo mismo sin
importar qué FIM estés usando, no importa si estás usando algún creador de páginas o
algo por el estilo, los menús son parte del propio
WordPress Entonces voy a ir a mi página principal. Como puedes ver,
este es el menú. No nos
preocupa que este menú
no se ajuste a nuestro encabezado. Posteriormente vamos a hacer
ajustes a este menú. Pero ahora mismo, este es
el menú que queremos tener. Este es el menú exacto que
planeamos usar para nuestro sitio web. Entonces, cómo creé este menú. Entonces deberíamos ir al
tablero de aquí mismo. Y si voy a ir a la sección
Apariencia aquí mismo, puedo elegir Menús. Entonces aquí creé este menú, y como pueden ver aquí, tenemos varios menús diferentes. Para que pueda elegir de la lista. Entonces tengo menú principal, tengo un menú de enlaces rápidos. Tengo un
menú secundario enlaces al sitio. En este curso sólo nos
estamos enfocando en el menú principal porque eso es todo lo que vamos a utilizar
en este curso. Entonces voy a
seleccionar este menú principal y voy a dar click en seleccionar. Y claro, si vas a
necesitar crear un nuevo menú, puedes dar click
aquí mismo y
podrás crear un nuevo menú. Y posteriormente este menú se
agregará a la lista de todos los Menús. Y en etapas posteriores, cuando personalizas tu tema, cuando estés personalizando
tu sitio web, puedes configurar este menú, menú
recién creado, digamos que muestre en un
lugar determinado Pero ahora mismo, nuestro
foco principal está en este menú principal. Entonces como puedes ver, tenemos todas las categorías y eso es exactamente lo que
queremos tener. Y si te estás preguntando
cómo creé este menú, así que simplemente uso enlaces personalizados. Entonces aquí mismo, agregué el
texto, digamos disfraces. Entonces agregé los trajes de texto, y agregué la URL de
la categoría de disfraces. Entonces, si no estás seguro de
cómo encontrar esas URL, puedes hacer clic
aquí mismo productos Vamos a abrir Categorías
en una nueva pestaña. Y vamos a Categorías
y digamos disfraces. Entonces esta es la categoría de
disfraces. Puedo hacer clic en Ver en una nueva pestaña. Y esta es la URL de
nuestra categoría de disfraces. Así que simplemente podemos copiar esta URL. Si volviera a
mi menú aquí mismo, puedo agregar trajes de texto de enlace, y pegaré la URL. Una vez que haga clic en agregar al menú, este elemento del menú
se agregará aquí mismo. Entonces como puedes ver
aquí mismo, tenemos disfraces. No voy a agregar este
porque
ya tenemos esto agregado
a nuestro menú principal. Y nuestro menú principal está bien. No necesitamos hacer ningún cambio. Así que así,
puedes crear Menús. Además, puedes elegir
entre las Categorías. Si yo iría aquí mismo. No, lo siento, no funciona. Entonces este de aquí, los elementos
del menú se ven un
poco diferentes a la versión anterior cuando
estábamos trabajando con Astra Theme. Y es sólo porque
estamos trabajando con
diferentes Temas. Por lo que los diferentes temas suelen
tener diferentes opciones. Pero en este caso, cuando estás creando un menú, vas a necesitar
usar la misma opción, enlaces
personalizados, igual que usamos en la sección anterior cuando
estaba trabajando cuando Astra Theme. Así que aquí mismo, no lo olvides, pega la URL de tu categoría, agrega el texto y
haz clic en Agregar al menú. Y así,
crearás tu menú. Y aquí por supuesto, puedes configurar tu menú para que se muestre en varias ubicaciones
diferentes, pero no necesitas enfocarte en eso porque en lecciones posteriores, vamos a hacer cambios
en las ubicaciones de nuestro menú que
se mostrarán en nuestro sitio web. Así que no te preocupes por eso. No necesitas concentrarte
aquí en absoluto. Y una vez que hayas terminado
con tu menú, no
olvides guardar el menú. Y si
volviéramos a nuestro sitio web, así que solo voy a ir a
esta pestaña de aquí mismo. Voy a hacer clic en Visitar sitio. Como pueden ver, este es el
menú que vamos a tener. Voy a cerrar
este tallo aquí mismo. Si te estás preguntando cómo
crear un menú desplegable, realidad mostré esto cómo
hacerlo en la sección anterior, pero solo voy a
mostrar esto una vez más. Entonces por ejemplo, si tienes disfraces
de categoría padre y
tienes categorías infantiles
como disfraces de Halloween, disfraces de
Navidad,
Algo así. Y quieres hacer
un menú desplegable. Entonces digamos que este va
a ser tu vestuario, y este va a
ser disfraces de Halloween. Entonces solo muévelo hacia
el lado derecho, así como así, presiona Guardar menú. Y volvamos
a nuestra página principal. Actualicemos esta página. Y como puedes ver ahora, disfraces,
menú desplegable tiene juguetes de baño, pero en tu caso podrían ser disfraces de
Halloween y tal vez vas a tener
el segundo artículo, disfraces
navideños o
algo así. Entonces así es como
creas un menú desplegable. Bien, volvamos y hagámoslo como antes Así que tenemos que seleccionar
este artículo aquí mismo. Vamos a moverlo a la izquierda. Y así,
vamos a
volver al diseño anterior. Por supuesto, puedes
intercambiar lugares con muchos elementos así como así. Entonces depende de ti. Así que una vez que hagas algún cambio, no olvides presionar Guardar menú. Y ahora podemos
volver a nuestra página principal. Actualicemos esta página. Y como puedes ver ahora, vestuario no es un menú
desplegable. Bien, podemos cerrar esta pestaña. Así que así,
puedes crear Menús. Y si no estás
seguro de los Menús, aún
quieres aprender
un poco más sobre eso. Así que no olvides ver mi sección anterior donde te
mostré cómo
trabajar con como supremo. Y puedes consultar
la lección donde
mostré cómo crear menús. Así que no importa qué
Tema estés usando, no importa qué
plugin de creador de páginas o cualquier cosa por el estilo
que estés usando, el proceso de creación de tu menú va
a ser el mismo. Pero en las etapas posteriores cuando estamos trabajando en las
opciones de personalización de nuestro sitio web, podemos configurar nuestro menú para que se
muestre en ciertas ubicaciones. Entonces nuestro objetivo va
a ser establecer este menú para mostrar. Y ahora Encabezado, Ahora mismo no
se ve muy bien, pero vamos a hacer algunas opciones de
personalización en lecciones posteriores. Bien, así que eso es
todo por esta lección. Ahora deberías saber
cómo funcionan los Menús y si necesitas algo
más de información, no
olvides consultar
mi lección anterior en la sección anterior
donde
te mostré cómo crear Menús
52. (6.5) personalizar el tema (plano: Bien, en esta lección
vamos a empezar a personalizar nuestro tema y
vas a ver a ti mismo
cuántas opciones de personalización tiene
esta viga en comparación con nuestro tema anterior en el
que trabajamos Bien, así que vamos a hacer clic aquí
mismo, Personalizar. Y como puedes ver aquí, tenemos todas las opciones de
personalización. Tenemos un poco más de opciones, pero una vez que hacemos clic, digamos en el
encabezado aquí mismo, como pueden ver, esta es la
cantidad de opciones que tenemos. Aquí mismo tenemos
nuestro constructor de encabezado. Podemos establecer diferentes tipos de Heather para dispositivos de
escritorio, para dispositivos móviles y tabletas. Y ahora mismo
no vamos a trabajar en nuestro encabezado porque hay bastantes cosas,
así que hablemos de ello. Y la lección posterior, nos vamos a centrar un poco más en
el encabezado y vamos a trabajar en la
deuda en la lección posterior. Bien, así que volvamos
y vayamos a Style. Entonces una vez más en Style, obviamente
vas a
hacer cambios en el estilo, así en las fuentes, dos colores, y así sucesivamente. Entonces si hago clic aquí mismo, topografía, como pueden ver, puedo elegir mis familias de fuentes, cuatro tipos diferentes de textos. Entonces ahora mismo, como
puedes ver para los titulares, entonces este es el titular. Este es el titular que
decía ser este vínculo, y esta es la varianza. Depende de ti qué tipo
de fuentes quieres usar. Nuestro habitual, no me
compliques demasiado con una familia de fuentes,
y depende de ti Por supuesto es
cuestión de gustos, pero muchos sitios web y
ahora usan Roboto font También utilizan algunas otras familias de fuentes
populares. Y puedes buscar en Google si quieres, puedes consultar otras familias de fuentes
populares que utilizan la mayoría de sus sitios web. Pero como pueden ver, éste se ve bastante bien. Y si eliges de
la lista, como puedes ver, tenemos varias
fuentes diferentes disponibles y
depende de ti si quieres
explorar esta opción aquí mismo. Entonces como siempre me gusta decir, no tengas miedo de explorar todo tú mismo
porque vas a aprender a usar esta
viga o herramienta mucho mejor. Y como puedes ver aquí mismo, también
tenemos las diferentes
fuentes para base STX Entonces, si haría clic en
mi producto aquí mismo, estos son los textos base. Este es el texto que se utilizará
para las descripciones de los productos, reutilización, y las
publicaciones de tu blog y así sucesivamente. Entonces aquí es donde se
pueden hacer cambios a este tipo de navegación de textos. Entonces, si vas a
elegir diferente fuente para tu navegación, se va a
aplicar aquí mismo. Depende de ti y solo
para hacerte saber que
no es un problema usar dos
fuentes en tu sitio web. Absolutamente puedes usar dos
fuentes en tu sitio web. Puedes usar diferentes fuentes para tus encabezados son para
tus pilas base Incluso puedes usar una fuente
completamente diferente para el menú de navegación. Pero solo ten en cuenta
que esas fuentes, llegaron a coincidir juntas. Bien, entonces aquí es donde
puedes hacer esos cambios. También puedes cambiar las transformaciones de
texto aquí mismo. Entonces como pueden ver
aquí mismo, migas de pan ahora mismo dije a mayúsculas, si activaría esta Como puede ver, en lugar
de ser una mayúscula, esta sección de aquí se
muestra en letras normales Bien,
volvamos a las mayúsculas. Y una vez más, depende de ti
decidir qué quieres usar, cómo quieres que se
vean las cosas. Porque una vez más,
es cuestión de gustos. Si solo siguieras mi
curso completamente a ciegas, probablemente
terminarías con
los mismos sitios web de aspecto Entonces creo que la singularidad
es muy importante. Por lo que debes explorar
todo tú mismo. Bien,
volvamos y en colores. Bien, así como
puedes ver aquí mismo, tenemos colores primarios, color
secundario Y cuando estábamos trabajando en
nuestra página de inicio apenas un segundo. Sí, esta es la página principal
y como puedes ver, así es como se ve nuestra página de inicio. Y como recuerdas
cuando estábamos trabajando en esta primera sección
en este banner, y cuando agregamos un botón, teníamos la opción de elegir qué color si queríamos usar. Entonces fuimos con el color
secundario, y como pueden ver,
se usa
el mismo color aquí
y aquí mismo. Como es color secundario, el color primario está justo aquí. Así que aquí sólo voy a
cambiar esos colores. Y voy a
Agregar colores de enlace. No obstante, vincula colores
y todo eso. Y una vez más, este
depende de ti porque estás trabajando en
el estilo, en los colores. Y solo ten en cuenta, el mejor de los casos es hacerlos coincidir y hacer que
los colores coincidan. Como recuerdas, te mostré en la lección anterior hace
un tiempo, donde hablé de cómo usar herramienta
enfriadores para generar colores
coincidentes Entonces en este momento sólo
voy a sustituir todos esos colores por colores
a juego. Bien, ahí está, ya ves, acabo de terminar de reemplazar todos los colores y
así es como se ve Y ahora todo
se ve un poco mejor, como la forma en que se ve todo. Y el sentido, claro que
tenemos todos los
colores coincidentes en su lugar. Y si me desplazara hacia abajo, así es como se ve todo. Y una vez más, esos todos los ajustes de
Estilo depende de ti, pero solo ten en cuenta, debes usar colores a juego. Y si me desplazaba hacia
abajo, como pueden ver, puedo hacer cambios a
los elementos separados, a las áreas separadas de
mis sitios web o mi Tema. Entonces, por ejemplo, podría elegir un
color completamente diferente para el botón de venta. Entonces, en lugar de usar
este color secundario, como pueden ver
aquí mismo, podría elegir Color para las burbujas de venta. Entonces no va a ser
el color secundario, sino que va a
usar este color si decidiera
configurarlo aquí mismo. Y como recuerdas, te
dije antes
que no deberías usar demasiados colores en tu sitio web porque no va
a parecer profesional. Pero si decidirás que
quieres hacer celular burbujeado diferente o botón Agregar al carrito diferente o
algo así No tengas miedo de usar cuatro colores o hasta
cinco colores es bueno. Pero solo ten en cuenta que
debes combinar todos esos colores. Para que puedas explorar esos
ajustes aquí mismo. Y ahora podemos regresar. Y si yo escogiera estilos
globales aquí mismo, no
vamos a
cambiar nada porque todo está bien
ya que es por defecto. Así que volvamos algo de CSS. Entonces como te lo dije y al
inicio de este curso, no
vamos a
trabajar con ningún código y no vamos a hacer eso. Pero si necesitarías alguna opción de personalización adicional
para ir aún más a fondo, para bucear aún más en profundidad, para cambiar los colores esporas como elementos pequeños
separados Aquí es donde se puede hacer eso. Pero para hacer eso,
debes saber codificar. Entonces debes conocer el lenguaje de codificación
CSS. Por supuesto, es para usuarios
avanzados. Bien, volvamos y la imagen de la
caja de luz. Y no vamos a
cambiar nada porque todo está bien
como lo es por defecto. Bien, volvamos. Y en Blog, no vamos a cambiar nada
porque no hemos empezado a hablar de blogs. Y para ello tengo una sección
completamente separada. Entonces, si quisiéramos hacer
esos cambios aquí mismo, no
deberíamos tener un blog primero
y aún no lo tenemos. Pero aquí mismo, solo
vas a poder hacer cambios en tus entradas de
blog, en las Categorías. Y una vez más, es
la cuestión del gusto. Una vez que vayas a tener listas
tus publicaciones de
blog, aquí es donde podrás
hacer diversos ajustes. Cómo se
mostrarán las publicaciones de tu blog, cómo se verán las
imágenes destacadas, qué meta datos
quieres mostrar, etc. Entonces este será
para que lo explores, diseñes cómo va a quedar la cosa. Pero por lo general la forma en
que es por defecto, simplemente
funciona bien
y lo verás
tú mismo una vez que publiquemos
nuestra primera entrada de blog. Y va a ser para
ti diseñar cómo
quieres trabajar en las opciones
de personalización del aspecto del blog. Pero creo que la versión por defecto habitual se ve bien y no importa cuál sea el
Tema que estés usando. Entonces, si estás usando un Tema
Astra o éste, si no vas a demorar la forma en que se ven las cosas, esto es muy, podrás hacer
cambios en las páginas del blog, entradas del blog, y en todo lo que esté asociado al blog. Bien, volvamos y la pestaña
WooCommerce aquí mismo. Aquí es donde
puedes hacer cambios en
la parte WooCommerce
de tu sitio web. Entonces en Aviso de tienda, si has visto mi sección
anterior, aquí
es donde agregué
mi aviso de Tienda. Si habilitaría este aviso de
Tienda aquí mismo, y haría clic en este de aquí. Como puedes ver, tenemos aviso de
tienda que
puedes despedir, pero normalmente no
uso ese aviso de Tienda, digamos para este
tipo de mensaje, envío
gratis para
pedidos superiores a $50 Cuando estoy trabajando
con Flatsome Theme, a lo mejor es una buena opción, es una buena opción cuando estás trabajando con Astra Theme muy, tienes falta de opciones de
personalización Pero con Flatsome Theme, por lo general
me gusta mostrar
esa información aquí mismo Así que puedes hacerlo fácilmente. Para que podamos desactivar
éste por completo. Bien,
volvamos Catálogo de productos. Aquí es donde se pueden hacer
cambios en el catálogo de productos. Normalmente me gusta la forma en
que se ve todo. No cambies nada. Pero esto es para que explores
las opciones de personalización. Como puedes ver, esta
es nuestra página de producto. Así que no importa si
vas a estar en la categoría de disfraces o
atraerías categoría,
o en cualquier otro lugar. Va a tener el mismo aspecto
igual que éste, agudo. Entonces aquí es donde haces todos los cambios
relacionados con el catálogo. Si me desplazara hacia abajo, esto es muy puede cambiar el
diseño de su catálogo. Normalmente me gusta quedarme con esta. Puede cambiar el estilo de lista y hacer varios
otros ajustes. Como puedes ver, hay un montón
de ajustes diversos. Y una vez más, es
cuestión de gustos. Y cuando vamos a
visitar la sección de widgets, aquí es donde vamos
a agregar algunos widgets. Entonces, no nos enfoquemos
en eso ahora mismo. Bien, así que simplemente no
tengas miedo de explorar
todo tú mismo Bien, volvamos del Catálogo de Productos, Página
del Producto Bien, entonces esta es
la página del producto. Si hiciera clic
en este producto, estaremos trabajando en esta página del producto para que
puedas cambiar el diseño, puedes cambiar cómo va a quedar la
cosa,
cómo se verá el encabezado, y así sucesivamente. Entonces este es una vez más
para que lo explores. Normalmente me gusta mantener
todo como es. Siento que se ve mejor. También puede cambiar
la forma en que
se mostrarán las imágenes adicionales. Entonces por ejemplo, sí, así es como va a quedar, pero normalmente me gusta
ir con esta versión. Y como pueden ver aquí mismo, tenemos varios
otros ajustes. Y si
elegiría, por ejemplo, pegajoso Agregar al carrito, me desplazaría hacia abajo. Como puedes ver, tenemos la opción
Agregar al carrito. Entonces, una vez más, depende de ti
decidir qué funciona mejor
para ti. Mirando desde la perspectiva
de la Tasa de Conversión, no
he notado
grandes diferencias si tuviera esta
activada o no. Entonces, depende de ti decidir cómo quieres que se vea
tu sitio web. Porque después de todo, estamos
Creando sitios web únicos. Bien, así que sólo voy
a desactivar esta. Entonces como puedes ver aquí mismo, tenemos aún más ajustes. Pero una vez más, no me complicaría demasiado
con los cambios de dosis aquí, porque generalmente todo
es bueno ya que es por defecto Bien,
volvamos y mi cuenta. Entonces, si haría clic
en Mi Cuenta tendré que dar clic aquí
mismo a mi cuenta. Como pueden ver, esta
es la página de mi cuenta. Entonces aquí puedes cambiar
la alineación del título. Como pueden ver, así
es como se vería. Me siento así. Se verá mejor. Sí, a lo mejor va
a quedar un poco mejor y puedes cambiar
el color del texto. Una vez más, esos
cambios dependen de ti. No tenemos
demasiados ajustes aquí
mismo, pero está bien. Normalmente me gusta mantener
nuestro símbolo de cadena. Bien,
regresemos Íconos de pago. Este depende de
usted si decide que
desea mostrar
iconos de pago como Visa,
PayPal, raya, MasterCard,
contrareembolso. Y si te desplazas hacia abajo, encontrarás aún más varios otros diferentes
tipos de pagos. Y por lo general me gusta
exhibirlas, sobre todo si estoy trabajando
con la audiencia global. Entonces mi audiencia global
vería que acepta Visa, PayPal,
raya, MasterCard. Por lo general, si aceptas
pagos con tarjetas, es una buena idea
incluir Stripe porque Stripe es una marca muy
conocida, por lo que suele ser una buena
idea incluir eso. Y por ejemplo, una vez
seleccionaría Pie de página absoluto, como pueden ver, ya
se está mostrando aquí mismo, pero no debería mostrarse. Bien, quiero mostrar esos Pago que constreño aquí, pero solo
quería mostrarte si
voy a
desactivarlo, desaparece Entonces debería activar esa en lección
posterior cuando voy
a estar trabajando en el Pie de Página, vamos a hacer algunos
ajustes aquí mismo. Pero por ahora, mantengamos activos a esos cuatro y podemos regresar. También olvidé
mencionar que también puedes activar esta barra lateral de tarjetas de un
extremo, pero normalmente no hago eso. Pero sólo para mostrarte
cómo va a verse, activemos éste. Vayamos a nuestra página de carrito. Y aquí es donde
va a estar así. Entonces así es como se vería, bien, para que podamos desactivarlo. Entonces depende de ti
si quieres mantenerte activo o quieres
desactivarlo, solo
voy a deshabilitarlo. Voy a volver. Voy a ir a la página principal y apenas un
segundo. ¿Qué más tenemos? Teníamos iconos de pago, imágenes de
productos. No vamos a cambiar
nada porque
siento que todo está
bien ya que es por defecto. Pero por ejemplo, si
escogiera éste uno por uno, como pueden ver, así
es como se vería A lo mejor se verá mejor. Entonces depende de ti. Siento que va a
quedar un poco mejor. Siento que se ve mejor. Entonces depende de ti si
quieres quedarte con este
o quieres
usar personalizado y puedes cambiar
esos ajustes aquí mismo. Regresemos a la página de pago. Bien, este es muy
importante ya que estábamos haciendo algunos cambios en la sección
anterior cuando te
estaba enseñando cómo
trabajar con Astra Theme, cómo personalizarlo Algunos de los cambios se guardaron. Entonces, ¿qué hay muertos en esa
sección, si recuerdas, decidí ocultar campo del nombre de la
compañía porque estoy haciendo negocios a cliente. No estoy haciendo
negocios a negocios. A mí me gusta que las cosas sean simples. Y decidí ocultar la
segunda línea para dirección. No es necesario
porque a veces es para los clientes puede
parecer un poco confuso. Mantengamos las cosas simples porque las cosas simples
funcionan mejor. Campo de formulario. Un campo que normalmente me gusta requerir porque
es importante, campo y desinformación
es importante Y aquí mismo se pueden hacer
varios otros ajustes. Pero normalmente no
cambio nada. A lo mejor en algunos casos son más correos electrónicos a la primera
posición, así como así. que puedas activar éste así
como algunos de mis sitios web. Tienen dirección de correo electrónico
en la primera posición. Y una vez más, no
he notado ninguna gran diferencia
en la tasa de conversión. Y si te falta la forma en que se ve
esta página de pago, puedes conservarla así. Pero si elegirías el diseño simple,
como puedes ver, así es como se vería y siento que va
a quedar mucha mantequilla. Y si
elegirías uno enfocado, puede ser que no se
vea tan bien. Así que vamos con una simple. Bien, ahora podemos regresar. Y si iba a ir a ajustes de
carrito, aquí es donde
voy a estar haciendo cambios en el carro en sí. Entonces tengo que ir a mi carrito. Y una vez más, aquí
puedes cambiar el layout. Si voy a elegir
el sencillo, así es como va a quedar, pero puedo ir con uno enfocado. Siento que el enfocado
va a verse mucho mejor. Bien, se ve un poco mejor. Entiendo que se
ve casi idéntico. Y solo un segundo, también
puedes activar las etiquetas
de envío de cajas. Como pueden ver, así
es como se vería. Entonces, una vez más,
esos te toca a ti. Y aquí mismo, si haces algún
cambio con esas opciones, no
verás ningún cambio. Porque en la última
lección de esta sección, te
mostraré cómo arreglar esta página de carrito,
la página de pago. Hay algunas cosas que
tenemos que hacer, pero no te preocupes, Todo funciona como
es ahora mismo. Pero en la última lección,
los Toques Finales, vamos a encargarnos
de las cosas finales, así que todo
quedaría perfecto. Bien, entonces creo que
todo se ve bien. Ahora podemos volver atrás y
básicamente hemos terminado con pestaña
WooCommerce, las opciones de
personalización de WooCommerce. Así que volvamos. Ajustes de maquetación. No vamos a
cambiar nada porque todo está
bien ya que es por defecto, tal vez estés creando
algún tipo de sitio web en un nicho específico donde
tu sitio web tiene que ser extra dulce o
algo así. A lo mejor te gustaría incluir una imagen de fondo que apenas
puedes ver. A lo mejor esto funcionaría. Entonces, una vez más, depende de ti
y no olvides revisar cada vez que los cambios en
cada una de las y en la tableta En el móvil. Y una vez más,
volvamos a la vista de escritorio. Y así aquí
no vamos a cambiar nada porque todo
está bien como lo es por defecto. Bien,
volvamos y un pie de página, no
vamos a hacer
ningún cambio porque va a
haber una lección completamente
separada para esto Y básicamente en esta sección vas a
tener dos opciones. Cómo configurar tu pie de página. Entonces vas a tener
la misma opción que tenías en la
sección anterior mediante el uso de widgets. Pero en la segunda opción
vamos a
configurar nuestro Footer y de una manera
un poco más fácil. Y eso es exactamente en
lo que me voy a centrar. Entonces, no nos centremos en el
pie de página en este momento en absoluto. Vamos a tener una lección
separada para estas páginas aquí mismo. No vamos a
cambiar nada porque todo está bien
como lo es por defecto. Bien,
volvamos cartera. Podemos saltarnos cartera porque estamos creando
una tienda de comercio electrónico. No estamos clasificando el tipo de sitio web de
golondrina superior. Y como dije, este Flatsome Theme, este tema premium es
extremadamente versátil Incluso se puede crear una cartera de
sitios web utilizando esta viga. Pero como estamos trabajando
en un sitio web de eCommerce, no nos
enfoquemos en eso en absoluto. Bien, volvamos Menús. Así que aquí mismo podemos cambiar
las ubicaciones de Menús. Y para ser honestos, aquí, no vamos
a cambiar mucho. Probablemente la única cosa
que vamos a cambiar. Vamos a ir al menú principal. Y básicamente tuvimos ajustes un poco similares
y Astra Theme Pero aquí tenemos más ajustes porque estamos trabajando
con tema premium. Y lo único que
voy a cambiar, sólo
voy a desactivar el menú de pie de página. No necesito mostrar
ningún menú en el pie de página. Entonces, si me desplazaría hacia
abajo, como pueden ver, este menú que se mostraba
anteriormente desapareció, y eso es exactamente lo que
queremos que suceda. Bien, volvamos. Volvamos una vez más. Widgets. Entonces aquí no tenemos
muchos ajustes. Como puedes ver, tenemos
ajustes para nuestro Pie de Página. Y si volviera, este es el segundo Fetzer Y aquí no vamos
a cambiar nada porque esos widgets están
aquí para nuestro Footer. Y tal vez si vas a decidir que
quieres personalizar tu Pie de Página usando cuñas tal como lo hicimos en la sección
anterior. Aquí es donde puedes
trabajar en esos widgets. Aquí es donde puedes
agregar esos widgets. Pero en esta sección
vamos a crear nuestro pie de página
de una manera diferente. Bien, así que aquí, no nos
enfoquemos demasiado en eso. Bien, dejemos eso
igual que eso Configuración de la página principal No vamos a cambiar nada porque todo está
bien ya que es por defecto. Y como puedes ver,
lo único que podemos cambiar es que podemos configurar página
para nuestras entradas de blog. Bien, volvamos. Compartir, servir compartir. Puedes hacer cambios en
el botón de compartir. Entonces por ejemplo, si voy a seleccionar este producto aquí mismo, como puedes ver aquí, tenemos botones para compartir. A lo mejor no necesitamos
usar la opción Email porque Email Esquire está
desactualizado, seamos honestos Bien, y de esta manera, siento que se ve bien Y si no te gusta el estilo, puedes cambiar el estilo. Puedes ver si
elegirías esta. Así se vería. Y una vez más, todos los
ajustes de Estilo dependen de ti. Normalmente me gusta mantener las cosas
simples, así como así. Bien, volvamos. Notificaciones. Aquí no vamos a cambiar
nada. Esta pestaña es tal vez
para usuarios que
buscan dejar que
sus visitantes noten que hubo algún cambio, política o algo así. Pero no necesitamos enfocarnos
aquí mismo porque todo está bien. Bien, volvamos
y CSS adicional. Una vez más, este es
para usuarios avanzados que
buscan hacer alguna
Personalización usando codificación CSS. Bien, no nos
enfoquemos en eso. Justo aquí. Restablecer opciones, puede
restablecer Opciones de tema, pero no vamos
a usar eso en absoluto. Bien, volvamos. Veamos cómo va a quedar nuestro sitio web en los dispositivos tablet. Bien, siento que
todo se ve bien. Y claro que vas
a trabajar en nuestro encabezado. Por supuesto que vas
a cambiar el pie de página, pero por ahora todo
se ve genial. Si diera click en este menú, así es como va a quedar. Si hago clic en el dispositivo móvil, va a tener el mismo aspecto. Y si, básicamente,
todo se ve genial. Y si todo queda genial, si estás satisfecho
con el resultado final, podemos hacer clic en Publicar. Podemos cerrar esta. Y así es como se ve. Entonces nuestra página de inicio se ve blanca. Bueno, no es nada
comparado con la sección anterior, y por supuesto es porque
estamos trabajando con
un tema premium. Bien, así que eso es
todo por esta lección.
53. (6.6) Editar encabezado (plano: En esta lección vamos a editar nuestro encabezado que está justo aquí. ¿Bien? Así que al igual que hicimos
algunos cambios en nuestro encabezado cuando estábamos trabajando
con Astra Theme. Va a ser lo mismo, pero salvo que esta
vez vamos a tener más opciones de personalización. Bien, hagamos clic en Personalizar
y seleccionemos Encabezado. Entonces como puedes ver aquí, tenemos Header Builder. Y al igual que con Astra Theme, este constructor de encabezado
tiene tres niveles. Entonces esta es la
parte superior de nuestro encabezado. Se puede ver esto aquí mismo
en este color eléctrico. Tenemos la segunda
parte de nuestro encabezado. Se puede ver aquí mismo. Tenemos la tercera parte que
es un activo aquí mismo. Se puede cambiar entre
los diferentes modos. Como pueden ver, si
cambiara a la vista de tableta móvil, tengo un
constructor de encabezado diferente porque en los dispositivos
móviles y tabletas
son Header se ve diferente. Entonces así es como
va a verse. Tenemos una estructura un poco
diferente, un diseño un poco diferente, pero sigue funcionando
y hace el trabajo. Entonces, cuando estás trabajando en tu encabezado usando
este Flatsome Theme, debes tener en cuenta que
tienes que hacer cambios tu dispositivo de escritorio y tus dispositivos móviles y tabletas Y como puedes ver
aquí mismo en este encabezado Builder, tenemos varios elementos. Tenemos código HTML. Entonces básicamente este código HTML es texto aquí mismo.
Este es el texto. Si movería este bloque o elementos
HTML y esta área de elementos
no usados, como pueden ver, desaparece. Bien, si lo volviera a
mover,
vuelve a aparecer. Entonces como pueden ver, tenemos varios elementos de
bloques diferentes. Y va a ser de ti experimentar lo que te
va a gustar más. Pero una vez más, en esta lección, voy a
mostrarte un plano de mafia y encuentro que simplemente funciona Bien, así que una vez que hicimos
clic en este bloque se puede ver que estamos haciendo
cambios a este bloque, pero este blog tiene varios códigos HTML
diferentes Entonces este blog está conectado
con otros blogs HTML. Entonces esos ajustes aquí
mismo, quiero decir, se
puede ver que tenemos el bloque
HTML número dos, número tres, el número cuatro. Y aquí puedes agregar diversos textos de información,
imágenes si quieres, y si te resulta demasiado
confuso, HTML es un lenguaje de
codificación muy sencillo. Y solo voy
a explicarte muy rápido lo que significa este código de
aquí mismo. Como puedes ver, tenemos textos,
agregamos cualquier cosa aquí
o simplemente elimínalo para que puedas agregar cualquier
texto que quieras. Y aquí mismo
solo está configurado para mostrar este texto y mayúsculas Y este es un texto en negrita. Entonces eso es básicamente
todo lo que significa. Normalmente no uso
este de aquí mismo, excepto cuando estoy ofreciendo envío
gratis para
pedidos, digamos $50. Entonces podría reemplazar este
texto y voy a agregar envío gratis
para pedidos superiores a $50. Entonces como pueden ver, así
es como se vería. Y una vez más,
depende de
usted cómo desea mostrar
esta información. Incluso se puede mover esta
cuadra al centro. Y claro, ahora no
se ve muy bien porque
tenemos este menú. Podemos desactivar este
menú así como así. Y ahora se
vería mucho mejor si cambiáramos a dispositivos
móviles y tabletas. Puedes ver que también tenemos
este blog HTML. Y una vez más,
depende de
ti si estás ofreciendo cosas como un envío gratis o quieres mostrar cualquier otra información, depende completamente de ti. Normalmente me gusta que las
cosas sean simples. Y en la mayoría de los casos como discapacitados esta
barra superior de aquí mismo. Y cuando estoy ofreciendo, digamos, algunas ventas de trato
especial. Acabo de decir textos HTML
y formando visitantes, clientes que
hay tales ofertas, tales ofertas, tales ventas
o algo así. Y aquí incluyo esta
información. Si no estás haciendo eso, puedes desactivar
este moviendo este código HTML así como así. O puedes
desactivar completamente esta barra superior. Entonces, si harías clic aquí
mismo a nuestra barra, puedes seleccionar si quieres
desactivarlo por ahora, ya que estoy construyendo el encabezado de
acuerdo a mi blueprint, solo
voy a deshabilitarlo Pero ahora ya conoces las
formas en que puedes usar este encabezado superior y depende
completamente de ti. Bien, así que ahora estás familiarizado que aquí tenemos
nuestro header Builder Tenemos varios blogs que
podemos movernos en
este encabezado Builder. Si no estamos usando esos blogs, podemos ponerlos aquí. Y si queremos hacer algunos
cambios a estos bloques, podemos dar click en esos
blogs y podemos empezar
a hacer cambios en esos blogs. Y también puedes alternar
entre diferentes vistas. Entonces ahora sabemos cómo funciona eso. Bien, así que volvamos a todas las opciones de
personalización de Cabecera Y como puedes ver
donde están los presets, si yo iría aquí mismo, podrías elegir los presets, así que son
plantillas prefabricadas para Puedes explorarlo tú mismo. Y depende completamente de
ti si quieres usar eso. Pero puedes crear
tu propio Header, y eso es exactamente lo que
vamos a hacer en esta lección. Puedes explorarlos, puedes activarlos, puedes desactivarlos. A lo mejor encontrarás el
encabezado que te gustaría usar. Y una vez más, es
cuestión de gustos. Bien, volvamos y
logo e identidad del sitio. Por supuesto, puedes agregar título de
tu sitio ya que
ya agregué este título lateral
y lema Cuando
estaba haciendo cambios en
mi configuración de WordPress Esos están aquí ya en su lugar y los tuyos deberían
estar aquí también. Y esos no se muestran porque no he
activado este. Y lo más importante
que vamos a hacer aquí, vas a cambiar el logo. Así que vamos a dar
click aquí mismo. Este es el logo uno a usar. Voy a hacer clic en Seleccionar y
puedo cambiar el tamaño del logotipo. Entonces, si voy a mover
éste así, voy a encogerlo. Bien, creo que se
ve mejor. Y ahora si me
desplazara hacia abajo aquí, pueden
ver que tenemos
algunos otros ajustes. Puedes jugar con
esos cambios para ver que va a
cambiar cualquier cosa. Y claro, aquí mismo, deberías agregar el ícono de tu sitio. El icono se muestra
aquí mismo. Entonces esto es muy importante. Bien, volvamos a la barra superior. Ya deshabilitamos la barra superior que se mostraba
aquí mismo, y depende de ti. Si quieres exhibir, tal vez
quieras mostrar esta barra superior cuando estés
ofreciendo algunas ofertas especiales, ventas
especiales o
algo así. Y depende completamente de ti. Y si vas a hacer eso, puedes activarlo. Puedes agregar varios
blogs a esta barra superior, tal como hicimos anteriormente
cuando agregamos HTML1 Éste de aquí. Como puedes ver, así como así, puedes agregarlos aquí mismo. Bien, volvamos. Seleccionemos la
barra superior una vez más. Puedes ajustar la altura, puedes cambiar el color de
fondo y hacer todos los demás ajustes. Entonces esos van a
estar en tu decisión si
vas a querer usar esta barra superior, pero solo voy
a desactivarla. Bien, volvamos. Vamos a la cabecera principal. Entonces, si harías
clic aquí mismo, estaremos haciendo cambios a
esta parte de nuestro encabezado. Entonces aquí es donde
vamos a hacer cambios. Se puede cambiar la altura. Como pueden ver,
podemos ajustar eso. Se puede cambiar el
ancho, así como así. Normalmente me gusta seguir así. Y puedes cambiar los colores, puedes hacer todos los
demás ajustes. Puede cambiar el tamaño del menú del
navegador y así sucesivamente. Este va a estar en tu
decisión de explorar porque, por supuesto, quieres
crear un sitio web de aspecto único Podemos regresar. Y para ser honestos, ya que estuvimos ahí y
estábamos trabajando en esta parte, podríamos hacer algunos cambios a
esta sección aquí mismo. Por lo general me gusta
mostrar la búsqueda aquí mismo, y me gusta poner mi menú principal. Y la tercera parte de mi
cabecera así como así. Y no uso icono de búsqueda
en lugar de icono de búsqueda. Me gusta usar la búsqueda sólo
por un segundo. Este es el formulario de búsqueda. Y si yo añadiría aquí mismo, así es como va a quedar. Y como puedes ver, nuestro sitio web empieza a verse mejor. Y por lo general me gusta ir con esta opción
aquí mismo, esta. Y por lo general me gusta
elegir plano, y por lo general me gusta ampliar el ancho de esta barra de búsqueda. Bien, siento que se ve bien. Ahora podemos regresar y ahora
tenemos fondo de Heather. Entonces ya hicimos algunos cambios. Trasladamos nuestro menú principal
en la cabecera inferior. Entonces esta es nuestra cabecera inferior. Podríamos hacer clic aquí para
hacer cambios en la parte inferior del encabezado, pero también podemos hacer clic aquí. Entonces, si me gustaría hacer clic aquí mismo, podría cambiar la altura
de nuestro encabezado inferior. No pude hacerlo un poco más grande. También podría cambiar
el color a blanco. Creo que va
a quedar mucho mejor. Y podría cambiar el tamaño del menú de
navegación si voy a
elegir extra grande. Así es como va a quedar. Pero si yo elegiría grande, esto es lo que obtenemos. A lo mejor no se ve muy bien. Tal vez podríamos ir con
tamaño mediano y podríamos ampliar el espaciado entre
esos muchos elementos Bien, el dedo, se
ve mejor. El color no cambió, así que deberíamos
cambiarlo una vez más. Y esos cambios no lo son. No te preocupes por eso. Una vez que hagamos clic en publicar, esos cambios estarán en su lugar, así que no se preocupe por ello. También puedes explorar
algunas otras opciones. Este depende
completamente de ti. Bien, volvamos. El brezo y el
menú móvil se superponen. Entonces aquí
estarás haciendo cambios en dispositivo móvil o tablet. Por lo que debes cambiar tu
opinión a móvil y tablet. Y como pueden ver,
así es como se ve. Por lo que aquí se pueden hacer
diversos ajustes. Entonces este es nuestro menú. Y como puedes ver aquí mismo, ahora tenemos newsletter para
que este boletín funcione. Tendríamos que crear
un blog y
tendríamos que añadir a este
bloque nuestro formulario de contacto. Y es simplemente demasiado complicado
para nuestros visitantes. Normalmente no incluyo este tipo de newsletter
y mi menú. Normalmente me gusta incluir un sencillo
formulario de newsletter y el pie de página, y funciona muy bien. A veces incluyo pop-ups, pero no me gusta
incluir newsletter y el menú principal
porque simplemente no funciona Bien. Entonces para inhabilitar este boletín, porque como dije, no te
recomiendo que
incluyas eso también. Puedes desplazarte hacia abajo y aquí tenemos varios
muchos elementos. Bien, en una cima,
tenemos Search. Entonces esto es Search. Tenemos menú principal,
tenemos cuentas. Entonces esta es mi parte de cuenta. Tenemos newsletter,
por lo que podemos desactivar parte del
newsletter y podremos
mantener los íconos sociales más adelante, te
voy a mostrar como agregar tu perfil
para que tus páginas a esos íconos de redes
sociales. Ahora, hemos terminado con
esta parte donde estábamos haciendo cambios en los menús de un
móvil y tableta. Entonces así es como
va a verse. Creo que va
a quedar bien y también
puedes explorar algunos otros
ajustes. Así que ahora podemos volver
a la vista de escritorio. Podemos cerrar éste y
podemos volver y
aquí mismo, cabecera pegajosa. Así que el encabezado pegajoso
significa que
vas a tener encabezado pegajoso
quiere desplazarse hacia abajo. Entonces por ejemplo, si
voy a desplazarme hacia abajo, como pueden ver, nuestro
encabezado es pegajoso Bien, Entonces así es como se
ve y simplemente se pega. Bien, si voy a
activar y apenas un segundo, voy a desactivar la parte superior Sí, solo un segundo
porque a veces simplemente se congela y no
se supone que actúe de esta manera Bien, entonces ahora
todo es normal y desactivó esta barra superior, y ahora se ve perfectamente
y no se preocupe por eso Si publicas su techado y quieres
consultar tu sitio web, esos cambios se
guardarían y no
tendrías ningún problema. Pero solo quería
mostrarte cómo va a quedar. Entonces como puedes ver, así es
como se ve nuestra pegatina Encabezado. Y por lo general me gusta mantener el encabezado pegajoso
así como así. Es muy conveniente para nuestros
clientes alrededor de los visitantes. Bien, así que esto es lo que es
el encabezado pegajoso. Si irías al estilo
desplegable, como puedes ver aquí mismo, y podrías
hacer cambios en el menú desplegable. Entonces, por ejemplo,
si lo hubieras hecho, digamos disfraces de
categoría padre. Y en esta categoría padre, tendrías categorías infantiles, Halloween, disfraces de
Navidad, o cualquier otro tipo de disfraces. Una vez que pasas el cursor sobre disfraces y haya
un menú desplegable, aquí es donde puedes hacer
cambios en este menú desplegable Entonces este depende de ti
para explorar. Volvamos. Botones. Botones. Aquí puedes agregar botones. Entonces, por ejemplo, tenemos
el botón número uno. Entonces digamos que tal vez
vas a crear un botón. No sé a dónde
llevará este botón a sus visitantes. Va a ser de ti. Normalmente no uso eso porque el encabezado simple
funciona igual de bien. Pero si en el futuro
decidirás que quieres
incluir algunos botones, digamos consulta en vivo,
algo así. Aquí es donde se puede agregar texto, bien, consultas en vivo,
algo así Aquí es donde
incluirás enlace muy tus usuarios pueden registrarse
para consultas en vivo. Y ahora tendrás
un botón activo uno. También puedes hacer algunos
otros ajustes de estilo para este botón,
este botón uno. Y si te desplazas hacia abajo, puedes crear otro botón. Y una vez
que hagas eso, aquí es donde encontrarás esos botones. En este momento esos
botones no se utilizan. Entonces estos son los botones
botón un botón para. Entonces como pueden ver,
botón un botón
para, por ejemplo, voy a
incluir un hashtag de enlace. Lo estoy haciendo solo para
mostrarle cómo funciona. Y digamos ahora
quiero incluir este botón al
lado derecho de mi cabecera principal. Y como pueden ver,
tenemos botón. También puedes arrastrar este
botón aquí mismo. Y una vez más, depende
de ti cómo quieres
usar esos botones. Bien, voy a volver a ponerlo
a la sección de no uso. Bien, volvamos ahora. Debes entender cómo funcionan
los botones cuenta. Entonces, una vez más, esta
es nuestra cuenta. Nuestros usuarios pueden
iniciar sesión en sus cuentas. Pueden consultar sus pedidos, direcciones y demás. Y aquí es donde puedes hacer diversos cambios al estilo
de esta parte aquí mismo, puedes agregar un icono. Así
va a quedar, pero
por lo general me gusta
mantener las cosas simples. Puedes activar el nombre de usuario
como etiquetado como puedes ver, así es como se
vería y sí, esos son solo los ajustes
para que explores. Pero por lo general me gusta
mantener como están las cosas. Creo que se ve genial. Volvamos. Tarjeta. Puedes hacer cambios en
el Estilo de la tarjeta. Entonces, por el momento,
así es como se ve. Normalmente me gusta
mantenerlo de esta manera. Siento que se ve mejor. Pero una vez más,
depende de ti explorar. Puede activar esta opción. Puedes elegir tarjetas, icono. Puedes hacer donde quieras. También puedes importar tu archivo SVG de iconos
personalizados. Así que igual que te mostré en la otra lección donde
puedes descargar iconos. Aquí es donde puedes subir
tu ícono si quieres. Y aquí es donde
puedes hacer esos cambios relacionados con el estilo de tu carrito. Volvamos Buscar. Entonces para la búsqueda, ya
hicimos algunos cambios. Seleccionamos el estilo. Entonces así es como se
ve en estos momentos. Y si te gusta, se ve genial. Bien, volvamos. Html. No vamos a hacer nada porque ya te he dicho que aquí es donde puedes agregar diversa información
a los bloques HTML. Entonces tenemos el primer bloque HTML. Como recuerdas, agregamos envío
gratuito para
pedidos superiores a $50. Entonces este es nuestro blog HTML. Apenas un segundo. Este es el primer blog. Digamos que voy a
agregar este de aquí mismo. Y así es como se ve.
No se ve bien. Entiendo totalmente
porque se supone que debe estar justo aquí en la barra superior. Pero como hemos desactivado la barra superior,
no se muestra. Entonces podemos ponerlo banco
para que no esté en uso sección. Volvamos Contacto. Entonces aquí mismo puedes agregar
tu teléfono, tu correo electrónico, tal vez más tarde
decidas que quieres usar esos blogs de Contacto
y nunca quieres. Entonces, una vez que agregues esta
información aquí mismo, tenemos este blog de contacto. Y una vez más, puedes
mostrarlo en cualquier lugar que quieras. Bien. Esta es la información de
contacto. Puedes exhibirlo en tu
toallero o en cualquier otro lugar. Vamos a ponerlo de nuevo. Bien. Volvamos. Newsletter. Entonces, una vez más, como
dije, por lo general no me gusta
usar newsletter. No es la mejor manera de
mostrar el
formulario de newsletter para tus visitantes. Normalmente me gusta
incluir newsletter en el pie de página y voy
a mostrarte cómo se hace eso. Y claro, con fines de
marketing, también
puedes crear pop-ups
y así es como funciona Pero normalmente no me gusta
usar eso en mi cabecera. Simplemente nuestro complica las cosas. Bien,
volvamos. Menú vertical. Por lo que el menú vertical es para tus dispositivos
móviles o tabletas. Por lo general, todo
está bien ya que es por defecto y no
necesitamos cambiar nada. Bien, volvamos. Siga los vagones. Entonces aquí es donde
quieres incluir tus perfiles de redes sociales,
Facebook, Instagram,
Twitter, tal vez tu
dirección de correo electrónico si quieres, y toda otra información. Y una vez que los
incluyas, puedes mostrar esos íconos de redes
sociales. Y nunca quieres que el bloque se encargue de esos
íconos es este. Entonces, como recuerdas
, solía
mostrarse en una barra superior, superior. Entonces activemos la barra
superior una vez más. Ahora tenemos nuestros íconos de redes
sociales y tenemos un boletín. Si arrastrara este boletín, haga la tuerca en la sección de uso, como pueden ver, desaparece. Y si haría clic
en los iconos sociales, vaya a la
misma pestaña que antes. Y aquí puedes agregar tus perfiles de
Facebook Instagram. Se puede cambiar el estilo. Y como pueden ver, así
es como se vería. Este depende
completamente de ti. Bien, volvamos a
la configuración de la barra superior. Desactivemos la barra superior. Bien, volvamos y más
o menos eso es todo. Entonces, como tú mismo dijiste
en este Flatsome Theme tiene muchas más opciones de
personalización en comparación con el Tema Astra Y tienes muchas formas
diferentes de crear tu encabezado. Pero por lo general me gusta
mantenerlo simple porque funciona mejor y también depende completamente de ti qué tipo de Cabecera
quieres tener. Pero si quieres
tener el mismo encabezado, solo tienes que seguir mis pasos
y tendrás el mismo encabezado una vez
que hayas terminado con los cambios, no olvides hacer clic en Publicar. Y ahora podemos
cerrar la barra lateral. Y como pueden ver, así
es como se ve nuestro encabezado. Es un encabezado completamente funcional, y como puedes ver, también
es un encabezado pegajoso. Y funciona simplemente bien. Se ve mucho mejor. Y claro que se
ve mucho mejor que teníamos nuestro encabezado
con Astra Theme. Entonces eso es todo por esta lección.
54. (6.7) Edición de pies de pie (Flatsome): En esta lección, vamos
a personalizar nuestro pie de página. El pie de página está justo aquí. Y como te mencioné antes, con este tema premium, con este Tema Flatsome, en realidad
tienes dos opciones
para personalizar tu pie Entonces la primera opción
está justo aquí. Si harías clic en personalizar, va a ser
similar a la opción cuando estábamos Personalizando nuestro
Footer usando Astra Theme, excepto que esta vez no
vamos a tener Footer Builder Si desea hacer clic
aquí para el término. Como puedes ver, tenemos
primer nivel de nuestro pie de página. Entonces esto es justo aquí. Si lo desactivara, como pueden ver, desaparece. Y por supuesto puedes elegir cuántas columnas
quieres tener. Y si vas
a desplazarte hacia abajo, vas a tener el
segundo nivel de tu Pie de Página. Entonces este es el segundo nivel. Y como pueden ver, también tiene cuatro columnas. Tiene el color de fondo. Y tenemos absoluta
Pie de página que está justo aquí. Y con absoluto Footer, no
podremos
desactivar esto
aquí mismo porque es absoluto Footer y
solo va a ser visualizado. Puedes eliminar los textos, puedes desactivar esos iconos. Pero no te preocupes por eso. Vamos a usar
este pie de página absoluto, pero no vamos a personalizar nuestro Pie de página usando esas opciones. Como puedes ver, esos
todos los niveles de Pie de Página, el primero, el segundo donde se crearon usando widgets. Entonces si voy a dar
click por aquí, como pueden ver, tenemos varios
blogs, varios widgets. De manera similar a Astra Theme cuando
estábamos Personalizando son
Pie de Página usando widgets Entonces es básicamente lo mismo ya que estamos usando
este tema premium, tenemos la opción de crear
nuestro pie de página de la manera más fácil. Por qué
complicarnos demasiado de manera
más difícil cuando
podemos hacer esto de una manera más fácil Bien, así que vamos a cerrar
esta barra lateral de Personalización. Vamos a hacer clic. Bien, vamos a nuestro tablero. Y para crear nuestro pie de página, vamos a usar blogs de UX. Los blogs Ux son similares a los widgets. Puedes crear blogs y
mostrarlos en varios lugares. En este caso,
vamos a crear un bloque y lo
vamos a mostrar. Y ahora Pie de página como nuestro Pie de página. Y cuando estés creando blogs usando esta opción de bloques
UX, estarás creando esos
blogs usando UX Builder, el mismo Builder que
usamos para crear nuestra Página de inicio y
todas las demás páginas. Así que hagamos clic en Agregar nuevo. Vamos a dar un título. Llamémoslo Pie y hagamos clic en Publicar. Y ahora podemos seleccionar
UX Builder aquí mismo. Bien, como pueden ver,
tenemos la misma interfaz cuando estábamos trabajando
con nuestras páginas Y ahora hagamos clic en agregar elementos y
escojamos Flatsome studio Y como puedes ver
aquí mismo de la lista, podemos elegir todo tipo de
diferentes diseños prefabricados Así que queremos elegir Pie de página. Y como puedes ver aquí mismo, tenemos algunos
diseños de pie de página prefabricados que puedes usar, y depende de ti
cuál te gustaría usar Incluso puedes hacer clic en Vista previa para comprobar cómo se ven esos pies Como puedes ver, si
eliges este, podrías reemplazar
la información
que está aquí por
tu información que está aquí por
tu información y puedes configurar este Pie de Página para se muestre como tu Pie de Página. Bien, vamos a cerrar esta. Normalmente me gusta usar este. Entonces, hagamos clic en Importar. Y como puedes ver aquí mismo, tenemos nuestro pie de página. Así va a quedar. Lo primero es lo primero, podríamos cambiar la información
que está aquí mismo. Normalmente me gusta
incluir una frase corta sobre mi negocio, sobre mi tienda de comercio electrónico. Y en la parte superior normalmente me
gusta incluir mi logo. Así que vamos a hacer clic aquí mismo. Hagamos clic en Abrir editor de texto. Voy a eliminar
este título aquí mismo. Voy a dar click
aquí Agregar Medios, y solo voy
a seleccionar mi logo. Voy a hacer clic en
insertar en la página. Vamos a redimensionarlo un poco. Bien, creo que se ve bien. Aquí. Sólo voy a pegar mi texto,
mi breve frase
sobre mi tienda en línea. Bien, así que terminé y
voy a dar click,
Bien, aquí mismo, puedes incluir
tus perfiles de redes sociales Si tienes tu página de Facebook, aquí es donde
puedes agregar tu URL, tu URL de Instagram,
Twitter o una dirección. Entonces este depende de ti. Si tienes esos perfiles, sólo tienes que pegarlos aquí mismo y se mostrarán aquí. Si no te gusta
cómo se ven esos íconos, puedes hacer algunos ajustes de
estilo. Pero por lo general me gusta
mantenerlos así. Siento que se ve bien ya que no voy
a agregar mi perfil. Así que solo voy a hacer clic en Aplicar y voy a pasar
a la siguiente columna. Bien, así que aquí mismo, lo general
me gusta incluir
información para los clientes Entonces la parte superior, sólo voy
a escribir para los clientes. Y aquí voy a incluir cinco páginas para mis clientes, como páginas
como información de envío
y entrega, devoluciones y reembolsos de mi cuenta, mis pedidos, y así sucesivamente. Entonces como sé que
voy a tener cinco páginas, puedo copiar una de esas
páginas aquí mismo. Y puedo ir a la siguiente línea
y voy a pegar esta página. Muy bien, como pueden ver, accidentalmente
copié demasiadas páginas para poder borrar algunas de ellas solo necesito cinco Bien, así que aquí mismo
tengo cinco páginas. Y antes de agregar nada, tengo que desactivar los enlaces
que se agregaron anteriormente. Así que sólo voy
a eliminar enlaces uno por uno, así como así Y aquí sólo voy a
sustituir el texto pero mis páginas, bien, así que ahora tengo que
añadir enlaces a estas páginas Así que para agregar el enlace de mi cuenta, simplemente, vamos a nuestro sitio web. Aquí mismo solo hay un segundo
y abre nuestra página de publicaciones. Así que hagamos clic en Visitar sitio
y vayamos a mi cuenta, y esta es nuestra página de cuenta, así que queremos copiar
esta URL aquí mismo. Volvamos Y aquí, solo
selecciona mi cuenta, selecciona esta, pega esta URL, y haz clic en esta, aplica. Así como así,
harás esta Ley de Página. Y lo mismo ocurre con las órdenes. Así que vamos a seleccionar los pedidos. Y voy a copiar
esta URL aquí mismo, y voy a volver. Voy a seleccionar esta. Una vez más. Simplemente pega tu URL, haz clic en Enter y tu
página está activa. Bien, entonces ahora tenemos que
agregar la página de contacto. Entonces, para encontrar nuestra página de contacto, debemos ir a nuestro panel de control. Seleccionemos todas las
páginas y simplemente abramos Página de contacto en una
nueva pestaña, así como así. Y esta es tu URL. Entonces quieres copiar esta. Ahora podemos cerrarlo. Volvamos y
peguemos este de aquí mismo. Simplemente seleccione este
antes de ese espacio. Así que así, hagamos clic en Aplicar y voy a hacer lo mismo con el resto de páginas. Bien, así que terminé de
agregar mis páginas. Ahora puedo hacer clic, Bien, y podemos regresar. Y básicamente terminamos
con esta columna de aquí. Ahora vamos a
la segunda columna. Entonces en esta columna voy
a incluir cuatro páginas. Y esa página va a ser política
de privacidad sobre nosotros política de
cookies y
todas las demás páginas. Entonces básicamente solo
voy a hacer lo
mismo que hice con esta
columna de aquí mismo. Voy a enumerar todas mis páginas y voy a Agregar
URL así estas páginas, así como pueden ver, política de
privacidad, solo
voy a abrir
esta en una nueva pestaña. Voy a copiar esta
URL y voy a pegar esta URL en mi página. Bien, acabo de terminar de agregar todas las páginas y
ahora puedo dar click Bien, y volvamos. Y aquí mismo en
esta columna voy
a incluir alguna información para
animar a nuestros visitantes a
unirse a mi club de newsletter. Normalmente me gusta llamar a
este no solo el boletín sencillo y
ordinario, sino que generalmente me gusta
llamarlo como club, como un club especial
donde nuestros visitantes, donde nuestros suscriptores pueden obtener ofertas y ofertas
especiales. Así que sólo voy a seleccionar
este de aquí mismo. Voy a hacer clic en
Abrir editor de texto. Yo sólo voy a sustituir
esta información aquí. Bien, así que solo
tenía en mente la formación y ahora tenemos que
Agregar un formulario de contacto Entonces el foro donde nuestros visitantes, donde nuestros clientes pueden
suscribirse a nuestro boletín. Entonces si no has visto mi lección anterior donde te
mostré cómo hacer
eso con Astra Theme. Vamos a hacer esto
una vez más. Así que vayamos a nuestro sitio web y para crear un formulario de boletín, vamos a utilizar
el mismo plugin que usamos para crear Formulario de Contacto. Bien, vamos
a la gripe y a los foros. Vamos a hacer clic en nuevo formulario. Pero si ya has
creado un formulario de la sección anterior
donde
te mostré cómo hacerlo
con Astra Theme. Puedes usar fácilmente ese formulario
que creamos anteriormente. Pero si aún no
lo has hecho, deberías crear una nueva forma. Esta es la forma que podríamos usar. Seleccionemos este formulario. Justo aquí. Podemos hacer algunos cambios. Entonces cambiemos el fondo del
botón. Así que solo voy a
usar el mismo color aquí
mismo como un uso para mi logo. Bien, así que
reemplacé el color. Ahora, deberías hacer el color del
hover. Justo aquí. Sólo voy a
pegar el color que usé para este botón. Voy a
pegarlo aquí mismo, y voy a hacer lo mismo
con este color de aquí mismo. Así que sólo voy a
pegarlo aquí mismo. Y así
es como va a quedar. Bien, siento que se
ve bien. Y ahora podemos hacer algunos
cambios aquí mismo. Normalmente no me gusta mantener aquí
a esta estrella que se requiere de este
campo. Es algo obvio para nuestros visitantes si quieren
suscribirse a nuestro boletín, tienen que ingresar
su dirección de correo electrónico para que podamos seleccionar No, no
es obligatorio Simplemente va a
quedar un poco mejor. Bien, sólo un segundo. Volvamos a InputField. Y bien, así
es que esto suena va a mirar, podemos darle un título a este formulario, formulario de suscripción
, Pie Vamos a hacer clic en Cambiar nombre. Bien, podemos cerrar esta. Podemos copiar este
formulario aquí mismo. Volvamos y reemplacemos este formulario que se agregó
por defecto, nuestro formulario. Bien, así es como
va a quedar. Ahora podemos hacer clic, Bien, y podemos volver atrás y ya
terminamos con nuestro pie de página. Pero antes de irnos, deshabilitemos esta
área aquí mismo. Vamos a eliminarlo porque
no lo necesitamos ya que estamos usando
absoluto más. Bien, así que podemos hacer clic
aquí mismo y seleccionemos Eliminar Bien, siento que se
ve bien. Así que ahora podemos hacer clic en Actualizar. Podemos cerrar este UX Builder, y ahora deberíamos
ir a nuestro sitio. Y como recuerdas, hagamos clic en Personalizar para trabajar en nuestro pie de página. Vamos a
desplazarnos hasta que veamos nuestro pie de página. Entonces esta es la versión actual. Ahora, vamos a seleccionar Pie de página y vamos a elegir Custom Footer blog. Así que aquí mismo, vamos a
elegir el Pie de Página que creamos
usando UX Builder. Bien, vamos a desplazarnos
hacia abajo y como pueden ver, así es como va a quedar Por supuesto, este color va a
ser diferente en este momento, solo apareciendo así así, pero no se preocupe por eso. Vamos a tener nuestro color
que fijamos previamente. Bien, así que antes de irnos, deberíamos hacer algunos cambios a nuestro Pie de Página absoluto
y aquí mismo Así que vamos a seleccionar este pie de página
absoluto y vamos a trabajar en el color de
fondo. Podemos cambiar el
estilo del texto aquí mismo, y podemos seleccionar el color de
fondo. Escojamos un color gris claro, igual que éste. Y pongámoslo en un centro y unos cuantos como
que se ve bastante bien. Y ahora podemos sustituir
el texto aquí mismo. Entonces, en lugar de usar
Flatsome Theme, agreguemos el título
de nuestro sitio web Bien, así es como se ve
y creo que se ve genial. Definitivamente se ve mejor
que el anterior Pie de página. Recrear usando Astra Theme. Ahora podemos hacer clic en
publicar y podemos cerrar la barra lateral de opciones de
personalización. Y veamos cómo se ve el
alfa cero ahora. Bien, refresquemos
esta página por alguna razón. No guardó la
configuración de Suscribirse. Debemos asegurarnos de que
guardamos esos ajustes. Volvamos a Footer Builder y hagamos clic en Guardar
formulario Una vez más. Asegurémonos de guardar
esos ajustes y
purguemos todo el efectivo por
si acaso no se guardó. Y ahora podemos
refrescar esta página. Y como puede ver, se aplicaron esos
cambios. Nuestros clientes pueden unirse a
nuestro club de newsletter. Y por ejemplo, si
voy a escribir mi dirección de correo electrónico aquí mismo,
vamos a hacer clic en suscribirse. Bien, así dice,
gracias por tu mensaje. En breve nos pondremos en contacto
contigo. Ese no es el
mensaje que queremos
mostrar a nuestros suscriptores. Así que volvamos a nuestro editor. Y como recuerdas, aquí es
donde creamos nuestras formas. Entonces esta es la misma forma. Ahora deberíamos ir a
la configuración e Integraciones y deberíamos
reemplazar el texto aquí mismo Entonces, en vez de mostrar este
mensaje, vamos a mostrarles. Gracias por unirse a nuestro club. Bien, hagamos clic en
Guardar configuración. Y ahora cada vez
que alguien se suscribe a nuestro boletín y
van a ver este mensaje Y una vez que alguien
se suscriba a tu formulario, a tu formulario de newsletter, deberías ir
aquí mismo para verificar todas las direcciones de correo electrónico que
suscriben a tu formulario Aquí. Lo siento, es para
crear un nuevo formulario. Deberías ir a
todas las formas en su lugar. Y como recuerdas, esta fue la forma que creamos. Dice suscripción para Pie de página. Y aquí
verás todas las entradas. Así que aquí encontrarás
todas las direcciones de correo electrónico. Entonces, si voy a dar
click por aquí, esta es la misma dirección de correo electrónico que
usé para suscribirme a este formulario. Así que una vez que vayas a
recopilar más direcciones de correo electrónico, puedes seleccionarlas todas. Y puedes dar click
aquí mismo, Exportar. Y puedes exportarlos
y archivo excel y posteriormente puedes usar esas todas las
direcciones de correo electrónico o Email Marketing. Bien, ahora podemos
cerrar este, y básicamente eso es todo. Entonces voy a refrescar
esta página una vez más. Este mensaje se habrá ido. Y básicamente esto es en, es como se ve nuestro
pie de página ahora. Y como pueden
ver, se ve mucho mejor que el Footer que
teníamos cuando estábamos trabajando
con Astra Theme. Entonces esto es para esta lección.
55. (6.8) toques finales (método de calidad): Bien, así que casi
terminamos de crear nuestro sitio web usando
un tema premium Y como pueden ver, se ve mucho mejor que
la versión anterior. Y por supuesto, todas
las
opciones de personalización hasta ti tal y como la viste
tú mismo. Esta viga es mucho
más personalizable en comparación con una opción gratuita
que viste antes. Bien, entonces en los
Toques Finales de esta lección, vamos a cubrir algunas de
las cosas que nos saltamos Entonces aquí mismo, si
voy a dar click en, digamos disfraces,
categoría, o cualquier categoría. Como puedes ver, no
tenemos una barra lateral aquí mismo. Para agregar una barra lateral
a esta área aquí, tenemos que ir a nuestro dashboard y tenemos que ir
a la pestaña Apariencia, y tenemos que seleccionar widgets. Y esta es la
barra lateral, barra lateral aguda. Entonces en este lado agudo, pero por lo general me gusta
incluir mis Categorías y los productos vistos recientemente para que nuestros clientes puedan ver los productos vistos
recientemente. Entonces por ejemplo, si
voy a elegir este, reciente, no el post reciente. Apenas un segundo. Tenemos que desplazarnos hacia abajo. Sí, antes que nada,
comencemos con Categorías de Productos. Escojamos este y hagamos clic en Añadir a la barra lateral de la tienda. Bien, así que aquí mismo
tenemos Categorías de Productos. Bien, entonces ahora deberíamos
desplazarnos hacia abajo y
deberíamos buscar productos
vistos recientemente Vamos a desplazarnos hacia abajo,
vamos a desplazarnos hacia abajo. Y sin embargo este es el
widget que queremos usar. Entonces, seleccionemos éste. Vamos a hacer clic en Agregar Widget. Y este widget se
agregó con éxito. Así que acabamos de terminar de agregar
todos los widgets que necesitábamos. Y ahora podemos volver a nuestro lado y
vamos a seleccionar, digamos categoría de vestuario. Y como pueden ver, así es como se va
a exhibir. Así que voy a revisar este
producto aquí mismo. Y voy a ir
a juguetes educativos. Puedes ver que
recientemente hemos visto productos, así que se muestra aquí mismo. Entonces todo funciona. Bien, así que lo siguiente
en lo
que tenemos que trabajar va a ser en
WooCommerce Settings Y de hecho lo
hice cuando te estaba enseñando
cómo trabajar con Astra Theme y La última
duquesa de esta sección Así que vamos a asegurarnos de que
tenemos esos ajustes del sector. Así que vamos a WooCommerce. Seleccionemos Configuración. Vamos a las cuentas
y privacidad, y asegurémonos de
que has activado permitir que los clientes inicien sesión en una cuenta existente
durante el check-out. Permita que los clientes jueguen
soldados sin una cuenta. Permita que los clientes
creen una cuenta durante el proceso de pago y todos esos
ajustes aquí mismo. Quieres permitir que tus clientes creen
las cuentas. Es sólo una buena práctica. Así que asegúrate de tener
esos activados aquí mismo. Si tienes los
activados ahora podemos ir a lo último que
tenemos que encargarnos. Así que vamos a un lado
y vamos a desplazarse hacia abajo. Y como pueden ver, si
voy a hacer clic en la página Acerca de Nosotros, solo
voy a abrir
esta en una nueva pestaña. Así es como se ve. No se ve muy
bien porque solo usa el editor de
texto de WordPress. Y si estás bien con
esta opción de aquí mismo, puedes quedárala así. Pero recuerda crear
tu página acerca de. Puedes usar UX Builder. Entonces, por ejemplo, sólo
voy a mantener esta página abierta aquí. Voy a volver
al tablero. Voy a ir a
páginas, a todas las páginas. Si quiero crear
una nueva página como página separada para aproximadamente la página, simplemente
puedo eliminar esta página y eso es
exactamente lo que voy a hacer. Y sólo voy a crear
una página completamente nueva. Pero estoy manteniendo esta pestaña
abierta porque quiero tener esta información ya que
voy a copiar esta
información más adelante. Bien, así que volvamos. Y también es muy importante
mencionar que si
vas a eliminar la página, encontrarás esas
páginas y papelera. Así que no te preocupes por ello. Si borraste la página, no
significa que desapareció. Pero si quieres que se vayan, tienes que ir a
tu papelera, seleccionar todas las páginas y
seleccionar Eliminar permanentemente. ¿Bien? Bien, volvamos a Todas las páginas y podemos
hacer clic en Agregar nueva página, y escribamos sobre, y seleccionemos
Editar con UX Builder y vamos a crear
una nueva página Acerca de. Pero una vez más, antes de
que hagamos eso en este depende
completamente de ti. Si quieres hacer eso, puedes seguir esta lección a través de o si
no quieres hacerlo, estás bien con una simple página de
búsqueda. Depende completamente de ti. Y si quieres lag, la página que estoy creando actualmente, puedes crear diferentes
tipos de página. Entonces esta una
vez más depende de ti. Bien, hagamos
clic en agregar elementos y vayamos al
estudio Flatsome una vez más Y como puedes ver
y sobre la pestaña, tenemos varios
estilos diferentes para nuestra página acerca, puedes usar un diseño
precreado Puedes usar 234 o cinco, tantos
como necesites. Pero vamos a hacerlo sencillo. Y creo que voy
a elegir esta. Entonces voy a seleccionar Importar. No voy a
importar imágenes porque ya tengo algunas imágenes listas. Vamos a hacer clic en start
y escríbelo aquí. Sólo voy a agregar
mi texto sobre nosotros. Entonces a partir de aquí, sólo
voy a copiar este texto. Aquí. Voy a regresar, voy a abrir esto
y un editor de texto, y sólo voy a pegar
este texto así como así. Voy a hacer click ¿Bien? Y aquí hay un botón. No estoy usando ningún botón. Entonces, si ves que hay un botón, simplemente
puedes hacer clic
aquí mismo, eliminar. También puedo eliminar este botón porque no lo
estoy usando. Así que solo voy a
hacer clic en Eliminar. Y aquí mismo, puedo añadir
algo sobre nuestra tienda. Así que una vez más,
voy a copiar este voy a volver y sólo
voy a pegar aquí mismo. Y de hecho puedo ir a la
nueva línea y escribir nuestra historia. Y puedo elegir el
nivel para el rubro. Rumbo a. Creo que va a quedar bien. Y podemos dar click,
Bien, Volvamos. Y aquí podemos agregar imágenes. Entonces eso es exactamente
lo que voy a hacer. Sólo voy a agregar
mi imagen aquí mismo. Bien, así que acabo de agregar la
primera imagen y voy a mostrarte cómo hice esto para
que no te perdieras Bien, así que hice clic aquí
mismo con el icono más. Yo seleccioné la imagen, y
ahora sólo voy a seleccionar el medio y
dejarme elegir la imagen. Esta es la imagen que quiero usar. Ahora. Voy a usar
éste en su lugar. Voy a hacer clic en usar imagen. Y como pueden ver, así es
como se ve y puedo cambiar el tamaño de esta
imagen si voy a mover esta justo así, incluso
puedo mover esta
imagen un poco hacia arriba. Y así
es como va a verse. Siento que se ve bien. Y ahora puedo hacer clic en Publicar, y ahora puedo cerrar UX Builder. Y vayamos a
todas nuestras páginas. Y esta es nuestra página acerca de recién
creada. La razón por
la que
eliminé la página anterior, creo una nueva, así tendríamos la misma URL. Entonces he aquí por qué hice esto. Entonces voy a
volver a mi página web, voy a ir a mi página principal. Y como nuestra URL no cambió, tenemos la misma URL. Voy a hacer clic
aquí mismo sobre nosotros. Tenemos una nueva página de aspecto. Entonces por eso hice esto. Es por eso que eliminé la
página
previamente calificadas sobre para que pudiéramos crear la
misma página con la misma URL. Entonces básicamente
terminamos con esta parte. Y lo último
que tenemos que hacer, tenemos que ir a nuestra página de carrito. Y como recuerdas cuando estábamos Personalizando nuestra página de carrito, teníamos la opción de
hacer algunos cambios, dos números a los
pasos de nuestra página de carrito Y ahora mismo
no podemos verlas porque tenemos que cambiar
la maquetación de esta página. Entonces para ello, tenemos que
dar clic aquí mismo, Editar página y aquí en plantilla. Escojamos las tarjetas WooCommerce. Esta es la plantilla que
queremos usar. Hagamos clic en Actualizar. Ahora podemos hacer clic en ver
página y como puede ver, tenemos una página de
aspecto diferente. Es una página minimalista. Está totalmente enfocado
en la página del carrito. Ese es el diseño del álamo
hoy en día y simplemente funciona. Y si no te
gusta este diseño, claro puedes ir a opciones de
personalización. Haga clic aquí, el diseño de la tarjeta, y podrá hacer cambios. Pero como puedes ver ahora mismo, tenemos nuestro
carrito de compras aquí mismo. Tenemos paso de pago y
tenemos pedido paso completo. Entonces así es como se ve. Si no te gusta este
diseño, como dije, puedes ir a opciones de
personalización y puedes hacer cambios de
diseño de corte. Como recuerdas,
tenías diferentes puntos de vista, simples, enfocados
y minimalistas Si no estoy confundiendo nada. Y si iba a ir a la página de
pago aquí mismo, como pueden ver, también le
faltan los pasos por aquí. Tenemos que ir
aquí mismo, Editar página. Y una vez más,
escojamos la plantilla. Seleccionemos
WooCommerce checkout. Y hagamos clic en Actualizar. Ahora, hagamos clic en ver página. Y así es como se ve. También es una página totalmente enfocada. Así es como se ve
y suele ser bastante conveniente para los clientes. Entonces, una vez más, si
no te gusta este diseño, puedes ir aquí mismo. Diseño de caja, al igual que puedes hacer con el diseño
del cartílago. Como puedes ver en el diseño de
checkout, podemos elegir
default y así es
como se vería si elegimos
enfocado. Se vería de esta manera, al
igual que nuestra página de carrito. Entonces depende de ti si
quieres elegir uno
predeterminado o el simple. Volvamos a la sencilla. Entonces hagamos clic en Publicar. Bueno eso es cerrar la barra lateral
de personalización. Podemos cerrar esta página. Podemos ir a nuestra página de inicio
y prácticamente eso es todo. Básicamente terminamos con personalización de nuestro sitio web
usando Flatsome Theme Entonces eso es todo por esta lección.
56. Resumen de la Sección 6: Muy bien, fantástico al
completar esta sección. Como lo viste tú mismo, trabajar con un piso
sobre tema en
comparación con Aster es algo completamente
diferente. Tiene muchas más opciones
de personalización. Por ejemplo, una vez que empezaste a
personalizar tu encabezado, como lo viste tú mismo, cuántas opciones tenía
en comparación con el tema Aster El tema Flats es altamente personalizable y
lo uso por una razón en
todo mi sitio web. Como realmente me gusta este tema. Es altamente personalizable,
se carga rápido, se ve bien, y
qué más podrías preguntar
del tema. Sobre todo, es
solo una tarifa única. No necesitarás pagar
todos los años por este fm. A diferencia de muchos temas, hacen esto donde tienes que
pagar cada año por un fm, digamos unos 80 dólares o
algo así Si necesitas pagar por el tema todos los meses o todos los años, Eso significa que no
tienes este tema. Así que una vez que los compras
tus flatsum, es como que te pertenece Entonces eso es una gran cosa. Y por supuesto, Flaum
tiene una comunidad enorme. Entonces tal vez en el futuro,
vas a tener algunas preguntas relacionadas con
los flatsum, puedes unirte a su grupo Pero también puedes unirte al grupo
M de Facebook, y si vas a
tener alguna duda, solo avísame y te
ayudaré enseguida. Enhorabuena por
completar esta sección. Ahora ya sabes cómo personalizar tu sitio web usando un premium
ellos que se llama flatsum Gran trabajo hasta el momento. Así que sigamos
construyendo nuestro sitio web.
57. (7.0) Introducción al SEO: Bien, en esta lección, vamos a empezar a
hablar de SEO Y si no estás
familiarizado con el SEO, es Search Engine
Optimization. Básicamente, haces
todo lo posible para aparecer más alto en los resultados de búsqueda de
Google. Bien, comencemos
haciéndonos una pregunta tan
simple, ¿qué es un buscador El motor de búsqueda puede ser google.com,
bing.com, duckduckgo.com Hay muchos
de ellos hoy en día, pero el más popular
es obviamente Google. Y aquí es donde más
vamos a enfocarnos. Y cuando hablamos de optimización de motores de
búsqueda, solemos agregar hablando de
optimizar nuestro contenido. Apareceríamos más altos en los resultados de búsqueda de
Google
y lo real, hay un buen
dicho viejo en el mundo SEO, si quieres esconder un cadáver, deberías usar la
segunda página de los resultados de búsqueda de Google
porque nadie va allí. Entonces tu objetivo es asegurarte de hacer todo lo
posible para
que aparezca en la primera
página de los resultados de búsqueda de Google. El mejor de los casos,
sería aparecer en los tres
primeros resultados Y claro, si puedes, la mejor opción
sería aparecer en la primera posición de los resultados de búsqueda de
Google. Entonces, ¿cómo optimizamos
nuestro sitio web? Por lo que principalmente tenemos dos formas de
optimizar nuestro sitio web. Tenemos SEO on-page y
tenemos SEO fuera de la página. Bien,
hablemos de SEO on-page. Entonces, en definitiva, el
SEO on-page significa que haces todo lo
posible en tus manos, en tu poder para
optimizar tu sitio web Entonces aquí es donde
puedes usar todas las tácticas,
todos los trucos tú mismo
en tu sitio web, no en ningún otro lugar,
sino en tu sitio web, en
las páginas de tu sitio web para optimizar tu contenido y cómo lo hacemos. Entonces hacemos investigación de palabras clave. Optimizamos nuestro
contenido con palabras clave. Utilizamos la interconexión
y por supuesto, una buena experiencia de usuario también
es importante Entonces, ¿cómo hacemos esta investigación de palabras clave
? Quizás se esté preguntando. Entonces para esto, solemos
utilizar herramientas para hacer investigación de
palabras clave para nuestro
contenido, para nuestros productos. Y tales herramientas podrían
ser Ubersuggest, SEMrush, borradores H, los dos últimos, son bastante caros y
por lo general me gusta hacer investigación de
palabras clave,
pero Ubersuggest, es Y si vas
a usar esta herramienta, vas a obtener siete
días de prueba gratis. Por lo que te recomiendo encarecidamente
que revises esta herramienta. Y si estás
construyendo un sitio web para tu audiencia nativa donde
tu audiencia de lengua
materna, Ubersuggest También tiene la opción de elegir varios países diferentes y varios idiomas diferentes. Entonces eso es muy conveniente. Y cuando estamos haciendo
una investigación de palabras clave, también
verificamos a nuestros competidores. Entonces probablemente ya
conozcas a tus competidores. Y si conoces
a esos competidores, conoces sus productos, su blog, post, su contenido. Y puedes, por ejemplo, tomar su página de producto. Si vas a vender un producto de aspecto
similar, puedes tomar esta
página del producto y ejecutarlo a través de tu herramienta de
investigación de palabras clave, Ubersuggest Esta herramienta te permitirá
saber cuánto tráfico está
recibiendo
esta página específica de productos
específicos para qué
palabras clave está clasificando
y qué palabras clave están trayendo a este producto
la mayor cantidad de tráfico. Y tal vez vas a
ver algunas otras palabras clave para que este
producto en particular no esté clasificado alto porque no está optimizado para estas palabras clave
en particular. Y aquí es donde puedes
aprovechar eso. Y puedes tomar,
digamos, esta palabra clave. Y puedes usar esta
palabra clave para tu producto. Y puedes intentar optimizar
tu producto usando esta palabra clave porque esa no es la palabra clave que está usando tu
competidor Entonces aquí es donde
puedes aprovechar cuando estés analizando a
tus competidores. Y claro, cuando estés
analizando a tus competidores, vas a obtener algunas sugerencias de
palabras clave. Bien, entonces ahora ya
sabes cómo funciona eso, qué usamos, pero quizás te estés preguntando qué es una palabra clave Entonces básicamente palabra clave
es solo la frase o frases que la gente usa para
buscar información, para artículos de noticias,
para publicaciones de blog, para productos, para imágenes o
algo así en Google. Digamos que en mi caso, tengo una palabra clave fueron
entonces tiempo de tren. E hice mi
investigación de palabras clave y
descubrí que la gente está
buscando esta palabra clave. Esta palabra clave está recibiendo
bastantes búsquedas mensuales. Y eso significa que la gente
está interesada en este producto. Ellos lo están buscando. Y esta es una palabra clave popular. Entonces estoy trabajando con productos. No puedo simplemente llegar a nombres
aleatorios para los productos
porque no significa
necesariamente que la
gente esté buscando estos productos en
estas palabras específicas. Entonces eso es exactamente
lo que son las palabras clave. Estamos para sugerir las frases que la
gente escribe en la búsqueda de Google para buscar información de
productos o cualquier otra cosa. Entonces, como dije, buscamos palabras clave
populares que la gente realmente usa para encontrar
información, para encontrar productos. Pero cuando tenemos
un sitio web fresco, nuestro objetivo es encontrar palabras clave no
tan competitivas. Entonces básicamente eso
significa no muchos sitios web u optimizar
su contenido, sus productos,
usar esas palabras clave porque son menos populares. Pero todavía hay
bastante popular porque gente todavía usa para
buscar información. Y por eso apuntamos a aquellas palabras clave que
son menos competitivas. Eso significa que son
menos sitios web que están optimizando su contenido
usando esas palabras clave Y solo porque es
menos competitivo, tenemos mayores
posibilidades de aparecer en mayor posición de los resultados de búsqueda de
Google. Cuando vamos a hacer una investigación de
palabras clave, lo
vas a ver tú mismo. Voy a hacer esto
en la lección posterior. Pero ahora mismo, mi
objetivo es darle una mejor comprensión de cuáles son
nuestras palabras clave, cómo funcionan. Y básicamente tendrías
una base sólida de SEO. Bien, hablemos de palabras clave de cola
corta. Las palabras clave suelen estar
en dos tipos. Hay palabras clave de cola corta y hay palabras clave de
cola larga, generalmente las
palabras clave de cola corta son
hasta tres palabras y generalmente
son muy competitivas. Son más difíciles de clasificar. Te voy a dar un ejemplo. Digamos que estoy escribiendo una entrada de
blog sobre gatos de Bengala. Son solo las dos guerras, pero esta palabra clave es muy popular alrededor de 200 mil personas de nosotros. Busque esta palabra clave, busque esta información. Y obviamente va a ser difícil clasificar
para esta palabra clave. Por lo que hay que tener esto en
cuenta cuando esté publicando lugar de publicación de blog agregando productos o
algo así. Entonces, por ejemplo, al
agregar un producto, podría nombrar su
producto Tren de Madera. En este caso, es
una palabra clave corta, pero va a ser mucho más
competitiva porque es una palabra clave de cola corta y más personas buscan
este tipo de palabra clave. Si usarías tren
de madera dos veces, va a ser un poco menos
competitivo por supuesto, pero va a tener
menos búsquedas mensuales. Si vas a usar
una palabra clave más larga, esa va a ser una palabra clave de
cola larga, y en este caso podría
ser un juego de juguete de tren de madera Entonces ahora tenemos cuatro
palabras en esta palabra clave, y esa es una
palabra clave de cola larga, por supuesto, va a ser menos competitiva
porque menos gente
está buscando este tipo de producto y
va a ser un poco más fácil de clasificar Y la primera página
de la Búsqueda de Google, solo porque hay
menos sitios web que están apuntando a esta
palabra clave y hay menos personas que
buscan esta palabra clave. Y un poco ya se
habló de palabras clave de cola larga. Las palabras clave long tail suelen tener más de tres premios. Son menos competitivos, son más fáciles de clasificar. Y sólo
te voy a dar un buen ejemplo. Cuando estoy trabajando con uno de mis proyectos que se
centra en gatos, enteré en
palabras clave bastante fáciles de clasificar y son palabras clave de cola
larga. Entonces aquí hay un ejemplo. ¿Los gatos pueden comer naranjas? Es a lo largo de la palabra clave. Tiene muchas palabras, pero tiene bastantes búsquedas mensuales, pero no muchas páginas web. Usan esta palabra clave para clasificar
porque no es tan popular, pero eso es algo que la
gente quiere saber. Y por eso esta
es una buena palabra clave. Cuando vayas a estar
haciendo una investigación de palabras clave, presta atención a lo
competitivo que es. Muchas búsquedas mensuales que recibe. Y tal vez vas a
encontrar algunas otras variaciones para esta palabra clave que
van a ser menos competitivas, pero tal vez va a tener casi la misma cantidad
de búsquedas mensuales. Entonces por eso es importante. Y vamos a
sumergirnos en esto un poco más profundo cuando vamos a hacer la investigación de
palabras clave. Muy bien, sigamos adelante. Entonces antes de hablar de cómo
optimizamos nuestro contenido,
nuestros productos, hay algunas frases
que debes saber lo que significa jarabe o serbios Simplemente significa página de resultados
de motores de búsqueda o
páginas de
resultados de motores de búsqueda. Entonces básicamente significa página de resultados de búsqueda de
Google. Entonces básicamente eso es
lo que significa. Meta título. Meta título significa que es el
título de tu producto o tus entradas de blog o
tu sitio web que ves en la búsqueda de Google, serbios y los resultados de búsqueda de Google Entonces, cuando escribes una
palabra clave en la búsqueda de Google, obtienes muchos resultados,
muchos sitios web. Y esos sitios web
tienen su meta título. Ese es sólo el título. Y debajo de este meta título, tenemos meta descripción. Eso es lo que es el meta título y título de la imagen
Meta descripción. Entonces eso es un poco
autoexplicativo. Cuando agregas imágenes
a tus productos, tus publicaciones de blog, agregas títulos. Y cuando añades esas imágenes, también
vas a tener la oportunidad de
agregar alt junto a estas imágenes. Y tú cómo usar
esos dos campos, título de
imagen y todos los textos
para agregar tus palabras clave. Y una vez que vayas a
hacer esto en la práctica, verás cómo funciona. Y ahora podemos pasar
a la siguiente diapositiva. Cómo optimizamos nuestro contenido, nuestras entradas de blog, nuestros productos y
categorías con palabras clave. Entonces, antes que nada, una vez que encontremos nuestra
palabra clave principal que queremos usar, incluimos esta
palabra clave principal en el meta título. Una vez que lo hagamos, esto incluirá esta palabra clave en nuestra
metadescripción Cuando vamos a
instalar un plugin de SEO, lo verás
tú mismo
que podrás agregar esos meta título y meta descripción y
verás cómo funciona. Pero cuando estés agregando meta descripción a tu CO2 y te mostraré cómo funciona eso. No
significa necesariamente que Google recoja esta descripción del meta título que agregaste a tu herramienta SEO. Es por eso que cuando
escribes descripciones para tus productos o cuando
estás agregando una publicación de blog, el mejor de los casos es
incluir tu palabra clave principal, la palabra clave de enfoque en la que
acabas de investigar La primera frase de la descripción de
tu producto Porque así es como Google va a recoger
tu descripción. Y una vez que alguien
va a buscar un producto específico que
optimices con esa frase, pero esa palabra clave que la
gente está buscando, entonces Google mostrará esta
palabra clave en meta descripción. Solo recuerda, cuando
escribas las descripciones de tus
productos, no
olvides incluir
tu palabra clave de enfoque, tu palabra clave principal en la primera oración de la descripción de
tu producto, eso es lo más importante cuando escribes descripciones para tus productos y cuando escribes
tus publicaciones de blog, su palabra clave principal en el mejor de los casos en
las dos primeras frases Entonces, en la primera o
la segunda frase, solo depende de cómo
va a funcionar para ti. Por supuesto, incluimos nuestra palabra clave principal en los
textos de nuestros contenidos, de nuestra entrada de blog
o productos de archivo. Entonces, cuando escribimos
descripciones para nuestros productos, generalmente
incluimos
la palabra clave principal dos o tres veces
en la descripción y la cantidad recomendada
de palabras cuando
escribes tu descripción
es de 200 palabras. Entonces, si escribiste una
descripción de 200 palabras, tal vez quieras incluir tu palabra clave principal dos veces
en la descripción de tu producto. Así que la primera vez, y
vas a incluir tu palabra clave principal en la
descripción va a ser la primera oración
que se va a incluir
automáticamente en
tu meta descripción. Entonces va a ser una vez. Y la segunda vez trató incluir en algún lugar en
medio de la descripción. O si estás escribiendo descripciones
más largas, tal vez quieras incluir
esta palabra clave tres veces,
pero no vuelvas
a esta palabra clave tres veces, rellenar tus descripciones con
demasiadas palabras clave. No quieres que tu descripción suene
como una tontería. Quieres que
suene de forma natural. Cuando escribes
tus publicaciones de blog, quieres incluir tu
palabra clave principal en tu entrada de blog, gratis cinco veces o incluso más. Depende de cuántas
palabras estés escribiendo. Digamos que estás escribiendo
una entrada de blog de 600 palabras. Entonces seis veces para incluir tu palabra clave principal en el
texto está completamente bien. Su densidad de palabras clave
debe estar alrededor del 1%. Y las herramientas de SEO, suelen
ayudarte a lidiar con eso cuando estás
escribiendo entradas de blog, Digamos que vas a
tener la oportunidad de agregar tu palabra clave de enfoque y la entrada de
blog en la herramienta SEO. Y esta herramienta
calculará cuántas veces
has incluido esta palabra clave. Y
te va a dar una marca de verificación verde o la marca amarilla o roja diciendo
que debes incluir un poco más tu
palabra clave principal No necesariamente significa que va a
ser un gran problema si no vas a incluir
tu palabra clave suficientes veces, solo
tienes que
recordar que
tienes que incluir
tu palabra clave principal. Al menos un par de
veces cuando escribes descripción de
tu producto y cuando escribes publicaciones de blog, tu palabra clave principal debería estar
alrededor del 1% de la densidad de palabras. Y también cuando optimizamos
nuestro contenido con palabras clave, incluimos nuestra palabra clave principal
en el título de las imágenes, y todos ellos textos. Entonces digamos que tengo un
producto dentro del tiempo de tren. Cuando agrego este producto en la imagen destacada
de este producto, voy a incluir
la palabra clave principal en el título de mi imagen. Y claro que
voy a incluir y los textos alt de esta imagen. Es muy importante porque
cuando agregas productos, no significa necesariamente
que la gente vaya a usar solo la Búsqueda de Google
para buscar productos. A lo mejor también van a
usar la búsqueda de imágenes. Si vas a
incluir tu
palabra clave principal en tus imágenes, vas a tener una mayor
probabilidad de clasificar más alto, no solo en los resultados de búsqueda, sino también en las imágenes. Entonces eso es muy importante. Al agregar
algunas imágenes más, puede incluir otras
variaciones de esta palabra clave. Por supuesto,
también puedes incluir
la misma palabra clave y los textos alt
de otras imágenes. Pero por lo general me gusta incluir
otras variaciones y solo le da más oportunidades
para aparecer en imágenes. Entonces, por ejemplo, podría
incluir y algunas otras imágenes no
entrenarían juguetes
engastados dentro del tren o
algo así. Y claro,
cuando añades entradas de blog, vas a
incluir algunas imágenes. Y esas imágenes, puedes incluir tu
palabra clave principal si es para ti difícil incluir
tu palabra clave principal en el texto cinco veces. Puedes incluir tu
palabra clave principal y los textos alt de estas imágenes que añades a tus entradas de blog que
solo son un truco antiguo. Y mundo SEO donde
puedes incluir tu palabra clave principal y todos los textos de imágenes que
agregues a tus publicaciones de blog, cualquier imagen, no
solo la
imagen destacada que vas a
agregar para tus publicaciones de blog, sino también todas las demás imágenes. Y también puedes incluir otras variaciones
de esta palabra clave. Y cuando
te voy a mostrar cómo agregar entradas de blog, lo verás
tú mismo, cómo puedes agregar imágenes
y cómo puedes agregar texto
alt a estas
imágenes también. Pasemos a cómo
usamos la interconexión. Entonces, ¿qué es la interconexión? Cuando estamos trabajando
con productos, realmente no
necesitamos enfocarnos tanto
porque la interconexión, ya está hecha para nosotros, sobre todo si tienes un
buen tema como Flatsome También trabaja con Astra Theme. Y si irías
a la página de tu producto, este es el mismo
ejemplo que puedes ver. Este producto tiene varios
otros enlaces en ese producto. Tiene el
enlace de categoría aquí mismo. Por lo que este producto ya está interligado con nuestra
categoría juguetes de madera También tiene algunas etiquetas que
también están enlazadas junto
con esta página del producto Y también cuenta
con algunos productos relacionados. Así que básicamente en
esta página del producto, vamos a tener algunos
otros productos añadidos. Entonces esos son los productos
que se muestran aquí como productos relacionados, tenemos nuestra categoría
que es muy importante. Y básicamente con productos más
o menos eso es todo. No necesitamos enfocarnos en la deuda. Entonces, básicamente, la interconexión significa que desde su página de producto o cualquier otra página de publicaciones de
blog reales o cualquier otra cosa. Estás enlazando a otras
páginas de tu sitio web. Está utilizando enlaces para enlazar a otras páginas de su sitio web. Entonces
te voy a mostrar un ejemplo de cómo se vería en las entradas de blog. Bien, así que este es uno
de mis sitios web y tengo una entrada de blog sobre las razas de gatos
más amigables Probablemente hayas visto
algo similar. Y otros sitios web
y sitios web de noticias, suelen hacer
esto bastante. Y si me desplazara hacia abajo, como pueden ver, tenemos un
párrafo sobre los gatos persas. Entonces aquí mismo
tengo un enlace que está resaltado y
dice gatos persas. Si hiciera clic en este enlace, iría a otra entrada de
blog que está en mi sitio web. Entonces, como puedes ver,
son los gatos persas. Entonces esto es gatos persas, la palabra clave por la que estoy
tratando de clasificar. Si volviera. Como pueden ver, uso
la misma palabra clave
aquí mismo para enlazar a mi entrada de blog. Si me desplazara hacia abajo, tengo Maine ****. Maine **** es otro interlink que estoy enlazando a otra página Entonces voy a dar click en este interlink y
voy a Maine ****, como pueden ver, y voy
a una entrada de blog de Maine **** Entonces así es como se ve,
así es como funciona. Probablemente también lo hayas visto
en otros sitios web. Así que sólo voy a
volver a nuestras diapositivas. Y así es como funciona la
interconexión. Cuando estamos
hablando de interconexión, tenemos que hablar de
texto ancla y también vamos a hablar de texto ancla
y enlaces posteriores Entonces, el texto ancla es básicamente el texto que utilicé para
intervincular mis enlaces Entonces es decidirte tú mismo. Tenía un párrafo
sobre gatos persas y tenía textos
resaltados gatos persas. Ese fue un eslabón. Entonces este texto, gatos
persas en los que se
podía hacer clic era texto ancla Es muy importante cuando estás enlazando varias entradas de blog. Y cuando estás
agregando texto de anclaje, quieres que tu texto de anclaje
sea tu palabra clave de enfoque. Entonces como lo viste tú mismo, mi palabra clave de enfoque y la entrada del blog de gatos
persas fueron gatos persas. Entonces ese es el mismo texto, texto anclaje que uso
para interenlazar de
las razas de gatos más amigables
a gatos persas Blog Así es como funciona la interconexión. Simplemente enlazas
otras publicaciones de blog, páginas de tu otra
presumen o de tu otra página. Muy bien, sigamos adelante. Y cuando estamos
hablando de una buena experiencia de usuario, por lo que una buena experiencia de usuario significa que tienes un sitio web de carga
rápida. Pero aquí no nos vamos
a centrar en los datos en absoluto. Porque en este curso te
enseñé cómo
crear un sitio web con una
buena experiencia de usuario. Entonces el radio, entonces tu
absoluto va a ser rápido. Cargando va a ser por
supuesto, receptivo. Va a funcionar
bien en todos los dispositivos. Flatsome Theme
va a funcionar un poco mejor en comparación con Astra Theme Por supuesto, tu sitio web
va a tener un aspecto profesional. Eso, por supuesto, también
es muy importante. Porque si vas a tener sitio web de
aspecto
no profesional, hay una gran posibilidad de que si una persona va a
encontrar tu sitio web, va a abrir tu sitio web y va a quedar horrible. Él va a dejar
tu sitio web y eso significa que tienes
una tasa de rebote. Entonces, si vas a
tener mucha gente simplemente haciendo clic en tu sitio web
y saliendo de inmediato. Esa es una alta tasa de rebote. A Google no le gusta eso. Y se puede
esperar clasificar más bajo. Y los resultados de búsqueda de Google si
tienes una alta tasa de rebote. Y por lo general la alta tasa de
rebote ocurre porque tu sitio web
no está bien optimizado, no
está bien estructurado,
no tiene un aspecto profesional Es difícil
encontrar información. Y eso es lo que
te da una alta tasa de rebote. Por lo que quieres evitar eso
ofreciendo una buena experiencia de usuario. Bien, así que vamos a resumir las frases que
hay que recordar SEO en la página. El SEO on-page es cuando
hacemos todo lo que está en nuestras manos que podemos
encargarnos para optimizar nuestro sitio web Entonces esto es lo que podemos hacer en
nuestro sitio web, en nuestras páginas. Palabras clave, palabras clave son básicamente las frases que la gente usa para buscar información
y Google, como te dije antes, hay palabras clave de cola corta. Entonces digamos Maine ****, gato es una palabra clave de cola corta. Y tenemos una
cola larga palabras clave como pueden los gatos comer manzanas o
algo así. Esa es una palabra clave de cola larga, optimización de
palabras clave. Entonces aquí es donde tomamos
esta palabra clave sobre la que
investigamos y usamos para
optimizar nuestros productos. Usamos para optimizar las categorías de publicaciones de
nuestro blog o algo por el estilo, la densidad de
palabras clave. Entonces densidad de palabras clave
significa cuántas veces incluías
tu palabra clave principal, tu frase clave en el
texto de tu página, de tus entradas de blog
de tu producto, de categoría o cualquier
otra cosa por el estilo. Meta título. Meta título es el título que ves
en los resultados de búsqueda de Google Para nuestro sitio web, así
que ese es meta título. Aquí es donde también quieres
incluir tu palabra clave. Meta-descripción. Esta es la
descripción que ves en los resultados de búsqueda de
Google
para ciertos resultados. Así que tenemos meta título
y meta descripción. Entonces aquí es donde
quieres incluir tus palabras clave. Todos los textos. El texto alternativo es textos alternativos a los
que se agregan dos imágenes. Por lo general, este texto se usa
cuando las imágenes no se
cargaron, pero sucede muy raramente. Y en el mundo SEO, gente solo aprovecha
eso para incluir palabras clave para alt textos de imágenes,
jarabe, o sirve páginas de resultados de
motores de búsqueda. Y aquí es donde
vas a ver todos los resultados que
Google te muestra. Intervinculación. Intervinculación para enlazar
de una página de su sitio web a otra
página de su sitio web Entonces de una entrada de blog, traes gente a
otra entrada de blog, tal vez de una entrada de blog
a categoría de producto, tal vez a Productos y así sucesivamente. Texto de anclaje. Entonces, el texto de anclaje es el texto al que usas para agregar un enlace
en una entrada de blog. Muy bien, sigamos adelante. Entonces vamos a hablar de SEO
fuera de página previamente,
hablamos de SEO on-page Eso fue todo lo que tenemos en
nuestras manos lo que podemos hacer para optimizar nuestro sitio web para ubique más arriba en los resultados de
búsqueda de Google. Cuando
hablamos de SEO fuera de página, esto es que algo no
está en nuestras manos Esto es cuando confiamos en
otros sitios web. Entonces aquí es donde
obtenemos jugos de otros sitios web en lugar
de nuestro sitio web, aquí
es donde confiamos en otros sitios web para
enlazar a nuestro sitio web. Entonces en esta sección
vamos a hablar de backlinks. Backlink Entonces básicamente cuando
otros sitios web, digamos a partir de ahí
blog publican el enlace a nuestro sitio web
usando texto de anclaje. Ahora probablemente visto esto en otros sitios web cuando estás leyendo noticias o
algo así, haces clic en el enlace y los decks y vas
a otro sitio web. Eso es un backlink.
Tenemos enlaces de seguimiento. Tenemos enlaces nofollow, los enlaces do follow back
son muy poderosos Los backlinks de Nofollow no
son tan poderosos. Y una vez más, porque esas cosas no
están en tu poder, no
puedes seleccionar si quieres tener hacer enlaces de
seguimiento, no enlaces de retroceso. Pero claro, si estás
trabajando con otros sitios web, en realidad
puedes seleccionar. Pero cuando estás agregando tus
enlaces a otros sitios web, digamos a Pinterest, puedes agregar el enlace de tus sitios web
y el perfil de Pinterest, no
va a ser un
enlace de retroceso porque simplemente no está en tu poder seleccionar
si quieres tener enlace de
seguimiento o
sin ala de retroceso. Vamos a
hablar de publicaciones de invitados. Entonces, ¿qué son esas cosas?
¿Vas a hablar de eso? Ediciones de nicho, cómo funcionan y más o menos se
trata de backlinks Muy bien, sigamos adelante. Entonces hablemos de backlinks. Backlink es cuando un sitio web
enlaza con su sitio web. Entonces digamos que cuando
estás leyendo una entrada de blog, ves que hay un enlace, haces clic en ese enlace y
vas a nuestro sitio web. En este caso, podría
ser tu sitio web. He aquí un ejemplo. Aquí estoy de vuelta a uno de mis
sitios web y como pueden ver, si me desplazaba hacia abajo, tengo algunos enlaces aquí mismo. Entonces este es el enlace. Y si daría
click en este enlace, como pueden ver, iré a
una página completamente diferente. Entonces este es un completamente
otros sitios web. Y así, este sitio web obtuvo un
backlink de mi sitio web Si voy a
hacer clic aquí mismo, como pueden ver, nuestros absolutos de la mafia go-to Entonces este es un vínculo interno. No es un backlink. Entonces viste la diferencia. Uno era backlink, otro
era el vínculo interno. Bien, volvamos y
una vez más anclemos el texto. Es solo el texto el que se resalta y en el
que se puede hacer clic Básicamente es el hijo de enlace. El ejemplo anterior te
mostré con un gato persa que
era etiquetas de ancla. Cuando intentas obtener un
vínculo de retroceso de otro sitio web, debes enfocarte en
agregar tu enlace a un ancla, las etiquetas eran la misma palabra clave en la que te
estás enfocando para clasificar Por ejemplo, estoy tratando de
conseguir un backlink a nuestras entradas de blog
a gatos persas En este caso, quiero
encontrar un blog. Quiero ponerme en contacto con un blog. Quiero pedir un post invitado y tal vez
ellos un sub guess beause, voy a
escribirles un post invitado Y mis etiquetas de anclaje van a ser gatos
persas porque
esa es mi palabra clave de enfoque. Entonces eso es básicamente
lo que es el texto ancla. Es lo mismo que estás
intervinculando tus páginas,
tus entradas de blog, tus productos Pero esta vez estás haciendo perfiles en el sitio web de otra
persona Por lo general
aquí es donde puedes conseguir algunos
backlinks gratuitos a tus sitios web Entonces, por ejemplo, si
vas a crear un perfil de Pinterest, puedes agregar tu sitio web a este perfil de Pinterest y esto va a ser ahora
follow backlink Por lo general esos son nofollow, te
dan algo de jugo, te
dan cierta
variedad de backlinks, pero estos no son tan poderosos
como los enlaces de seguimiento Hay un montón de sitios web de
perfiles diversos donde puedes crear perfiles y donde
puedes agregar tus sitios web. Y así, puedes construir algunos backlinks Si buscarías en los enlaces de perfil de
Google o
algo así, hay muchas listas
diversas que puedes usar y puedes intentar agregar
tu sitio web, tu página de inicio. Y de esta manera puedes intentar
conseguir algunos backlinks gratuitos. Por lo general, los backlinks
se han construido usando guess. Ambas son ediciones de nicho Esas son debidas seguir y por lo general
esas cosas cuestan dinero Pueden causar desde un par de dólares hasta miles de dólares. Depende mucho del tipo de sitio web
que estés publicando, tus publicaciones de invitados,
y probablemente
hayas visto algo
en los sitios web de noticias, Digamos que cuando un sitio web de noticias está hablando de algún tipo de startup y hay
una gran parte del impuesto
hablando de la startup, lo increíble que es. Y de pronto ves que hay un enlace con un título
de esta startup. Es un enlace en el que se puede hacer clic y
vas a ese sitio web, eso significa que es un backlink Por lo general esas cosas que pagaban, por lo general si quieres
volver enlace usando invitados arcos, debes contactar a los administradores de sitios
web que están ejecutando esos sitios web. Y puedes preguntar si
aceptan invitados ambos. Puedes preguntar si esos puestos de
invitados son pagados. Y de esta manera puedes escribir un post de
invitado en el sitio web. Y de esta manera puedes incluir
un enlace en este post invitado
que acerque a los visitantes
a tu sitio web. Así es como funcionan las publicaciones de
invitados. Iniciativas,
iniciativas son cuando, digamos que encuentras un
blog y contactas con el administrador porque
encontraste algún artículo interesante. Y en este artículo
encontraste que, Digamos que este artículo
está hablando la enseñanza Montessori y de
mis casos Assad Estoy construyendo una tienda online de
Juguetes. Entonces tengo la categoría de juguetes
Montessori. Digamos que tal vez
encontraste un blog donde este blog tiene entrada de blog
sobre enseñanzas Montessori Y hay un párrafo que está hablando de juguetes
Montessori Encontraste en ese texto
una frase que
puedes usar como
texto ancla Juguetes Montessori Y luego contactas con el administrador de esta entrada de
blog y preguntas, ¿haces iniciativas? Me encantaría incluir mi categoría de juguetes
Montessori en tu entrada de blog como texto ancla Juguetes Montessori y esa Por lo general esas cosas cuestan dinero. Puede causar de 5 a
cientos de dólares. Entonces depende mucho los sitios web a los que les estés
contactando. Entonces así es como conjetura Posts
trabajan nicho en su trabajo. Y así es como
construyes backlinks. Y por eso
se llama
SEO fuera de página porque esas cosas no están completamente en tu poder y
tienes que confiar en otros sitios web, tienes que contactarlos, tienes que preguntar si
aceptan arcos invitados Y en este caso, si aceptan
publicaciones de invitados gratis, necesitarás escribir una entrada de
blog gratis y publicarla en su sitio web
e incluir un backlink Van a conseguir
una entrada de blog gratis. Vas a conseguir
un backlink gratis. Entonces así es como funciona. Si vas a
contactar con un sitio web más grande, digamos un sitio web de noticias
o algo así. Por lo general, listan los precios en su página de asociaciones y lo verás
tú mismo que esos pueden causar desde $10.50,
cientos, miles de Entonces así es como funcionan los backlinks. Tienes que confiar
en otros sitios web. Y recuerda si algo
no te queda claro, no te estreses demasiado. Siempre puedes unirte a mi grupo. Puedes hacer preguntas
y te
ayudaré con cualquier duda
con cualquier problema. Puedo explicar todo mejor. Incluso te puedo ayudar con la
construcción de backlinks. Así que no dudes en unirte
a mi grupo. Bien, así que hablemos de algunas de las otras frases importantes de las que ya
hablamos back links Y te dije que el precio depende de
bastantes factores. Por lo general depende del dominio de, para que sea su autoridad de
dominio. Se puede tener baja o
alta autoridad de dominio. Por lo general es de hasta 100. Y por lo general diversas herramientas como Ubersuggest,
SEMrush, trampas H. Tienen diferentes tipos de
cálculo de la autoridad de tu
dominio, pero generalmente dominio de
fuerza se calcula por cuántos backlinks tienes, cuántos backlinks fuertes tienes sitios web de hi authority, Digamos que tal vez tengas
dos backlinks Entonces ese es un alto
lujo para el sitio web. Los más altos para ello a los sitios web, suelen tener
mucho tráfico. Tienen muchos backlinks. Y si esos sitios web están
enlazando de nuevo a tu sitio web, así es como puedes hacer crecer
tu propia autoridad de dominio. Entonces así es como funciona, lo
paga tejón porque también
es importante Digamos que podrías tener una
alta autoridad de dominio, pero podrías tener una página
inferior de palabras. Podrías tener muchos enlaces
hacia atrás que enlazan a
tu sitio web en sí, pero no puedes tener
tantos backlinks enlazen a tu página específica, a tu producto específico, a tu
publicación de blog específica, y así sucesivamente Entonces, digamos que si tienes
una autoridad de dominio inferior, pero tienes una página alta de 40, tienes muchos backlinks
a tu página específica,
a tu página de producto específica,
a tu página de entrada de blog específica Entonces podrías tener
una página alta, tienes 40, y luego tendrás un poco más de posibilidades de clasificar más alto en Google.
Resultados de búsqueda. El dominio superior ofrece el también es un factor de clasificación N en los resultados de búsqueda de
Google
porque solo significa que usted es un
sitio web confiable y confianza de Google Entonces así es como funciona dominio de para
ello y página de trabajo. Básicamente estás usando otros sitios web para construir
tu dominio de vale la pena, para construir tu página
de trabajo obteniendo backlinks de esos sitios web
que exactamente como funciona Bien, entonces, ¿qué
determina tus rankings? Por lo tanto, la investigación adecuada de palabras clave
es muy importante. Entonces esto es lo primero
cuando haces investigación de palabras clave, cuando estás nuevo sitio web, claro que vas a
tener dominio bajo, permitelo. Porque no
tienes ningún sitio web vincule a tu sitio web. Vas a tener dominio
bajo de 40. Es por eso que quieres apuntar
a unas palabras clave menos competitivas. A lo mejor esas palabras clave
no van a tener muchas búsquedas mensuales, pero van a ser más fáciles de clasificar en las búsquedas de
Google. Entonces esto es una investigación importante,
adecuada de palabras clave. Por supuesto, tienes que
optimizar bien tu contenido. Entonces, si estás trabajando
con productos, quieres incluir tu palabra clave
principal en el meta título, metadescripción y la descripción de
tu producto en sí, y los títulos de las imágenes
y todos los textos de las imágenes Y así es como haces una buena optimización de tu producto cuando estás
escribiendo tus entradas de blog, también
quieres incluir tu palabra clave
principal y meta título es descripciones de métodos y
el texto de tus entradas de blog, quieres incluir
algunas otras variaciones de esta palabra clave. Y por supuesto
quieres incluir tu palabra clave y todos los
textos de las imágenes también. Entonces eso va a estar en la página Seo. Y otro factor importante van
a ser los backlinks. Cuántos sitios web tienes
enlazando a tu sitio web, a tu producto específico, a tu entrada de blog específica. Y eso también es muy importante. Y vas a
tener alta para ello. Los sitios web enlazan a sus páginas. Vas a hacer que tu dominio
más alto permita backlinks. Cuántos backlinks
están enlazando a tu sitio web determina la autoridad de tu
dominio siempre y cuando sea Así que el dominio de 40 está un poco unido conectado
con backlinks Entonces así es como funciona. Y simplemente no te
compliques en exceso. Pero todas esas cosas, solo hay
que recordar
que su primer objetivo
58. (7.1) instalemos el complemento SEO: Bien, ya que estás
un poco más familiar, qué es el SEO y cómo funciona, ahora podemos instalar
y plugin SEO Así que vayamos a nuestro tablero. Vamos a Plugins. Hagamos clic en Agregar nuevo y usemos el tipo de búsqueda SCO. Y como puedes ver, hay
un montón de plugins de SEO. Pero para ser honestos, suelen hacer una cosa. Y esa cosa es que agregan meta descripción y meta título, y es lo suficientemente bueno y también
ofrecen
algunas sugerencias. También te dan algunos consejos cuando estás optimizando
tus productos, digamos Categorías
o algo por el estilo. Y en lección posterior, claro, vas a
profundizar en la investigación de palabras clave, pero por ahora, todo
debería estar bien. Así que vamos a seleccionar este
Plugin Rank Math SEO. Esta es la
Alianza Plugin para usar y uso en todos mis sitios web. Vamos a hacer clic en activar. Bien, entonces en mi caso, acabo de activar este plugin
y no pasó nada Pero en tu caso,
tal vez te mostró un asistente de configuración y
no te preocupes por ello. Puede cerrar ese asistente de configuración. Simplemente te guía a través de
toda la Configuración y así sucesivamente. Pero en esta lección te
voy a mostrar
qué dosis SEO plugin
Sandman cuatro Bien, así que si
iría aquí mismo, este es mi SEO Rank Math Si no voy a ir al
dashboard, como puedes ver, tenemos varias
herramientas y algunas de esas herramientas solo están activas para la versión premium
de este plugin. Pero confía en mí,
realmente no necesitas obtener la versión
premium. Versión Premium solo agrega X2, más
detalles de Analytics y así sucesivamente. Pero incluso con la versión gratuita, estarás totalmente bien. Bien, así que si iba a
ir al Asistente de Configuración, probablemente va a tener
el
mismo asistente de configuración que tenías cuando estabas
instalando tu plugin Entonces como dije,
puedes cerrarlo, pero si no lo cerraste, aún
puedes seguir
a través de este asistente de configuración. Y si cierras ese asistente, solo ve a esos pasos que
te mostré selecciona Asistente de configuración. Y ahora como puedes ver, tenemos opciones a elegir. Podemos elegir Avanzado. Hagamos clic en Iniciar asistente. Y como antes
instalé algunos Plugins, la
ayuda me está dando la
opción de importar datos, pero no he agregado ningún
dato a esos complementos. Entonces puedo dar click
aquí mismo, saltar, no importar. Ahora, puedes hacer eso también. Y aquí, solo elige algunos
detalles sobre tu sitio web, tu tipo de sitio web, y va a ser un lado de
pequeñas
empresas, organización tipo negocio, eCommerce
educativo, etc. Así que solo elige todos
los que están aquí. También puedes agregar tu logo. Puedes agregar imagen de compartir social. Pero no
significa necesariamente que Google vaya a mostrar esas cosas y los resultados de búsqueda de
Google, porque esos Plugins, solo agregan esta información y es para que Google decida si quiere mostrar esta
información o no. Así que Google a veces
puede ser bastante exigente. Bien, hagamos clic,
Guardar y Continuar. Puedes crear y conectar
tu cuenta de Rank Math. Es bastante útil si
tienes una versión premium. Te permite hacer algunas cosas
más avanzadas. Pero si no
tienes una cuenta, puedes hacer clic
aquí mismo. Saltar paso. Si quieres, puedes
crear una cuenta. Y si vas a crear
una cuenta y vas
a agregar esta cuenta
a tu sitio web. No va a cambiar
nada en el flujo de esta lección para que podamos
hacer clic, saltar paso. Bien, entonces aquí
tenemos Sitemaps. Los sitemaps se
utilizarán para Google. Vamos a agregar nuestro mapa del sitio
a Google Search Console, pero vamos a hacer
esto en la lección posterior. Y como es ahora mismo, podemos conservarlo así. Y podemos dar clic en
Guardar y continuar. Bien, podemos hacer clic en
guardar y continuar. Hombre, podemos
regresar rápidamente a Dashboard. Así que hemos terminado con la
instalación de nuestro plugin SEO. Está listo. Como puedes ver, tiene
muchas herramientas diferentes. Puedes explorar
todo tú mismo. En lecciones posteriores,
vamos a
profundizar un poco más en esas
opciones aquí mismo. Vamos a usar
algunas de esas opciones, pero claro que no todas. Esto es justo lo que este plugin
SEO tiene para ofrecer. Y hay que tener en
cuenta que hay un montón de plugins de SEO y
compiten entre sí. Y trataron de ofrecer
tantas opciones como pudieron. Y no necesariamente significa que esas opciones
sean muy útiles, así como funciona. Bien, así que ahora tenemos nuestro
Plugin listo, ya está en su lugar. No necesitamos
agregar nada más. Y ahora deberíamos
ir a nuestras páginas. Empecemos con nuestras páginas. Como puedes ver ahora tiene
estas columnas a medida que detallas, título, descripción, y así sucesivamente. Entonces generalmente cuando estás
trabajando con tienda de eCommerce, tal vez algunas de las páginas
más importantes que quieres mostrar a Google y que quieres cuidar es
sobre la página y tu Página principal. Todas las demás páginas no son necesariamente para cuidar
porque son
solo las páginas para
los clientes y
no vas a clasificar esas
páginas en la búsqueda de Google. Pero si voy a dar
click aquí mismo en acerca de la página y
voy a seleccionar Editar, no Editar con UX
Builder, sino solo agregado, como puedes ver aquí, tenemos algunas opciones más. Si voy a dar
click aquí mismo, aquí es donde puedo acceder a las
opciones de nuestro plugin SEO. Así que aquí mismo nos está mostrando nuestro meta título y
meta descripción. Entonces aquí podemos hacer clic en editar fragmento y
puedes agregar el título Entonces así es como funciona. Simplemente agrega el título si quieres
agregar un título un poco más largo, si quieres agregar
una descripción, puedes hacerlo también. Y como dije, si quieres
encargarte de todo con precisión, las páginas en las que podrías enfocar nuestra página acerca y Página de inicio, todas las demás páginas no son
necesariamente para enfocarlas porque lo más probable es que
no se vayan a clasificar en Google. Pero lo que es importante para ti si estás ejecutando una nueva tienda de
comercio para ti, más
importante son
los productos Así que en lugar de hacer
cambios aquí mismo, volvamos a Todas las Páginas, y ahora podemos ir a Productos, y vamos a seleccionar todos los productos. Vamos a desplazarnos hacia abajo. Y digamos que queremos trabajar dos veces
en nuestro tren de madera. Entonces, hagamos clic en Editar. Bien, así que ahora estamos
editando nuestro producto. Y como puedes ver aquí mismo, tenemos nuestro plugin SEO en su lugar. Nos está mostrando nuestro puntaje de
Optimización. Son ocho de cada 100, pero no se preocupe por eso. En realidad no
significa tanto. Es solo darte
algunas sugerencias, algunos consejos, y cómo
ven las cosas. Y aquí tendrás que
introducir tu palabra clave de enfoque. Pero sobre eso, vamos a
platicar en la lección posterior donde voy a mostrarte cómo
hacer investigación de palabras clave, pero ¿estás familiarizado
qué es una Palabra Clave? Así que vamos a
hablar de eso un poco en esta
lección también. Bien, así que vamos a desplazarnos hacia abajo hasta que veamos nuestro plugin de SEO Esta es la sección
de nuestro plugin SEO. Y como puedes ver aquí mismo, tenemos nuestro meta título
y meta descripción. Cuando escribes un meta
título y una meta descripción, quieres incluir tu
palabra clave principal y ambas, Digamos que en este caso mi palabra clave
principal es Tren de Madera. Quiero incluir
esta palabra clave en un título que
ya está en un título. Y quiero incluir esta palabra clave y meta
descripción también. Si no tengo esta palabra clave en la primera frase del MOD descripción de mi
producto. Voy a volver aquí mismo. Como puedes ver la descripción de mi
producto en la primera frase, tiene la palabra clave Tren de Madera. Entonces aparte de trino,
necesito cambiar cualquier cosa en una meta descripción porque ya es y matemáticas primera frase de
mi descripción Cuando escribas
descripciones, solo ten en cuenta que el mejor de los casos
es que incluyas tu palabra clave principal en la descripción la primera oración
de tu descripción Porque pase lo que pase, si voy a incluir
esta palabra clave y
meta descripción de mamá aquí mismo usando esta Configuración aquí mismo, si voy a agregar una descripción de aspecto
diferente de mi descripción principal
del producto en sí. Y digamos la descripción de mi
producto que te mostré anteriormente, no tiene
la palabra clave principal, pero mi meta descripción aquí
mismo , tendría,
ya ves, realmente no
funciona de esta manera porque Google está hablando y no importa
si vas a agregar meta descripción aquí mismo, Hay una gran posibilidad de que
Google decida no
usar esa descripción del método que acabas de
ingresar aquí mismo, que son palabras clave
energía va a elegir tu descripción en lugar de tomar esta descripción que
vas a escribir. Entonces en lugar de eso, Google tomará esta
descripción principal y solo
va a mostrar en
meta descripción
en los resultados de búsqueda de Google. No lo sé, eso
tiene mucho sentido. Pero tu objetivo es cuando
escribes descripciones
para tus productos, tienes que incluir
tu palabra clave principal en la primera frase de la descripción de
tu producto. Entonces ese es tu objetivo y
solo hace que todo sea más fácil porque quieres necesitas escribir una descripción separada
para mater aquí mismo Y ni siquiera
significa que Google escoja esta descripción
que vas a escribir. Entonces como este producto tiene una descripción
bien escrita, realmente no
necesito
cambiar nada A lo mejor si quieres, puedes
cambiar el meta título. Pero aquí mismo, puedo
escribir mi palabra clave de enfoque. Entonces mi palabra clave de enfoque
es Tren de Madera. Voy a hacer clic en Entrar, y esto es lo que obtenemos. Entonces en vez de sacar solo un
par de puntos sobre 100, y ahora conseguimos 68 de 100. Entonces, como pueden ver,
el único inconveniente es que nuestro contenido
es demasiado corto. Cuando estés escribiendo descripciones
de
productos siempre te recomendamos escribir 200 palabras y solo incluir tu palabra clave principal
dos o tres veces. No solo una, sino
dos o tres veces, hasta tres veces, no más que si vas a incluir demasiadas veces tu
palabra clave principal no
va a ayudar solo
que en realidad va a dañar tus rankings. Entonces esto es lo que hacen los plugins de SEO. Te dan la opción de
seleccionar un tipo diferente de meta título de meta descripción y puedes ingresar
tu palabra clave de enfoque. Simplemente te da
sugerencias de cómo podrías optimizar mejor tu
descripción. Como puedes ver, si
voy a desplazarme hacia abajo, en realidad
es decir que
deberías usar 600 palabras, pero no es cierto
porque no
tenemos versión premium y con la versión gratuita y no
es reconocer que estamos escribiendo
descripción para un producto, no para una entrada de blog. Entonces para un producto son 200
palabras y simplemente funciona bien. Entonces eso es lo que son cuatro los
plugins de SEO, solo asegúrate de
instalar este plugin. Y cuando escribas
descripciones para productos, asegúrate de incluir tu palabra clave principal en la primera oración y
luego vamos a usar este complemento un poco más
para enviar nuestro mapa del sitio a Google Search Console y
verás cómo funciona eso. Pero por ahora, esto
es perspectivas y solo asegúrate de
instalar tu plugin de SEO Entonces eso es todo por esta lección.
59. (7.2) configura la consola de búsqueda de Google: En esta lección, te
voy a mostrar cómo
configurar tu Google
Search Console. Es una
herramienta muy útil es por supuesto, herramienta hecha por Google. Y es útil para el SEO. Te permite comprobar qué tan bien están clasificando tus palabras clave, qué palabras clave
te están trayendo más tráfico. Y básicamente es una herramienta
esencial para el SEO. Entonces, antes que nada, necesitarás
crear tu cuenta en Google Search Console. Así que solo tienes que ir a Google y buscar Google
Search Console. Esto es lo que quieres
buscar y el primer resultado
es lo que necesitas. Entonces, seleccionemos éste. Hagamos clic en Empezar ahora. Y aquí tendrás que
escribir tu nombre de dominio. Entonces en mi caso, va a
estar basado en nuestro ketose.com. Hagamos clic en Continuar. Y ahora vamos
a necesitar hacer algunos cambios de DNS para
nuestro nombre de dominio. Entonces, como recuerdas,
mi nombre de dominio estaba registrado en GoDaddy Entonces realmente no
importa donde
hayas registrado
tu nombre de dominio, solo
vas a
necesitar agregar una línea. Así que aquí mismo
encontrarás instrucciones. Podemos seleccionar cualquier proveedor de DNS. Y como puedes ver aquí, vamos a necesitar
crear un nuevo registro de textos. Para que podamos copiar este registro de
texto aquí mismo. Y ahora voy a ir
a mi cuenta de GoDaddy. Voy a ir justo aquí y voy a
seleccionar mis productos. Entonces voy a desplazarme hacia abajo
hasta que vea mi nombre de dominio. Y aquí mismo
voy a seleccionar DNS. Y hagamos clic en agregar nuevo registro. Vamos a seleccionar tipo
va a ser gravado y nombre. Escribamos ETA y
peguemos el valor que copiamos
anteriormente. Tiempo para cargar. Podemos seleccionar Personalizado
y agreguemos 600 s. Vamos a presionar Guardar. Bien, así que tenemos éxito
calificado y nuevos textos el registro ahora podemos cerrar nuestra cuenta de
GoDaddy Y aquí mismo, solo espera
un par de minutos. No debería tomar
mucho tiempo hasta 5 min. Y una vez que hayas esperado 5 min, puedes hacer clic en verificar, bien, después de haber pesado en algún momento ahora
podemos hacer clic en verificar Bien, por lo que la propiedad
se verificó con éxito. Ahora podemos hacer clic en Ir a
propiedad y si quieres, puedes tomar el tutorial para
ver cómo se ve todo. Normalmente no hago eso, pero voy a guiarte a
través de todo de todos modos. Entonces una vez que vas a
empezar a obtener más datos, aquí es donde
verás tu información,
la información sobre el
rendimiento de tu sitio web, qué tan bien le va
en la búsqueda de Google. Entonces aquí mismo
verás la actuación. Verás qué páginas están indexadas y varias otras herramientas como experiencia de
tu sitio web y mejoras si
vas a tener alguna, y si haría clic aquí mismo, rendimiento, aquí
es donde
vas a ver todo
más en detalle Podemos seleccionar páginas, podemos seleccionar las palabras clave,
países, dispositivos. Podemos verificar qué tan bien están funcionando
nuestras páginas
según dispositivos, países, Búsqueda,
apariciones, fechas, etc. Posteriormente voy a
iniciar sesión en una de mis páginas web y voy
a mostrarte cómo se ve. Más información
con más detalles. Aquí puedes inspeccionar las URL
para ver si hay índice. Entonces, si harías
clic aquí mismo, puedes pegar cualquier
URL que tengas y puedes verificar si
está indexada o no Y la URL de índice básicamente
significa que está en la base de datos de
Google y
se puede encontrar en la búsqueda de Google. Entonces básicamente, lo que
significa aquí encontrarás varias otras herramientas y no tengas
miedo de explorar
todo tú mismo. Y de esta manera
aprenderás a usar esta
herramienta un poco mejor, pero ahora mismo, no vas
a tener ninguna información. Irías a enlaces. Aquí, verás backlinks
si vas a tener alguno. Y como dije, esta herramienta
es muy conveniente para entender qué tan bien
está funcionando tu sitio web en la búsqueda de Google. Para que puedas explorar todas las demás
herramientas como Page experience. Entonces aquí verás información sobre tu experiencia de página, qué tan bien es si es buena
en dispositivos móviles y así sucesivamente,
verás los vitales de Corvette, verás los vitales de Corvette, qué tan bien está
funcionando tu sitio web de
acuerdo con los de Google, quiénes son Web white esos, así que Google tiene sus propias
medidas para hacerte
saber si tu sitio web
se está cargando rápidamente, Pero si vas a tener incluso no tan buenos
core web vitales, no te
estreses demasiado con eso No es el principal factor de
clasificación de todos modos, así que puedes explorar la deuda. Pero antes de ir a
mostrarte cómo se ve, cómo se ve en una
de mis páginas web. Hay otra cosa muy importante
que tenemos que hacer. Tenemos que enviar nuestro mapa del sitio. Tenemos que ir justo
aquí Sitemaps. Y tenemos que añadir un
mapa del sitio de nuestro sitio web, básicamente de todas nuestras URL
que tenemos en nuestra página web Para encontrar nuestro mapa del sitio, vamos a utilizar nuestra herramienta SEO que instalamos anteriormente. Así que vayamos a nuestro sitio web. Vamos al tablero. Pasemos a la herramienta SEO que
instalamos previamente, la Rank Math. Seleccionemos mapa del sitio Este es nuestro mapa del sitio. Podemos abrir este mapa del sitio y básicamente es solo un mapa del sitio
muy simple. Es un poco autoexplicativo. Es el mapa de todas tus
URL en tu sitio web. Así que aquí tienes el mapa
del sitio del producto. Si voy a hacer click en
productos, como puedes ver, estos son todos los productos
que tengo en mi página web. Sólo voy a
regresar y quiero
copiar esta URL aquí mismo. Quiero volver a mi
Google Search Console, y voy a pegar
esta URL aquí mismo. Bien, hagamos clic en Enviar. Bien, así que enviamos
nuestro mapa del sitio
con éxito y ahora Google comenzará a recopilar
información sobre nuestros sitios web Entonces, si iría a Resumen, una vez que nuestro sitio web comience
a obtener algunas impresiones, algunos clics, aquí es
donde vamos a ver toda la información. Entonces solo voy a abrir uno de mis sitios web para
mostrarte cómo se ve. Bien, así que este
es mi perfil en Google Search Console
de uno de mis sitios web Y como pueden ver, esta
es la actuación. Para que podamos ver
cuántos clics obtenemos, cuántos clics obtienes
de los resultados de búsqueda, de Google Discover, etc. Si me desplazara hacia abajo, esta es la cantidad de URL que Google
ha indexado en mi Como puedes ver, he
agregado algunos videos, así que estas son las
estadísticas del índice, las páginas de video y
la
experiencia como puedes ver, y algunos de los sitios web, mi experiencia es bastante pobre, pero no te preocupes por eso. No afecta tanto a
los rankings y no
deberías
enfocarte demasiado en eso. Pero como tus apps, va a estar fresca,
va a ser nueva, tu experiencia en la página debería ser buena de todos modos. Entonces, si voy a
desplazarme hacia abajo y cómo algunas herramientas
más como la información de
compras, algunas de ellas
son productos se listan en los anuncios de compras. Y si voy a desplazarme hacia abajo, tengo algunas mejoras, fragmentos de revisión de
preguntas frecuentes, y así sucesivamente Entonces aquí es donde se puede
ver toda la información. Si voy a ir a
performance aquí mismo, puedo hacer clic en los resultados de búsqueda. Entonces como pueden ver, puedo ver cuántos clics y
cuántas impresiones o Dios, los últimos tres meses. Y puedo comprobar cuál es
mi tasa de clics, ¿cuál es mi posición promedio? Y si voy a activar
click-through rate, así es como se ve. Y aquí mismo, estas
son las palabras clave. Aquí puedo comprobar qué palabras clave me
están
trayendo más tráfico. Entonces esta palabra clave de aquí mismo, como pueden ver,
me está trayendo la mayor cantidad de tráfico. Está recibiendo
bastantes impresiones. La tasa de clics es bastante baja, pero la posición es bastante alta Entonces como pueden ver,
puedo ver la posición lo bien que está clasificando
en la búsqueda de Google, incluso porque esas palabras clave
son muy competitivas. Y estoy clasificando tranquilo bueno. Entonces, si hiciera clic
aquí mismo las páginas puedo ver, bueno, estoy actuando en base a páginas, así que esta es la página que
está funcionando mejor. Incluso puedo seleccionar esta página. Y como pueden ver, puedo obtener las estadísticas de esta página específica. Entonces así es como funciona. Puedes explorar todo
tú mismo y por supuesto, te
recomiendo encarecidamente que lo
explores todo tú mismo. Una vez que empiezas a
obtener más datos, esos son varios filtros. Así puedo cerrar este filtro que son
seleccionados previamente para mostrarme lo bien que funcionan mis
páginas. Y como pueden ver
esto como puntos de vista, puedo comprobar qué países me
están trayendo más tráfico,
cuáles son
los más sabios, los más
usados, y así sucesivamente Éste depende de ti. Y en descubrir. Como pueden ver, puedo comprobar cuántos clics supongo que
de Google descubre. Y por lo general Google
discover
aparece cuando estás
escribiendo entradas de blog, escribes bastantes publicaciones
de blog y Google presenta algunos
de tus contenidos. A veces simplemente aparece, a veces simplemente
no aparece. Pero si subes contenido diariamente, obtendrás destacado
en Google discover. Entonces así es como funciona. Y la indexación de páginas,
como pueden ver, puedo comprobar cuántas
páginas están indexadas y cuántas páginas no están
indexadas y así sucesivamente Entonces esta es la
información del virus que puedo verificar. Incluso puedo revisar mis enlaces posteriores si
voy a desplazarme hacia abajo, si hago clic en
enlaces, como pueden ver, puedo verificar
cuántos sitios web están enlazando de nuevo a mi sitio web, cuántos backlinks tengo, qué otros sitios web están
enlazando mis páginas y así sucesivamente Por lo que esta herramienta es muy
conveniente de tener. Es muy útil
cuando quieres
entender qué funciona
y qué no funciona, qué palabras clave
te están trayendo más tráfico? Tal vez puedas escribir algún otro contenido
basado en esas palabras clave y
puedas obtener algo de tráfico de esas publicaciones de blog o
productos y así sucesivamente. La mayoría del tráfico
que estoy recibiendo a esta tienda en línea
es de entradas de blog. Pero estoy obteniendo de los productos hacerlo así es como se ve. Entonces, una vez que empieces a obtener impresiones de
tráfico, así
es como se verá todo y línea base hasta
que
no tengas ningún dato, no podrás
explorar nada. Pero una vez que las estrellas de Google recopilen
datos de tu sitio web, verás
todo aquí mismo. Entonces así es como funciona. Y una vez más, si
vas a necesitar alguna ayuda con todas esas herramientas o
algo así con el SEO, no
dudes en unirte a
mi grupo de Facebook. Bien, ahora podemos cerrar
nuestra Consola de Búsqueda de Google. Podemos cerrar nuestro mapa del sitio. Y básicamente podemos
ir a nuestra página web. Y más o menos eso
es todo para esta lección. Ahora sabemos cómo configurar tu perfil de Google Search
Console
60. (7.3) Configuración de Google Analytics 4: Bien, en esta lección
vamos a configurar Google Analytics
y vamos a configurar Google Tag Manager La razón por la que estamos utilizando Google Analytics es
porque queremos
entender nuestro tráfico que
viene a nuestros sitios web. Usando Google Analytics,
podremos verificar cuántos
visitantes estamos recibiendo, dónde
vienen esos visitantes. Si esos visitantes vienen de los motores de búsqueda
como Google, Bing, o cualquier otro, si
vienen de perfiles de redes
sociales
como Pinterest, Facebook o cualquier otro. Son aquellos visitantes sentados, visitantes
directos que
teclean su sitio web en su navegador y
acceden a su sitio web. Y además de eso,
podrás ver las compras, las ventas de donde
vienen. Entonces verás si las ventas
provienen de fuentes orgánicas, fuentes redes
sociales,
o cualquier otra fuente. Por lo que tener Google Analytics
es sumamente importante, sobre todo si quieres
ejecutar una tienda online exitosa. Y la razón por la que
vamos a configurar Google Tag Manager es porque
con Google Tag Manager, podremos conectar
nuestro Google Analytics. Y Google Tag Manager es una herramienta que
instalas en tu sitio web. Y básicamente, tu sitio web
de alguna manera pasa por Google Tag Manager y captura varios detalles
como Agregar al carrito, compras, páginas vistas y así sucesivamente. El Google Tag Manager envía esta información a
Google Analytics. Entonces una vez que ingreses a tu cuenta de
Google Analytics, podrás ver toda la información
y de manera bien estructurada. Y además de eso, es
muy conveniente tener
Google Tag Manager, sobre todo si en
el futuro
decidirás que
quieres publicar anuncios de Facebook, anuncios Pinterest, leerlo anuncios, o incluso anuncios de Google o
algo así. Porque usando
Google Tag Manager, podrás
instalar varios píxeles, digamos píxel de Facebook. píxel de Facebook te ayuda
a realizar un seguimiento de las conversiones, a rastrear las vistas de página Agregar al carrito. Y al usar estos detalles, Facebook optimiza tus anuncios. Entonces esto es muy
importante tenerlo. Entonces por eso en esta lección
vamos a configurar nuestro Google Analytics
y vamos a configurar Google Tag Manager. Entonces lo primero es lo primero, vayamos a Google y simplemente
escriba Google Analytics. Bien,
aquí mismo podemos seleccionar Google Analytics cuatro
porque es una nueva versión Y aquí mismo,
quieres seleccionar esta opción. Así que vamos a seleccionar esta opción. Ahora, hagamos clic en
comenzar a medir. Aquí mismo puedes agregar el nombre de
tu cuenta. Así que solo da el nombre
de tu sitio web. Así que sólo voy a volver a
amarrar nuestra cetosa. Vamos a desplazarnos hacia abajo y
hagamos clic en Siguiente. Una vez más, escribe
tu nombre propio. Entonces tu nombre propio una vez más, va a ser el
nombre de tu sitio web. Entonces en este caso,
sólo voy a atar aguacates de
tocino aquí mismo. Seleccione su zona horaria de reporte. Y claro, selecciona la
moneda que vas a utilizar. Entonces van a ser dólares estadounidenses, euros, o cualquier otra moneda. Esto es muy importante.
Así que solo selecciona tu zona horaria y
selecciona tu moneda. Bien, así que sólo
voy a hacer clic en Siguiente. Seleccionemos nuestra industria. Entonces en mi caso,
puedo llamarlo Juegos, juguetes, algo así. Y voy a seleccionar el tamaño del
negocio, es pequeño. Hagamos clic en Siguiente. Por lo que nuestros objetivos de negocio
o ventas online secas suben. conocimiento de la marca
examinó el comportamiento del usuario y, por supuesto,
obtuvo informes de referencia. Ahora podemos seleccionar, impulsar las ventas en línea,
aumentar el conocimiento de la marca y examinar el comportamiento de los usuarios. Bien, hagamos clic en Crear. Ahora, pongamos de acuerdo con los términos del servicio. Vamos a hacer clic aquí mismo. Seleccionemos aceptar. Escojamos Web. Y aquí solo escribe URL de
tu sitio web
y dale el nombre a esta propiedad para que el nombre pueda ser el mismo que el título de tu
sitio web. Bien, seleccionemos
Crear flujo. Bien, así que por ahora, no
necesitamos
seguir ninguna instrucción
para Google Tag Manager Y después vamos
a instalar eso. Vamos a desplazarnos hacia abajo,
veamos qué más tenemos. Ahora, podemos cerrar
este justo aquí, y esta es nuestra propiedad. Así que ahora podemos seleccionar
esta propiedad. Bien, así que solo abre
la misma ventana. Vamos a cerrarlo. Y en lugar de hacer
eso, hagamos clic en Siguiente. Bien, entonces la
recolección de datos es gasto, por lo que va a
tomar algún tiempo hasta que Google Analytics comience a
recopilar datos Pero normalmente vas a ver esta información de inmediato, a diferencia de Google
Search Console. Y ahora mismo dice que está pendiente porque no
hemos conectado nuestra
cuenta de Google Analytics y tampoco
hemos agregado Google
Tag Manager. Así que vamos a hacer clic
continuó a casa. Bien, podemos hacer clic
aquí guardar, y básicamente esta
es nuestra propiedad Entonces aquí mismo vamos a ver diversa información
sobre el tráfico que viene a nuestro sitio web. Así que anteriormente cuando
configuramos Google Search Console, esta herramienta sólo está pensada para analizar el tráfico que viene de la
Búsqueda de Google y eso es todo. Pero Google Analytics es para analizar el tráfico que
viene de diversas fuentes, no solo de la Búsqueda de Google. Entonces esa es la enorme ventaja
de Google Analytics. Entonces lo siguiente que
tenemos que hacer ahora tenemos que
crear una cuenta
en el administrador de Google. Así que vayamos a la nueva pestaña y busquemos
Google Tag Manager. Bien, hagamos clic en Entrar Esto es lo que queremos usar Así que selecciona esta opción. Y una vez que estés aquí, ahora, hagamos clic en Crear cuenta y dale un nombre a tu cuenta. Entonces puedes llamar a esto lo
mismo que a tu negocio. Entonces en mi caso, es, claro que va a ser
horneado en aguacates Selecciona tu país. Y ahora vamos a desplazarnos hacia abajo y vamos a darle un nombre
a nuestro contenedor. Podemos llamar a nuestro contenedor
nuestro nombre de dominio. Seleccionemos Web aquí mismo y hagamos clic en Crear. Bien, vamos a hacer clic. Sí. Bien, así que no
instalemos Google Tag Manager. Vamos a hacer
esto un poco más tarde. Y ahora desde aquí podemos empezar a trabajar con
un gestor de etiquetas. Y lo primero
que vamos a hacer con Tag Manager, vamos a configurar la etiqueta de
Google Analytics que podamos conectar esas
dos cosas juntas. Entonces para hacer esto, quieres
ir aquí mismo, etiquetas. Seleccionemos Nuevo. Vamos a hacer clic aquí mismo. Y vamos a elegir esta opción. Bien, podemos dar el título. Entonces tu título puede
ser Analytics G A4. Bien, así que le dimos el título, y ahora tenemos que
volver a nuestra etiqueta Y aquí mismo necesitaremos
agregar nuestro ID de medición. Por lo que el ID de medición estará en nuestra cuenta de Google Analytics. Así que volvamos a nuestra cuenta de
Google Analytics. Vayamos aquí mismo a admin. Elijamos flujos de datos. Seleccionemos este aquí
mismo, y queremos copiar
este ID de medición. Así que hagamos clic
aquí para copiar esta identificación. Ahora volvamos a
Google Tag Manager. Vamos a pegar esta identificación aquí mismo. Y ya terminamos con esta parte. Ahora, tenemos que
activar la activación. Así que vamos a hacer clic
aquí activando, y vamos a elegir todas las páginas Así que queremos activar esta etiqueta en cada página
de nuestro sitio web. Así que vamos a seleccionar todas las páginas. Hagamos clic en Guardar. Ahora podemos hacer clic en enviar
y vamos a hacer clic en Publicar. Bien, hagamos clic en continuar. Y así,
conectamos Google Analytics con Google Tag Manager y
publicamos todos los cambios. Bien, vamos a cerrar
este de aquí mismo. Ahora, necesitaremos agregar Google Tag Manager
a nuestro sitio web. No vamos a necesitar
agregar Google Analytics porque
Google Analytics ya está conectado junto con
Google Tag Manager. Y lo único
que necesitamos agregar a nuestro sitio web es
Google Tag Manager. Bien, vayamos a nuestro sitio web y
vayamos al tablero Ahora vamos a necesitar
instalar un plugin. Así que vamos a plugin. Así que vamos a seleccionar, Agregar Nuevo. Y aquí mismo, solo
escribe Google Tag Manager. Este es el plugin que
queremos usar. Así que hagamos clic en Instalar. Ahora, hagamos clic en Activar. Y ahora podemos ir a
ajustes aquí mismo. Y seleccionemos
Google Tag Manager. Y aquí mismo
vamos a necesitar
el ritmo de la idea de nuestro
Google Tag Manager. Así que volvamos a
Google Tag Manager. Volvamos al espacio de trabajo. Y esta es la idea
que quieres copiar. Entonces esta es la idea.
Entonces, seleccionemos este ID y hagamos clic en Copiar. Volvamos a nuestro sitio web y peguemos esta
idea aquí mismo. Y solo asegúrate de
no tener ningún espacio
al inicio de este anuncio y
al final de esta idea. Porque si vas
a tener algún espacio, no
va a funcionar y no
olvides seleccionarlo. Bien, hagamos
clic en Guardar cambios. Ahora vamos a la pestaña de integración. Vamos a elegir WooCommerce, y vamos a seleccionar seguimiento de comercio electrónico
mejorado. Bien, vamos a desplazarnos hacia abajo
y vamos a presionar Guardar cambios. Bien, ahora
vamos a necesitar configurar nuestro Google
Tag Manager para
poder enviar varios
detalles de eCommerce como Agregar al carrito, detalles de
compra,
Vistas de productos, etc. este momento solo está mostrando vistas de
página y
no está registrando varios disparadores de
eCommerce. Entonces para hacer eso,
quiero que te ahorres algo de tiempo y ya tengo
un archivo, así que tienes que descargar un archivo
donde tengo
variables preconfiguradas para que no tengas que
complicarte demasiado con la
calificación Entiendo que esto podría
resultar demasiado confuso, así que lo he hecho por ti. Así que no necesitarías
confundirte demasiado. Así puedes ir a mi grupo de
Facebook y tengo una publicación fija donde
he subido este archivo,
subido este archivo a mi Google Drive, y puedes descargar
este archivo de
mi grupo de Facebook si
ya estás en este grupo, o si no estás en ese grupo, te
recomiendo encarecidamente que te unas a este grupo, pero si no
quieres, Aquí está el enlace,
acorta el y puedes ir a
esta URL aquí mismo. Y aquí es donde
irás a mi Google Drive, simplemente haz clic en Descargar
y vamos a usar este archivo de inmediato. Una vez que hayas
descargado este archivo, tienes que ir
aquí mismo en la pestaña Admin. Seleccionemos Importar contenedor, y vamos a elegir archivo contenedor. Entonces voy a ir a
mi carpeta de descargas, y este es el archivo que
quiero elegir. Bien, hagamos clic en Abrir y elijamos el lugar de trabajo existente Y usemos nuestro lugar de trabajo
que acabamos de crear. Seleccionemos Fusionar, y
hagamos clic en Confirmar bien, ahora si
vamos a ir a la pestaña Etiquetas, como puedes ver, tenemos una nueva
etiqueta que acabamos de subir Si íbamos a disparadores, tenemos activadores de eCommerce, varios disparadores como
Agregar al carrito, compra, vista de
página, ingresar detalles
usando cupón y así sucesivamente. Si iría a variables, estas son todas las variables que
tenemos que
serán utilizadas para rastrear
diversas conversiones. Bien, volvamos a las etiquetas. Seleccionemos nuestra etiqueta
recién agregada. Vamos a hacer clic
aquí mismo configuraciones. Seleccionemos la etiqueta de configuración y escojamos la
etiqueta que creamos anteriormente cuando estábamos
configurando nuestra cuenta de Google Tag
Manager. Y hagamos clic en Guardar. Bien, antes de
enviar nuestros cambios, podemos hacer clic en vista previa y
podemos verificar si esta etiqueta funciona Si todo funciona aquí mismo, tendrás que basar la
URL de tu sitio web. Así que solo pega esta URL
aquí mismo y puedes hacer clic en Conectar. Bien, así que nos
conectamos con éxito a nuestro sitio web. Ahora podemos seleccionar este producto. Digamos, escojamos el estilo y
escojamos la edad. Y veamos si nuestro Google Tag Manager lo está
registrando todo. Así que vamos aquí mismo. Seleccionemos esta opción aquí. Como puedes ver, el Google
Tag Manager está funcionando. Así que vamos a seleccionar esta
opción aquí mismo. Y como puedes ver, está registrando
varios disparadores. Así que hemos visto el
artículo desde el principio, tu lista de artículos,
vista de página y así sucesivamente. Entonces, si volvería a mi sitio web y si hacía
clic en Agregar al carrito, debería registrar otro
disparador Agregar al carrito. Entonces si voy a
volver aquí mismo, como pueden ver, áreas
registrando todo. Entonces Agregar al carrito también se
registró. Así que ahora podemos cerrar
éste de aquí mismo. Como ve aquí mismo. Antes de cerrar,
podemos hacer clic en Finalizar. Bien, vamos a cerrar esta. Todo funciona. Así que volvamos a
nuestro Tag Manager. Ahora podemos cerrar este
y podemos dar clic en Enviar. Bien, hagamos clic en Publicar. Hagamos clic en Continuar. Y ahora todo debería funcionar. Así podemos cerrar esta
ventana aquí mismo. Y básicamente hemos terminado
con nuestro Google Tag Manager. Por lo que ahora puedes ir a tu
sitio web y modo incógnito. Simplemente abre tu sitio web en modo
incógnito, y solo pasa por
tu sitio web, revisa algunas de las páginas, revisa algunos de los productos Y más adelante vamos a
volver a Google
Analytics y
comprobaremos si está
registrando todos los datos, si está obteniendo datos
del Google Tag Manager. Entonces solo voy
a abrir mi sitio web en el modo incógnito Voy a dar click en
algunas de las páginas. Sólo voy a comprobar
si todo funciona. Voy a ir a la categoría de
vestuario. Voy a seleccionar
este producto. Y como puedes ver, nuestra tienda online, se
ve bastante bien. Y sólo voy a
navegar por mi página web. Y una vez que termine, sólo
voy a cerrar
este de aquí mismo. Y ahora puedo
volver a Analytics. Puedo cerrar este y puedo ir a mi página de inicio de
Google Analytics. Y ahora debería
registrar todas las visitas. Bien, Como puedes ver, ahí está registrando
todo y muestra todas las visitas Entonces esas fueron visitas desde sitio web y como puedes
ver, está activo. Y una vez que vas a
empezar a obtener más datos, aquí es donde vas
a ver toda la información. Puedes elegir si
quieres verificar ayer, hoy, 90 días, o cualquier otro periodo
de tiempo aquí mismo, si acudes a reportes, encontrarás varios otros reportes
más detallados. Y una vez más, este
depende de ti para explorar. Y si tienes alguna duda, no
dudes en unirte a
mi grupo de Facebook y simplemente envíame un mensaje y eso te
ayudará enseguida. Como dije, este depende
de ti para explorarlo generalmente las cosas más
importantes para mí. Quiero comprobar cuántos
visitantes estoy recibiendo, dónde
vienen esos visitantes. Entonces, una vez que haga clic aquí mismo, puedo ver eso
aquí mismo en esta gráfica, puedo ver los
ingresos, las ventas, dónde
vienen esas ventas, y toda esa información. este momento no
tenemos ningún dato, pero una vez que vas
a reunir más datos, aquí es donde
podrás comprobar todo. Por lo que Google Analytics es
una herramienta extremadamente útil. Y si quieres hacer crecer
tu tienda online, esto es imprescindible Entonces eso es todo por esta lección.
61. (7.4) hagamos una investigación de palabras clave: Bien, en esta
lección vamos a hacer una investigación rápida de palabras clave para averiguar qué tan bien está funcionando nuestra palabra clave, pero no entrenar
juguete Y tal vez encontremos
una mejor versión de esta palabra clave que podamos usar en lugar de esta
dentro del juguete del tren. Y cuando estás haciendo
una investigación de palabras clave, depende completamente
de ti porque por supuesto vas a
tener diferentes productos. Vas a tener diferentes entradas de
blog y así sucesivamente. Pero esta va a ser
una introducción rápida. Sólo voy a mostrarte
la herramienta que uso yo mismo y te
recomiendo
encarecidamente que la uses también porque no cuesta mucho. Y antes de
entrar en la herramienta de exploración de datos, solo
quería mostrarles que abrir uno de mis competidores. Entonces digamos que acabo de encontrar
una tienda de comercio electrónico que está vendiendo juguetes y tiene bastante
comida y juguetes de tren. Y este es el juguete
que quiero investigar. Este es el juguete. Quiero verificar usando
esa herramienta y después, eso es exactamente lo que
vamos a hacer. Pero antes de hacer
eso, antes que nada, tenemos que acceder a esta herramienta. Una herramienta que me gusta usar
se llama Uber suggest. Entonces solo escribe la búsqueda de Google, Ubersuggest, y así es
como se llama a esta herramienta Entonces, vamos a darle a Enter. Y aquí mismo encontrarás
este Ubersuggest dos. Así que vamos a seleccionar esta
herramienta aquí mismo. Podrás
crear tu cuenta. Si vas a
crear tu cuenta, vas a obtener una
prueba gratuita de siete días. Entonces va a ser
más que suficiente hacer nuestra
investigación básica de palabras clave para
averiguar qué palabras clave son álamo, qué palabras clave son buenas o qué palabras clave
no son buenas en absoluto Entonces en este caso, ya
tengo mi cuenta, así que solo voy a dar
clic aquí mismo iniciar sesión, y solo voy a
iniciar sesión en mi cuenta Una vez que crees tu cuenta y una vez que inicies sesión en tu cuenta, esto es lo que
vas a ver. Tendrás la
oportunidad de agregar tu nombre de dominio y así sucesivamente. Entonces ya conectaré
este nombre de dominio, pero Google Analytics, y
una vez
que crees tu cuenta, también podrás
hacerlo. En mi caso, no puedo hacer esto porque
ya lo hice. Aquí mismo
verás una opción para conectarte con Google Analytics. Es muy sencillo.
Solo vas a necesitar permitir que esta herramienta use tu Google Analytics
iniciando sesión con
tu dirección de correo electrónico. Entonces eso es todo básicamente
va a necesitar hacer. Bien, así que si
voy a desplazarme hacia abajo, esta es la información que obtengo Puedo ver mi tráfico orgánico. ¿Cuál es mi tráfico orgánico? Lo que estoy obteniendo, puedo
verificar esto por dispositivos, dispositivos escritorio
BI,
por dispositivos móviles, tabletas y así sucesivamente. Y aquí mismo tengo
algunas palabras clave que
agregué que quería
comprobar lo bien que estoy clasificando. Y como pueden ver, esta es la cantidad de backlinks que tengo Este es mi puntaje SEO on-page. Entonces, el SEO on-page, como ya
sabes, es todo lo que
haces en tu sitio web Entonces eso es lo que está en tu poder. Entonces, una vez que agregues
tu nombre de dominio, vas a obtener una puntuación de
lo bien que te va. Y en mi caso, le va bastante bien. Tenemos
estimaciones de tráfico y así sucesivamente. Si hiciera clic
aquí mismo, seguimiento de rango, es donde verás lo bien que están clasificando tus palabras clave. Por lo que aquí podrás agregar varias palabras clave haciendo
clic aquí mismo. Y digamos que en mi
caso quiero rastrear palabra clave, no entrenaría juguete. Y entonces vamos a basar
esta palabra clave aquí mismo. Y esta herramienta me permitirá saber qué posición está clasificando esta
palabra clave. Entonces esas son las
palabras clave que estoy rastreando. Y esta va a estar tu decisión porque
por supuesto vas a tener diferentes palabras clave
para que puedas rastrear y simplemente explorar
esto por ti mismo. Normalmente uso solo la primera pestaña aquí
mismo Dashboard solo para verificar rápidamente qué tan
bien está
funcionando mi sitio web o
verificar el seguimiento de rangos. Y aquí mismo puedes
explorar otras herramientas. Pero la herramienta más importante
en esta lección que vamos a explorar va a ser aquí, la investigación de palabras clave. Entonces si voy a seleccionar
esta, como pueden ver, se expande y
tenemos diversas herramientas. Entonces, si voy a hacer clic en resumen de palabras
clave, aquí es donde puedo verificar las palabras clave y como
puedes ver, puedes seleccionar tu ubicación, puedes seleccionar tu idioma. En este caso,
por supuesto, estoy usando el idioma
inglés y la ubicación va a ser Estados Unidos. Entonces aquí mismo
solo voy a escribir mi palabra clave dentro de juguete de tren, y voy a dar
clic en Buscar nueve. Como pueden ver aquí,
obtengo diversa información. Entonces como puedes ver aquí mismo, este es el volumen de búsqueda. En promedio, de una a 900 personas buscan
juguetes de madera cada mes. Y Estados Unidos, una palabra clave
bastante popular. Y como puedes ver, dificultad
SEO. Entonces la dificultad SEO va 1-100
y ahora mismo es 55, está un poco por encima de la media Va a ser un poco difícil clasificar
para esta palabra clave. Como puedes ver, incluso nos da algunas sugerencias para ubicarnos entre
los diez primeros para esta palabra clave. Por lo general, los sitios web tienen backlinks
uno a uno y dominio digno
de seis Eso es muy alto,
sobre todo si
solo estás creando sitios web nuevos. Entonces eso significa que necesitarás
construir algunos backlinks para construir tu autoridad de dominio
y pagar por ello también Como puedes ver,
tenemos algunas sugerencias sobre dificultad pagada. Entonces paga dificultad, es 100s, así que eso significa que es una palabra clave muy
competitiva, si vas
a decidir ejecutar anuncios de Google. Y el costo promedio por clic
es de un séptimo. Así que eso es lo que cuesta
publicar anuncios por un solo clic. No necesariamente significa que esto es
lo que va a costar. Va a costar un poco menos, a veces un poco más, pero
eso es solo el promedio. Y como puedes ver,
el volumen de búsqueda aquí aumenta durante
noviembre, diciembre. Entonces durante el
periodo navideño, obviamente, solo va a ser
mayor volumen de búsqueda. Y si voy a desplazarme hacia abajo, tengo varias palabras clave,
sugerencias, otras sugerencias, tal vez encuentre la palabra clave
que sea menos competitiva y que pueda usar en lugar de usar esa palabra clave que
es bastante competitiva. Así que aquí mismo verás
todas las palabras clave sugeridas Aquí verás Ideas de contenido. Y básicamente esos son solo los otros sitios web que clasifican para esta palabra clave
específica. Y puedes ver cuánto
tráfico están recibiendo por mes y así sucesivamente y cuántos backlinks sí
tienen también Bien, así que si voy
a hacer clic aquí mismo, vea todas las sugerencias de palabras clave Veré todas las sugerencias de
palabras clave y puedo usar filtros. Entonces digamos que estoy
buscando volumen aquí mismo desde 52,000 mensuales Entonces eso significa que estoy buscando desde 52 mil búsquedas mensuales que tiene
esa palabra clave Entonces eso es exactamente lo que
voy a escribir del 50 al 2000. Bien, ahora
voy a hacer clic en Aplicar. Ahora puedo ordenar por la
palabra clave dificultad. Entonces voy a seleccionar esta. No, lo siento, tengo
que seleccionar esta. Puedo seleccionar de la palabra clave menos competitiva a la más
competitiva. Entonces como puedes ver aquí
mismo, tenemos juguetes
de madera para niños de cuatro años. Y no es una palabra clave tan
competitiva, pero no tiene
mucho sentido porque estamos buscando la palabra clave Tren
de Madera. Bien, entonces tal vez
esta palabra clave
sería buena para Categorías Muy, tienes una categoría para cuatro años o algo así o cualquier otra diferente
en tu caso,
claro
que va a ser Pero solo
te estoy mostrando esto como ejemplo. Entonces, como puedes ver, la palabra clave
menos competitiva aquí está dentro del conjunto de juguetes
entrenados. Y como saben, es palabra clave
long-tail, tiene cuatro palabras y
el volumen es 480 A lo mejor no es tanto, pero la dificultad de palabra clave no es tan alta como lo fue con
la palabra clave anterior. Entonces podemos seleccionar esta palabra clave, luego podremos comprobar cómo se ve. Entonces, como pueden ver,
aumenta durante el periodo
navideño. Por supuesto,
así es como funciona. Y depende de ti
explorar esta herramienta tú mismo y decidir qué
palabras clave quieres usar. Práctico así es como hago investigación de
palabras clave con esta herramienta. Yo sólo voy a través de las palabras clave. Una vez que seleccione,
digamos esta palabra clave, pasaré por
otras Ideas de palabras clave. Voy a dar click aquí mismo. Y como pueden ver,
tenemos aún más ideas. Puedo ordenar por
dificultad de palabra clave solo un segundo. Y así es como se ve. Por supuesto que dice cero porque no es una palabra clave
popular. Como puedes ver aquí
mismo, tenemos un juguete genial, no entrenaría set. Aquí hay un errateo. Obviamente, no vas
a clasificar para este
tipo de palabra clave. Pero como puedes ver, así es como puedes hacer una simple investigación de palabras clave para averiguar qué funcionan las
palabras clave. Si tienes una idea de
cómo quieres nombrar tu producto o a qué
palabra clave quieres apuntar. Puedes verificar y ver si
esta palabra clave es popular. Si la gente usa esta
palabra clave
para buscar este tipo de producto o no, esta herramienta es muy conveniente. Puedes usar esta herramienta
así así como te mostré. Y así es exactamente
como uso esta herramienta. Y suelo ubicarme bastante alto
en los resultados de búsqueda de Google. Y me enfoqué en
optimizar mi contenido, mis productos, mis entradas de blog. Si estoy escribiendo
entradas de blog, claro, y en lección posterior te
mostraré lo que hago para optimizar
el producto. Bien, así es como haces una investigación regular de
palabras clave ensamblar cuando
tienes una idea de cómo quieres llamar
a tu producto Pero si no sabes cómo llamar
a tu producto, puedes encontrar a tus competidores. Entonces en este caso, este
es mi competidor. Voy a copiar esta URL y voy a volver a la herramienta
Ubersuggest Y voy a ir justo aquí. Y estimación de tráfico, si
voy a dar click aquí mismo, resumen de
tráfico, puedo comprobar cuántas visitas está recibiendo esta
URL. Así que voy a pegar
esta URL aquí mismo, y voy a hacer clic en Buscar. Bien, como puedes ver,
este producto está recibiendo alrededor de 500 visitas mensuales Se encuentra en su ranking por 291 palabras clave para varios
tipos diferentes de palabras clave. Esta página no
tiene un alto para
ello, se acaba de ir a la libre. Tiene sólo un backlinks y
es el ranking muy alto. Y por lo general la razón por la que
dicha página tiene un ranking tan alto es porque el dominio
en sí es muy poderoso. Tiene un alto
puntaje de autoridad de dominio y tiene mucho tráfico y es solo un dominio
confiable, un sitio web confiable. Si vas a desplazarte hacia abajo, vamos a ver por qué
palabras clave está
clasificando este producto y vamos a ver cuántas visitas están recibiendo esas
palabras clave. Entonces en este caso, tiene incluso
una palabra clave de marca, tren de datos. Y como puedes ver, el volumen no es tan alto, pero esta es una palabra clave de marca. Es muy potente,
y eso significa que este sitio web es bastante popular. Entonces, como puedes ver, está
clasificando en primer lugar. Para los juguetes entrena su ranking
en el tercer lugar. Y como puedes ver, cuántas visitas está recibiendo cada lugar. Si me gustaría dar clic aquí
mismo para comprobar todas las palabras clave para las que se encuentra
este producto en la clasificación. Puedo comprobarlo todo. Puedo ordenar todo por
la dificultad de palabras clave. Una vez más, si
voy a dar click justo aquí solo un segundo. Como pueden ver, puedo ordenar
por la palabra clave dificultad. Entonces como puedes ver,
entrenar con tractores, Tal vez sea una buena
palabra clave si tienes un producto similar
y como puedes ver, tiene un volumen alto y
tiene una dificultad de palabra clave menor. Entonces básicamente así es como funciona la investigación de
palabras clave. Si tienes una idea de cómo
quieres nombrar tu producto, solo
tienes que pasar por
esta herramienta para comprobar si esta palabra clave que estás planeando usar es
popular en absoluto. Si la gente usa esta palabra clave
para buscar productos o no. Si la gente no
usa esta palabra clave, puedes probar diferentes versiones. Puedes probar varias sugerencias. Si no encuentras
ninguna sugerencia, puedes intentar
espiar a tus competidores. Y de esta manera
podrás averiguar qué palabras clave funcionarían
para tu producto. Y mi caso, no entrenaría
juguete va a funcionar bien. A lo mejor podría cambiar el nombre de esto
a un juego de corbata de tren de madera, pero solo voy a
ir pero no intentaría
atar y solo voy a
dejarlo así así. Pero solo quería
mostrarte cómo funciona
la investigación de palabras clave para poder cerrar a todos
esos vendedores. Y básicamente eso es
todo por esta lección. Ahora sabemos cómo funciona la investigación simple de
palabras clave
62. (7.5) optimizamos tu contenido: En esta lección, te
voy a mostrar la
fórmula mil que utilizo para
optimizar los productos Ml. Entonces este es el producto de tren de
juguete de madera, y obviamente, la palabra clave que me estoy enfocando es Tren
de madera Ty info. Es bastante competitivo. Decidí usarlo solo
para mostrarte como ejemplo. Si voy a hacer clic aquí
mismo, dit producto, vamos a asegurarnos de que tenemos
todos los requisitos en su lugar. Entonces lo primero cuando
estás trabajando en tu producto, cuando lo estás optimizando, claro, quieres incluir tu palabra clave principal al
inicio de tu título. Entonces en mi caso, es juguete de tren
de madera. Y si yo decidiera
agregar algo aquí mismo, Juguete
de tren de madera con una cuerda
o algo así. Esto no contará como un keyward. Mi palabra clave es juguete de tren de madera. Así lo puedo
dejar así. No necesito
agregar nada más. Pero si vas a necesitar agregar algunas palabras más a tu producto, solo asegúrate de que tu palabra clave esté al principio
del título. Entonces esto está en su lugar. Tenemos nuestra palabra clave
en el título. También tenemos nuestra palabra clave en la URL de nuestro
producto aquí mismo, lo cual también es muy importante. Pero no hablé esto al inicio
de la sección porque cuando le das el título a tu
producto con una palabra clave, suele agregar esa palabra clave
a tu URL porque
hicimos ajustes de enlaces de perma cuando estábamos trabajando con
la configuración de Wordpress Entonces tenemos nuestra palabra clave en el título. Tenemos nuestra
palabra clave en URL aquí mismo. Entonces eso es genial. Y aquí mismo, tenemos nuestra palabra clave
en la descripción. Como esta descripción
es bastante breve, son sólo 100 palabras. También incluí esta palabra clave
dos veces en mi descripción, pero por lo general recomiendo
escribir descripción de alrededor de 200 palabras,
funciona mejor. Y como pueden ver, incluí mi palabra clave principal en el
inicio de mi descripción. Entonces en la primera oración,
como pueden ver, dice introducir
el juguete del tren de madera. Entonces tenemos este cheque. nuestra palabra clave al principio
de nuestra descripción, y si vas a seguir
leyendo esta descripción, encontrarás que
hay un lugar donde podríamos
incluir nuestra palabra clave. Entonces aquí mismo, este tren. Entonces, en vez de decir este tren, podríamos decir que este
no entrenará juguete. Sólo voy a
escribir aquí mismo, este juguete de tren de madera Como puedes ver
ahora mismo, tenemos nuestra palabra clave principal en la
descripción dos veces, y la tenemos aquí mismo, y la tenemos al principio de nuestra descripción,
lo cual es genial. Como te mencioné antes, tu descripción debería
ser de alrededor de 200 palabras. Entonces terminamos con esa parte. Y ahora tenemos que
asegurarnos de que tenemos nuestra palabra clave en la
foto de nuestro producto. Entonces esta es nuestra imagen destacada, si voy a
seleccionar esta imagen. Como pueden ver, tengo el título de esta imagen juguete de tren de madera, y en textos, también incluí este juguete
de tren de madera. Entonces eso es lo que también quieres hacer con tu
imagen destacada. Y eso es muy importante. Así que no olvides
incluir tu palabra clave en el título de tu imagen y también
en el texto antiguo. Si escogiera
otra imagen que es la parte de nuestra galería de imágenes, como pueden ver, incluí variación
un poco diferente de esta palabra clave, solo tren de madera. No quiero ser spam, así que así es como hago las cosas, y normalmente funciona Y es sólo tren de madera. Y en realidad este viejo
texto describe la imagen. Ese es en realidad el
propósito del texto. Si tu imagen no se carga, verás un texto, tus clientes, tus visitantes verán un texto
en lugar de una imagen. Ese es el propósito del texto antiguo. Entonces lo hemos hecho. Hemos incluido la
otra variación de palabra clave en
las imágenes de la galería de
productos. Si escogiera esta imagen, como pueden ver, incluí juego de juguetes
de tren de madera. Entonces incluí una variación un poco
diferente. Todavía se podría decir que esta es
la palabra clave que pretendemos. Tiene juguete de tren de madera, pero en lugar de eso, incluimos juego de juguetes
de tren de madera. Eso es bueno. Justo aquí, acabo de decir
en Wooden train Coach, solo para describir esta imagen, ya que no quiero ser
demasiado spam con mi palabra clave Aquí mismo, incluí piezas de
juguete de madera porque una vez más, no
quiero ser spam, y aquí hice lo mismo Entonces, podemos cerrar esta. Entonces tenemos nuestro keyward en imagen. Tenemos algunas
variaciones diferentes en galería de
productos, lo cual es genial. Aquí mismo en Focus keyward, podemos escribir nuestro
keyard de enfoque para verificar qué tan bien nos va
con este producto Sólo voy a
escribir mi juguete de tren
de madera con llave , y
voy a darle a Enter Bien, como
pueden ver, tenemos la marca amarilla, y es buena. No estamos obteniendo
mejor puntuación
porque nos está recomendando
escribir 600 palabras, pero no te preocupes por eso Es solo enfocarse en la publicación del blog. Y cuando
escribes descripciones, descripciones productos, 200 palabras más que suficientes.
Entonces eso es bueno. A pesar de que obtuvimos
67 de 100, esa es una muy buena puntuación, y deberíamos estar bien con eso. Entonces básicamente, así es como
optimo mis productos. Y además en etiquetas de producto, incluyo juguete de madera, como pueden ver, tengo etiqueta de
juguete de madera, y tengo tren. Entonces suelo ir con
esas variaciones porque sé que podría tener
más productos en el futuro, eso va a ser juguetes de madera, y podría tener
algunos otros juguetes, juguetes tren, pero esos juguetes
pueden no ser trenes de madera. Por lo que incluyo tren
así como un impuesto separado. Pero no hace falta que te
sobreconcentres en los impuestos. Así es como me gusta hacer, y depende de ti
explorar esos escenarios,
esas opciones. Y ahora podemos subir, y vamos a repasar las
cosas una vez más. Así que no olvides incluir tu palabra clave principal después de haber realizado tu investigación clave en
el título de tu producto En la URL, se va
a
incluir automáticamente si lo vas a
incluir en tu título. Y no olvides incluir tu palabra clave unas dos
veces en la descripción, y no olvides incluir tu palabra clave en la imagen
destacada e incluir tus variaciones de esta palabra clave y galería de imágenes
del producto. R aquí. Como puedes ver, así
es como va a quedar, y no vas a
necesitar hacer ningún cambio el fragmento del meta
título o meta descripción, si vas a hacer
todo aquí mismo Para que podamos hacer clic fecha Si podemos hacer clic en ver Producto
y básicamente eso es todo. Así es como optimizas
tus productos. Solo ten en cuenta que
debes apuntar a palabras clave
menos competitivas
porque tu sitio web es fresco, no tiene ningún
enlace de retroceso ni nada por el estilo, y quieres apuntar a las palabras clave que tengan
menos competencia. Eso es todo por esta lección.
63. Resumen de la Sección 7: Y ya terminamos
con la sección SEO. Entonces esta sección era como un
curso completamente separado y el curso. Entonces ahora ya sabes lo que es el SEO, la optimización
de motores de búsqueda. Sabes cómo funciona, sabes cómo hacer investigación de
palabras clave, cómo optimizar tu contenido, tus productos y cómo usar
herramientas para entender el tráfico que está llegando a tu sitio web. Eso es muy importante
si quieres
crear una tienda
online exitosa, tienes que entender cómo los
visitantes usan tu sitio web. ¿Cuáles son las páginas más populares, qué palabras clave
te traen más tráfico? Y claro, el SEO es sumamente importante
si quieres que esas ventas gratuitas lleguen a tu sitio web y si
empiezas a conseguir ventas gratis , ventas
orgánicas, eso
significa que si
vas a empezar a
publicar anuncios pagados va a funcionar también. Si vas a conseguir ventas de
reventas del Google, confía en mí, una vez que
vas a empezar
a publicar anuncios va
a funcionar aún mejor Pero ahora sabes cómo funciona eso,
sabes cómo funciona toda la parte de
optimización,
cómo funciona el SEO on-page,
sabes sobre el SEO fuera de la página,
y esa es una
base sólida en SEO y esa es una
base sólida en Entonces enhorabuena por eso. Ahora bien, ¿qué es el SEO,
cómo funciona? Y esto te va a ayudar
a conseguir esas ventas orgánicas,
las ventas gratuitas a tu sitio web. Enhorabuena por eso.
64. (8.0) Introducción al blogging: Bien,
comencemos a hablar bloguear en tu tienda de
comercio electrónico Entonces ya
hablé de esto en otras lecciones, como que te dije que escribir publicaciones de blog en tu
tienda de comercio electrónico es una buena práctica. Podrías atraer más
visitantes a tu sitio web, y puedes esperar
más clientes. Por lo general, muchas tiendas de
comercio electrónico hacen eso, también lo hacen. Entonces, por ejemplo, si
decidiera que quiero
escribir entradas de blog con
esta tienda de Ecommerce, es
decir en niños Toys Nnish, podría escribir esas
publicaciones de blog sobre ideas de regalos para,
digamos, niños de cuatro años o seis años o
algo así. Enseñanza tesori y todos los demás
tipos similares de puestos de bloque Y si hicieras
una investigación de palabras clave, mirando a través de este
tipo de keywards, encontrarías que esos
keywards son bastante populares Y para agregar un producto con una idea de regalo de título
para un niño de 4 años, solo quiero trabajo y para aprovechar este keyward
de este popular keyward, digamos, podrías
escribir una Entonces, para comenzar a escribir publicaciones de blog, necesitarás crear
tu página de bloqueo, y luego necesitarás crear categorías para tu publicación en bloque. Entonces comencemos con la
creación de nuestra página de bloque. Entonces vayamos al tablero. Vamos a todas las páginas, o en lugar de ir a todas las
páginas, hagamos clic en Agregar nuevo. Demos un blog de título
y hagamos clic en Publicar. Hagamos clic en Publicar
una vez más. Volvamos, y
ahora tenemos que
configurar esta página para que
sea nuestra página de blog. Para ello, tenemos que
ir a ajustes. Seleccionemos la lectura, y en sección de la página de
publicación
aquí mismo, elijamos blog. Y vamos a golpear guardar cambios. Bien, entonces tenemos lista
nuestra página de bloques, y ahora podemos comprobar y
ver cómo va a quedar. Así que vayamos a todas las páginas. Y como puedes ver, el blog
ahora está configurado para ser como página de publicación. Entonces podemos hacer clic en ver, y como puedes ver aquí mismo, tenemos algunas publicaciones de bloque. Así que aquí encontrarás
todas las publicaciones de bloque. Entonces como pueden ver, ahora mismo, sólo
tenemos dos puestos de bloque. Aquí mismo tenemos una barra lateral. Entonces así es como se ve esta barra
lateral. Se ve bastante desordenado, así que nuestra próxima prueba será
arreglar esta barra lateral aquí mismo Normalmente me gusta mostrar
las últimas publicaciones, las publicaciones recientes y
las categorías también. Pero ahora mismo no tenemos
ninguna categoría creada. Entonces, antes de trabajar
en nuestra barra lateral, deberíamos crear algunas
categorías para nuestras publicaciones de bloque. Entonces para hacer esto,
volvamos al tablero. Y claro, esta depende completamente de ti, qué tipo de categorías
quieres tener. Normalmente tengo alrededor de
cinco categorías, pero en esta lección, solo
voy a mostrarte cómo crear
dos categorías. Y aunque si
vas a tener menos categorías, realmente no
cambia nada. Porque por lo general me gusta usar publicaciones de
blog para proporcionar información
útil y útil para
mis visitantes, para los lectores. Y de esta manera puedo
construir mi confianza, y de esta manera también puedo
esperar que consiga más clientes más
adelante a lo largo de la línea, porque mis futuros clientes estarán familiarizados
con mi sitio web. Entonces así es como utilizo los blogs. Ejemplo, tengo una
tienda de comercio electrónico donde vendo juguetes para gatos, gatos, productos
para amantes de los gatos. Y en este sitio web y blog, tengo bastantes
categorías con diversos consejos, razas, sugerencias, contenido
entretenido, etc. que generalmente me gusta
brindar a mis visitantes información útil de la
que puedan beneficiarse. Todo bien. Entonces así es
como utilizo los blogs. Ahora, como que tienes una idea de
cómo puedes usarlo también. Entonces, antes de irnos, vamos a crear nuestras categorías. Entonces, para crear categorías, tenemos que ir a posar, y hagamos clic en categorías. Como puedes ver por defecto, tenemos una categoría que
se llama uncategorized, y no podemos eliminar
esta categoría, ya que está creada por defecto, es solo la forma en que funciona, no
podemos eliminar esta
categoría porque WordPress tiene que tener al
menos una categoría, y suele estar sin categorizar. En lugar de buscar formas de
eliminar esta categoría, podemos editarla aquí mismo. Vamos a hacer clic. Edición rápida, y sólo voy a dar
nombre y a la escoria igual. El trineo va a
ser lo que vamos a ver en la URL de esta categoría A éste voy a llamar
a Montessori, y voy a dar clic en
Actualizar categoría En la categoría Montessori,
voy a publicar varias entradas de blog sobre enseñanzas
Montessori, métodos, y tal vez voy a
publicar una lista de diez juguetes,
diez ideas de regalos Montessori o juguetes o Y en esta entrada de blog, voy a incluir
mis productos. Sólo voy a
exhibir mis productos. Entonces así es como también puedes
aprovechar los blogs. Entonces la siguiente categoría
que voy a crear se va a
llamar Ideas de regalo. Todo bien. Hagamos clic en
Añadir nueva categoría. Y maravilloso. Ahora tenemos
dos categorías listas. Y si íbamos
a todas nuestras páginas, solo vamos a abrir en una nueva pestaña, y solo voy a querer
revisar mi página de bloqueo. Quiero ver cómo se ve. Entonces como puedes ver ahora en vez de tener aquí mismo en categoría
categorizada, tiene Montasori, esta
va a ser la categoría
por defecto Y ahora mismo, como te
mencioné antes, deberíamos encargarnos de
esta barra lateral de aquí mismo. Entonces, para arreglar esta barra lateral, vamos aquí mismo, y vamos a la pestaña de apariencia. Seleccionemos widgets. Y esta barra lateral fue
creada usando widgets. Bien, sólo un
segundo. Todo bien. Entonces esta es la
barra lateral. Como pueden ver cuántos widgets tiene, y voy a
eliminar este. Y en realidad, voy
a eliminar todos estos, excepto que voy a
dejar este post reciente, y voy a mover
categorías por encima de los posts recientes, y me siento
así, debería quedar bien. Entonces lo que voy
a hacer ahora mismo, voy a eliminar todos
esos bloques aquí, y solo voy a dejar
categorías y publicaciones recientes. Bien, acabo de terminar quitar los bloques que no
voy a usar, y así es como va a quedar mi barra lateral
ahora. Por supuesto, puedes probar algunos
otros widgets aquí mismo. Si quieres, puedes
usar cualquiera de esos, arrastrarlos a donde quieras, y este depende de ti,
pero por lo general me gusta que
todo sea sencillo. Ahora vamos a nuestra página de bloqueo, y vamos a actualizar esta página. Y como puedes ver, es bastante simple buscando barra lateral. Así es como va a quedar. Si no quieres
tener la barra lateral, puedes desactivarla
si vas aquí
mismo y si seleccionas
el diseño del blog. Como recuerdas en
una lección cuando
estábamos hablando de opciones
de personalización. Te dije que puedes hacer
diversos ajustes a maquetación, pero antes que nada,
debes tener un blog. Así que aquí mismo como pueden ver, estoy en mi blog opciones de
personalización, y si me iría aquí mismo. En esta sección, puedo
cambiar el layout. Si iba a ir aquí mismo, solo post, también puedo cambiar
el diseño. Este depende de ti si
quieres hacer algunos cambios, pero por lo general me gusta
mantenerme como es. Yo sólo quería
mostrarles que
es posible hacer algunos cambios. Todo bien. Entonces ahora mismo
tenemos listo este bloque como que. Y lo siguiente
que tenemos que hacer, tenemos que mostrar
este bloque en alguna parte, para que nuestros visitantes, nuestros clientes
puedan acceder a nuestro blog. Entonces depende de ti donde
quieras incluir tu página de bloqueo, puedes incluirla
aquí mismo en tu pie de página, o puedes incluirla aquí
mismo en tu menú. Entonces, en este caso, vamos a incluir nuestra página de bloqueo en nuestro menú, y vamos a
crear un menú desplegable con categorías. Entonces para ello, queremos
ir al dashboard, y vamos a practicar por última vez trabajando con menu. Así que vayamos a la apariencia. Seleccionemos menú,
y aquí mismo, este es nuestro menú principal. Entonces, ahora mismo, escojamos
solo un segundo enlace personalizado. Entonces nuestro enlace personalizado va
a ser nuestra página de bloqueo. Entonces aquí mismo, podemos escribir texto. Va a ser blog. Y
aquí sólo voy a pegar la URL de la página de mi blog. Todo bien. Ahora puedo
hacer clic en agregar dos menú. Y quiero que este
sea el último, así que ahí es exactamente donde
se supone que debe estar. Y ahora podemos ampliar
categorías, derecho. Así que tenemos ver todo Y aquí mismo, podemos
ver nuestras categorías, nuestras todas las categorías de nuestro bloque. Así podremos seleccionarlos ambos
y podemos dar click en dos Menú. Bien, así que ahora quiero hacer este elemento de blog
un menú desplegable. Entonces voy a mover
este a la derecha, y voy a mover a Montesori
a la derecha también Puedo cambiar de lugar y hagamos clic en Guardar menú. Todo bien. Podemos regresar. Ahora ya podemos cerrar esta pestaña. Y aquí vamos. Tenemos
nuestro blog en su lugar. Entonces, si pasara el cursor sobre blog, como pueden ver, puedo
elegir cualquier categoría que quiera Si hiciera clic en
el blog en sí, voy a ir
a la página del blog. Y si voy a pasar el
cursor sobre blog, como pueden ver, puedo
seleccionar la categoría Montessori Entonces esta es la categoría
Montessori. Se ve
igual porque solo
tenemos una categoría
con dos entradas de blog. Si seleccionara ideas para regalos, no
tenemos ninguna publicación de bloqueo. Entonces así es como se
ve ahora mismo. Así que así,
puedes crear una página de bloque para tu sitio web. Entonces eso es todo por esta lección.
65. 8.1 la investigación de palabras clave y la optimización de contenidos: En esta lección
vamos a hablar sobre la investigación de palabras clave y las formas optimizar tu publicación en bloque para obtener los mejores
resultados posibles, especialmente si tu
sitio web es fresco y entiendes cuando
tienes un sitio web nuevo, es un poco difícil
obtener este tráfico orgánico y cuando estás escribiendo
publicaciones de blog o agregando productos, debes buscar
palabras clave que
no sean tan competitivos como otros, y que tengan algún
volumen de búsqueda, alguna búsqueda, volumen
mensual, como 200, 100 o algo así. Derecha. Entonces, ¿cómo hacer una
investigación de palabras clave para tu publicación en bloque En realidad es lo mismo que investigar para
tus productos. En realidad es algo idéntico. Entonces voy a ir a herramienta Sugerir
Uber,
y como pueden ver, esta es la misma
herramienta que utilizamos para hacer una investigación de palabras clave
para nuestros productos. Bien, así que vayamos
a la investigación de palabras clave. Podemos comenzar con la
palabra clave sobre usted. Entonces, como pueden ver, ya escribí una palabra clave,
una palabra clave sobre eso Estoy planeando
escribir una publicación de bloque, y la palabra clave va
a ser Método Montessori Así podría escribir una publicación en bloque método
Montessori, dash, todo lo que necesitas
saber, o podría
nombrarlo todo sobre el método
Montessori nombrarlo todo sobre el método
Montessori Pero el mejor de los casos es incluir tu palabra clave al
inicio del título, porque ahora mismo
estamos hablando de la parte de
optimización. Entonces, si puedes, si es
posible para ti, el mejor de los casos es
incluir tu palabra clave principal, la frase al
principio del título. Eso también es muy importante. Pero si no puedes hacer eso, no te preocupes no te preocupes
por eso demasiado. Se puede incluir en la mitad de la oración, todavía
va a funcionar. Pero este es el
mejor de los casos. Todo bien. Entonces ahora podemos comprobar qué tan bien
está funcionando este teclado. Como puedes ver, tenemos
un volumen de búsqueda promedio, 3,600 búsquedas
mensuales en promedio, y eso es bastante bueno.
Eso es bastante alto. Y la dificultad de SCO
es bastante alta. 49 de cada 100 es bastante
alto, y aquí mismo, tenemos alguna información
que dice que en la
posición de los diez primeros para clasificar, deberías tener
tantos backlinks Tu dominó de 40
debería ser de al menos 55, pero no
necesariamente significa que estos sean los requisitos reales. Estas son solo predicciones. Derecha. Pero como puedes ver, ya por el puntaje de
dificultad SCO, puedes ver que esta palabra clave
es bastante difícil de sonar Y si voy a
escribir una entrada de blog, no
significa que voy
a conseguir mucho tráfico, porque lo más probable es que no
voy a
terminar en una primera página de resultados de búsqueda de
Google. Y para estar ahí, voy
a necesitar construir algunos backlinks para
llegar a otros sitios web poder publicar
algunos posts de adivinación Entonces es un proceso largo. Pero tal vez podamos
encontrar una palabra clave menos competitiva. Y si me voy a desplazar hacia abajo, veamos qué
tenemos aquí mismo. Entonces en ideas de palabras clave, solo
voy a
expandirlas todas. Como puede ver, tenemos
varias otras ideas. Aquí mismo, Método Montessori de materiales didácticos, Esta va a
ser bastante difícil trabajar porque
ni siquiera tengo ideas, cómo podría bombear una entrada de blog
hablando de este tema. Así que sólo voy
a saltarme esta. Todo bien. Éste, el Método
Montessori El volumen de búsqueda es bajo, pero no significa
necesariamente que solo 70 personas busquen cada
mes desinformación Por lo general, el volumen
es mucho mayor. Estas son solo predicciones. Estos son solo los números, y no significa necesariamente que si tu
volumen de búsqueda es bajo, no
deberías
enfocarte en ese teclado porque tiene un volumen de búsqueda
bajo. Ahora bien, si tiene dificultad baja, y no va a ser tan difícil clasificar a este keyward También debes enfocarte en
estos de menor volumen hacia la llave. Porque por supuesto, tu sitio web es fresco o el
nombre de dominio es fresco. No tienes una alta autoridad
de dominio. Quieres enfocarte en keywards menos
competitivos, y por lo general esos keywards
tienen menos volumen Muy bien,
Método Montessori crianza de los hijos. A lo mejor podría escribir una entrada en el
blog Método Montessori parentalidad, todo lo que necesitas
saber o todo lo que necesitas saber sobre la crianza de los hijos del Método
Montsori. A lo mejor este podría
ser un gran tema, y tal vez pueda
usar esta palabra clave. Voy a seleccionar esta
palabra clave aquí mismo. Y a lo mejor podría escribir un post de
bloque sobre este tema. Entonces ahora sé que solo recibe alrededor de 70 búsquedas mensuales. No tiene una dificultad
alta, y lo más probable es que pueda
terminar en la primera página
de la Búsqueda de Google. No es mucho tráfico,
pero es algo. Y cuando seas nuevo, deberías comenzar con teclados menos
competitivos Y a medida que pasa el tiempo, medida que creces, a medida que crece la autoridad de tu
dominio, puede apuntar a palabras clave más
competitivas. Y como te mostré en una de las lecciones
donde te mostré cómo trabajar con Google Search Console tal y como la viste
tú mismo. En mi situación, estoy una
especie de ranking en posiciones
muy altas con
unas palabras clave muy competitivas que son extremadamente competitivas. Entonces básicamente me
pasó porque mi sitio web está ahí afuera
desde hace bastante tiempo. Llevo seis años ejecutando este
sitio web, y ya reuní
algunos backlinks Mi dominio tiene una autoridad
superior, y puedo clasificar más alto usando palabras clave
más competitivas. Entonces, cuando estás fresco, cuando recién estás comenzando, puedes elegir palabras clave menos
competitivas, y puedes empezar a
trabajar con ellas,
porque aún tienes que
aprender a bombear contenido, eso no es tan competitivo, pero si lograrás
dominar este oficio este arte de bombear contenido que es menos competitivo y
te clasificarás alto. Ese es un gran comienzo. Ese es un
comienzo fantástico para ser honestos. Entonces esta va a ser
la palabra clave que
voy a usar,
Método Montresoro parentalidad, y el título de mi entrada de blog va a ser todo lo que necesitas saber sobre la
crianza de los hijos del Método
Montresoro o Y en este caso, claro, es un poco
difícil incluir esta palabra clave al
inicio de la oración. Pero una vez más,
no es un tema enorme. Puedo incluirlo básicamente
en cualquier lugar que quiera. Y en todo caso, este keyward no es
tan competitivo Todo bien. Veamos
qué más tenemos. ¿Qué otros competidores
tenemos aquí que
están usando este keyward Bien, como
puedes ver aquí tenemos un poste de bloque que es criar bebé usando el
método Montresor parentalidad Bien, tal vez esa también sea
una buena idea de publicación de bloque. Si voy a abrir
esta en una nueva pestaña, veamos cómo se ve. Derecha. Como pueden ver,
así es como se ve. Es un libro o
algo así. Pero sí, así es como se ve. También puedes intentar
escribir una publicación de bloque, una publicación bloque
similar a tus competidores aquí mismo
escogiendo de ideas de contenido. Puede probar varias
formas diferentes de bombear contenido. Entonces esta una
vez más depende de ti. Aquí es donde
puedes ser creativo. Y vamos a ejecutar esta URL aquí
mismo a través nuestra herramienta de sugerir Uber
para verificar qué otras palabras clave
está variando. Entonces, si voy a ir
a estimación de tráfico, voy a seleccionar resumen de
tráfico, y voy a pegar
la CRL aquí mismo, y voy a hacer clic en Buscar Vamos a verificar
qué otras palabras clave está clasificando
esta página. Todo bien. Está clasificando para 15 palabras clave, y veamos cuáles son esas
palabras clave. Todo bien. Quizás aquí mismo,
vamos a encontrar algunas otras ideas de palabras clave que podamos usar para
escribir nuestro contenido. Bien, aquí mismo como puedes
ver a Mami y a mí Montessori. Es bastante confuso. No nos enfoquemos en éste. Si voy a
seleccionar para ver todos, veamos todas las palabras clave. Como puedes ver, esta
es la palabra clave, Montessori Recién nacido para infantes Como puedes ver, aquí mismo, tenemos varias ideas de palabras clave
diferentes que también podemos usar
para escribir contenido. Mamá y Montessori
Montresori método de sueño, como puedes ver,
tenemos bastantes otras ideas
de palabras clave de Entonces así es como suelo
hacer una investigación de palabras clave. Normalmente empiezo con la frase amplia de la palabra clave aquí mismo
en la investigación de palabras clave. Voy a través de las sugerencias, voy a través de las otras palabras clave
distintas. Después reviso ideas de contenido. Entonces si encuentro algo interesante como
este de aquí mismo, copio la URL de
esta página de la publicación de bloque, y la
pego aquí mismo en estimación de tráfico
y resumen de tráfico, y verifico qué otras
palabras clave está clasificando esta página, y entonces tal vez voy a encontrar algunas otras palabras clave
interesantes. Entonces como pueden ver,
así es como funciona. Simplemente vas a través de
las palabras clave. Intentas seleccionar las
palabras clave que sean menos competitivas que
tengan cierto volumen, algún volumen de búsqueda, y por las
que puedas clasificar. Y cuando estés
optimizando tu contenido, no
olvides que tienes que incluir tu palabra clave principal en el título de tu entrada de blog
en la URL de tu entrada de blog. Entonces, si vas a incluir
tu palabra clave en el título, se
incluirá automáticamente también se
incluirá automáticamente en la URL. ¿Hay que incluirlo
en la descripción del método dos? Pero si vas a
incluir esta palabra clave principal en la primera oración de tu entrada de blog al menos en el primer
par de oraciones, entonces
se va a
incluir automáticamente en la descripción del método. En cualquier caso, ¿es muy
importante incluir tu palabra clave en el primer
par de oraciones? Cuando escribes
tu entrada de blog, esto es parte de
optimizar tu contenido. Tienes que incluir
tu palabra clave en el primer par de
frases de tu entrada de blog Entonces cuando estés escribiendo
tu publicación de bloque, digamos que tu
publicación de bloque va a ser de 800 palabras,
algo así. Entonces probablemente
quieras mencionar la palabra clave alrededor de las ocho
veces, algo así. Después de haber incluido
su palabra clave ocho veces, lo siguiente
que tiene que hacer, tiene
que agregar una
imagen destacada para su publicación de bloque. Después,
te voy a mostrar cómo se hace eso. Pero una vez que agregas la imagen destacada, también
quieres incluir
tu palabra clave principal en el texto y luego el
título de la imagen, como lo hicimos cuando
estábamos trabajando con productos, cuando vas a
agregar algunas otras imágenes tal como lo hicimos cuando
estábamos trabajando con productos,
cuando vas a
agregar algunas otras imágenes
en tu publicación de bloque también, puedes incluir algunas otras
variaciones de la palabra clave que también se puede relacionar con
tu contenido. Así es como se. Entonces, básicamente, ahora estás
un poco más familiarizado con la idea de cómo hacer una investigación de
palabras clave cuando estás escribiendo publicaciones de blog.
66. 8.2 Escritura de mensajes de blog: Esta lección, te voy
a mostrar cómo
agrego entradas de blog a mi sitio web. Entonces, si iría a Google
Docs, como pueden ver, tengo mis publicaciones de blog listas, y por lo general me gusta usar Google Docs para
escribir mi entrada de blog. No en todos los casos, yo mismo
escribo publicaciones de blog, a veces compro de
fibra a freelancers Y así es como suelo
hacer esas publicaciones de blog en Google Docs, y simplemente es más conveniente. Entonces, como pueden ver aquí mismo, tengo
lista mi entrada de blog. Este es el título. Y como pueden ver, incluí mi palabra clave al
inicio del título. Y así es como se ve. Tiene encabezamientos, y básicamente, mi entrada de blog está lista Así que simplemente puedo seleccionar
mi entrada de blog aquí mismo, y solo voy a copiarla. Bien, sólo voy
a copiar mi entrada de blog, y voy a
ir a mi página web. Iré al panel de control, y en la pestaña Publicar, voy a dar clic en
Agregar Nuevo. Todo bien. Voy a eliminar este
bloque porque no necesito
este bloque porque necesito un bloque de párrafo
en lugar de un bloque HTML. Justo aquí, sólo voy
a pegar mi contenido. Y como pueden ver, así es
como se ve. Todo bien. Ahora necesito agregar el título. El título está justo aquí. Una vez más, sólo
voy a copiar mi título. Así es como me gusta
escribir mis títulos, y lo voy a
pegar aquí mismo. Como puedes ver, así
es como se ve, y la mayoría de las palabras
tienen
mayúsculas, así es como funciona. Y si vas aquí mismo, encontrarás varios bloques que puedes usar
en tu entrada de blog. Por lo general, cuando estoy escribiendo entradas de
blog, solo usa imágenes ,
párrafos, encabezados, y los espacios, este
de aquí Por lo general, esos son
más que suficientes, pero si quieres
explorar otras cuadras, depende de ti echarles un
vistazo, así que no dudes en
explorar otras cuadras. Tal vez
encuentres algo que también te gustaría usar. Y además de eso, también
utilizo tabla de contenidos
por matemática de rango. Derecha. Entonces lo primero es
lo primero, cuando estoy agregando mi entrada de blog, por lo general
me gusta ir
aquí mismo para publicar en lugar de bloquear. Cuando hago clic aquí mismo post, hago cambios a
toda la publicación en sí. Entonces las cosas que hago aquí mismo, agrego mi imagen destacada. Entonces mi imagen destacada
va a ser esta. Ya agregué algunas imágenes. Y como te mencioné antes, en el texto antiguo, voy
a incluir mi palabra clave principal. Entonces aquí mismo, voy a
incluir mi palabra clave principal, y en el título, también, voy a incluir
la misma palabra clave. Todo bien. Como
pueden ver, incluí mi teclado principal en el texto antiguo y también en
el título, y voy a hacer clic en
Establecer imagen destacada. Ahora he destacado imagen
para esta entrada de blog. Todo bien. Entonces
terminamos con esta parte. Ahora tenemos que seleccionar nuestra
categoría. Apenas un segundo. Y la categoría que voy a seleccionar va a ser
obviamente Montessori Y en el texto, voy a incluir el Método Montessori
y Montresori Todo bien. Como puedes ver
así es como se ve, y como recuerdas impuesto, destinado a describir tu
contenido en palabras clave cortas. Entonces, si vas a
tener algún contenido similar, tal vez vas a tener piezas de contenido un poco diferentes donde también vas a
hablar de Montosur o del método Montosur, también puedes incluir las
mismas etiquetas Entonces así es como funciona la etiqueta. No ayudan mucho, pero sigue siendo algo, así que normalmente me gusta
incluir etiqueta también. Derecha. Entonces, si
voy a desplazarme hacia abajo, no
necesitamos
cambiar nada más. Todo se ve genial. Y
ahora lo siguiente que hago, suelo incluir espacios. Entonces el primer espacio que voy
a incluir debajo del título, y para incluir un espacio, tienes que dar click aquí mismo. Vamos a desplazarnos hacia abajo y simplemente arrastrarlo y soltarlo
en cualquier lugar que desee. Normalmente me gusta usar 30 pixeles. Aquí mismo,
voy a teclear 30. Ahora puedo duplicar
este de aquí mismo. Sólo voy a duplicarlo, y voy a agregar el
mismo espacio aquí mismo. Voy a duplicar
una vez más, y voy a agregar
otro espacio aquí mismo. Ahora estoy planeando
Tad otra imagen. Tad, otra imagen. Puedo hacer clic aquí mismo, agregar bloque, y
puedo seleccionar imagen. Si usaría search, co
tecleo image, y este es el bloque que
quiero usar y debajo de la imagen, generalmente me
gusta incluir otro espacio. Entonces eso es exactamente
lo que voy a hacer. Sólo voy a duplicar
el espacio anterior, y ahora tengo dos espacios
entre la imagen, y ahora voy a seleccionar
imagen de la mediateca. Así que anteriormente
subí algunas imágenes. Esta es la otra imagen
que planeo usar, y como pueden ver, ya incluyó todo el texto y el título. Esta vez decido ir con teclado
diferente y no
quiero hacer cada imagen
con el mismo texto. Entonces ese es tu objetivo. No quieres
buscar spam. Todo bien. Entonces
voy a hacer clic en Seleccionar. Y así
es como va a quedar. Ahora mismo, voy
a desplazarme hacia abajo, y una vez más, voy
a duplicar este espacio. Voy a moverlo hacia abajo así
justo aquí mismo. Aquí estoy planeando
incluir otra imagen. Como recuerdas, para
incluir una imagen, podemos dar click aquí mismo. Seleccionemos la imagen. Duplicemos nuestro espacio. Vamos a moverlo hacia abajo, y escojamos la imagen
de la mediateca. La otra imagen que
planeo usar es esta Justo aquí, incluí la misma palabra clave que mi palabra clave
principal porque no
causará ningún
problema ya que
no estoy usando la misma
palabra clave en cada imagen. Usé mi palabra clave principal
en dos de las imágenes. Yo utilicé en la imagen destacada
y en esta imagen también. Entonces voy a hacer clic en
seleccionar. Todo bien. Mi imagen está lista,
y una vez más, voy a
duplicar este espacio, y lo voy a
mover aquí mismo. Y el siguiente espacio
que voy a duplicar va a estar aquí y lo voy a
mover aquí mismo. Y aquí mismo, voy
a incluir otra imagen. Una vez más, seleccionemos este símbolo
más, seleccionemos la imagen. Duplicemos el espacio. Vamos a moverlo hacia arriba hacia abajo, y vamos a elegir el daño. Esta es la imagen d
que planeo usar. Ahora tiene una palabra clave un poco
diferente, pero sigue siendo relativa
a mi entrada de blog. Voy a hacer clic en seleccionar, y ahora voy a
duplicar el último, y voy a
moverlo aquí mismo en parte de conclusión. Así
es como va a quedar. Todo bien. Entonces ahora, como dije, deberías intervincular
tu publicación de bloqueo Y como mi sitio web es fresco, no
tengo muchas opciones
para intervincular mi publicación de bloque Puedo intervincular Montessori
Ward, aquí mismo, este, y puedo agregar la categoría de publicación de
bloque, o puedo agregar la
categoría de Entonces voy a ir a mi
página web, Aguacates de tocino. Voy a abrir Montessori
Toys en una nueva pestaña, y voy a abrir blog No, no un blog. Yo
sólo voy a regresar. Va a flotar sobre la cuadra. Voy a elegir la categoría
Montessori. Y ahora tengo una
categoría de publicación de bloque Montessori en su lugar, y tengo mi
categoría de producto Entonces puedo incluir esta URL, pero tengo que copiarla. Y ahora como he
copiado esta URL, puedo volver a mi publicación de bloque, y puedo seleccionar Montessori Todo bien. Entonces aquí mismo, voy a elegir esta opción. Y en este lugar,
voy a pegar esta URL que copié
anteriormente y
así es como va a quedar. Entonces ahora esta publicación de bloque está
entrelazada. Entonces eso es genial. Y el otro interlink
que puedo incluir es mi categoría de publicación de bloque, es
decir Montessori Ya que estoy planeando tener más publicaciones de
bloque en esta categoría, voy a intervincular esta
categoría con mi publicación de bloque Entonces solo voy a buscar el otro
texto ancla Montessori que está justo aquí, y voy a
seleccionar este Voy a pegar
esto aquí mismo. L va a dar click en Enter, y como puedes ver,
así es como se ve. Ahora realmente puedo ir a mi herramienta
SCO que está aquí mismo, y puedo escribir mi enfoque hacia la tecla Mi enfoque keyward va a
ser la crianza de los hijos del Método Montessori Eso es exactamente lo
que voy a escribir. Voy a darle a Enter.
Y como pueden ver, sacamos 69 de cada 100. Eso es bastante bueno.
Como pueden ver, sí, estamos obteniendo buenas notas. La palabra clave Focus no se encuentra en la descripción de
su método. Entonces, si no se encuentra
en la descripción del método, realidad
incluí esta
palabra clave en la segunda oración. Entonces no se está poniendo de manifiesto, pero podemos dit el fragmento Y aquí mismo en
la descripción, puedo incluir mi palabra clave principal. Entonces eso es exactamente
lo que voy a hacer. Bien, así que acabo de incluir mi palabra clave principal en la descripción del
método. Y esto son las miradas. Normalmente te recomiendo que
incluyas tu palabra clave principal en la primera frase
de tu entrada
de blog o de tu producto porque
simplemente va a funcionar mejor. Y ahora mismo, acabo de
incluir este en la descripción de mi método
usando mi herramienta SEO. Pero no
necesariamente significa que Google captará esta, y Google podría usar
solo la primera oración. Entonces ese es el problema con Google. Como dije, a veces es
bastante quisquilloso. Para que podamos mantenerlo
así. Debería funcionar. Y ahora podemos
cerrar nuestra herramienta SEO. Y antes de publicar nuestra entrada de blog,
podemos dar clic en Vista previa. Hagamos clic en Vista previa y
veamos cómo se ve. Todo bien. Como pueden ver, así
es como se ve, y se ve limpio. No se ve desordenado
ni nada de eso,
como la forma en que se ven estas publicaciones de
blog Y este es el plano que suelo usar cuando estoy
publicando entradas de blog Así es como se ven la mayoría de
mis publicaciones de blog, y es fácil de leer. Es fácil de entender, y eso es lo que más
importa. Después de todo, estás creando
un sitio web con la intención de ofrecer la mejor
experiencia de usuario para tu visitante. Entonces creo que esta
publicación de bloque se ve genial, y si te gusta la forma en que se ve
tu publicación de bloque, podemos cerrar esta pestaña. En realidad podemos cerrar
éste también, y ese 12. Y ahora podemos hacer clic en Publicar. Hagamos clic en Publicar
una vez más. Y vamos a hacer clic en ver Publicar. Y una vez más, así
es como se ve. Si no te gusta el
diseño de esta publicación de bloque, puedes hacer algunas
opciones de personalización aquí mismo, y esta va
a depender de ti si quieres
cambiar algo, pero así es como
va a quedar ahora mismo. Si daría click en la categoría
Montessori,
Estas son las publicaciones que tenemos, y así es como se ve Esas otras dos publicaciones
se agregaron por defecto, puedes eliminarlas porque
no las necesitamos. Y básicamente, así es
como se ve nuestro blog. Si diera clic
en nuestra página de bloqueo, como pueden ver, esto
es lo que obtenemos. Esas dos publicaciones que se
agregaron por defecto,
podemos eliminarlas. Pero por ahora, sólo lo voy
a dejar así. Y siento que
todo se ve bien. Así que así,
puedes agregar tu entrada de blog, y cuando estés agregando
tu entrada de blog, no
olvides optimizar tu contenido con
tu palabra clave principal. Entonces tienes que incluir
tu palabra clave principal en el título de tu entrada de blog. Eso también va a ser un
meta título. Y la meta descripción y
la URL de tu entrada de blog. Se va a
hacer automáticamente, si vas a
incluir tu palabra clave principal en el título de tu entrada de blog. Y tienes que incluir tu palabra clave
principal dependiendo la cantidad de palabras
que estés escribiendo en el texto de tu propia publicación de
blog. Una vez hecho esto,
tienes que agregar tus imágenes, y cuando estés
agregando tus imágenes, no
olvides incluir
tu palabra clave principal en el texto completo de algunas imágenes
en el título de las imágenes. Y luego en otras imágenes, solo incluye otras
variaciones de tu palabra clave. Que siguen siendo relevantes
para tu publicación de bloque. Y claro, no
olvides interlnk tu entrada de blog a otro
contenido de tu Entonces eso es todo por esta lección. Ahora ya sabes cómo agregar
block post a tu sitio web.
67. 8.3 consejos para crear ideas de contenido: Todo bien. Entonces en esta
lección final de la sección de bloques, te
voy a mostrar cómo
buscaré inspiración para escribir mi entrada de blog y todo
el proceso en sí. Entonces el primer lugar donde
me gusta buscar inspiración es,
por supuesto, Pinterest. Entonces, si tienes una cuenta de
Pinterest, puedes ir a tu cuenta de
Pinterest. Si aún no tienes uno, puedes crear uno
de inmediato. Y aquí mismo una vez que
estés en el pinterest, puedes usar la búsqueda y
solo buscar la palabra clave. Para la palabra clave sobre la que
quieres escribir una publicación de bloque o
algo así. En mi caso, va
a ser Montessori. Entonces eso es exactamente lo que
voy a escribir aquí mismo. Bien, entonces escribo método
Montessori. Siento que
va a estar más cerca mi idea de block post, y solo me va a
dar mejores resultados. Entonces voy a darle a Enter. Y como puedes ver, obtenemos muchas ideas de
contenido diferentes. Y como puedes ver,
qué es Montessori, qué es Montresor y cinco formas
fáciles Montessori, los novatos necesitan
evitar errores y así sucesivamente. Así que puedes desplazarte hacia abajo a través todas las diferentes ideas de
contenido, y puedes usar Pinterest juntos varios tipos de ideas. Entonces eso es lo que
normalmente me gusta usar. Pinterest suele ser mi lugar
número uno para ir si busco ideas
para escribir mi contenido. Entonces este es para
que lo explores. Y si, por lo general me gusta usar Pinterest.
Simplemente funciona muy Y el segundo lugar
que me gusta usar es la herramienta de IA, la
inteligencia artificial. Entonces, como puedes ver aquí mismo, esta es la herramienta Op AI. Ya lo usamos estábamos escribiendo algunas páginas
para nuestro sitio web, como la política de cookies y así sucesivamente. Pero esta herramienta también es
genial para generar ideas para escribir esquemas y para
escribir el contenido en sí. Entonces por ejemplo, en este campo de mensaje de aquí
mismo, voy a escribir dame diez ideas de contenido para el Método
Montessori Bien, entonces mi aporte
va a quedar así, y sólo voy a darle a Enter. Y esta herramienta
me dará diez ideas de contenido. Normalmente me gusta usar la herramienta, no sólo para generar ideas. A veces incluso escribo algunas de las piezas de contenido cuando estoy
trabajando en una entrada de blog. Entonces esta herramienta ayuda mucho. Solo imagina giro
de Iron Man. Y esta
herramienta de inteligencia artificial es muy útil. Simplemente te ahorra mucho tiempo, cuando estás luchando por llegar
a ideas y
algo por el estilo. Entonces como pueden ver ahora
tenemos diez ideas, y puedo pedirle a esta herramienta que me
escriba un esquema
para el número uno. Entonces eso es exactamente
lo que voy a hacer. Todo bien. Entonces mi entrada
va a quedar así, escríbeme un esquema
para el número uno, y voy a darle a
Enter. Todo bien. Y como pueden ver,
esta herramienta
me está generando un esquema para
esta entrada de blog. Y tiene sentido.
Se ve genial. Y si no te gusta
cómo se ve, puedes regenerar esta salida, o puedes trabajar en
ésta tú mismo, si voy a desplazarme hacia abajo Como pueden ver, tenemos
bastantes puntos. Pero esta también es otra
gran herramienta para usar si te faltan ideas para escribir contenido
o algo así. Por lo que normalmente me gusta
usar esta herramienta también. Como dije antes, generalmente, mi lugar número uno donde
busco ideas es Pinterest. Y el segundo mejor lugar
que me gusta usar es CGTP. Entonces esta es una gran herramienta para
generar diversas ideas. Incluso te ayuda a
escribir publicaciones de blog. Entonces esto es para esta lección. Ahora, debería ser más fácil
para ti reunir ideas sobre qué tipo de contenido debes
escribir en tus blogs, y debería ser muy útil. Esos dos lugares pinterest
y CGP, más que suficiente. Entonces eso es todo por esta lección.
68. Resumen de la Sección 8: Muy bien, ahora ya sabes cómo funciona el
Blogging y cómo
puedes usarlo en tu ventaja Por lo general me gusta agregar entradas de
blog a mis tiendas en línea. De esta manera puedo atraer
más visitantes. También puedo hacer crecer mi
dominio de palabras porque con mis entradas de blog
suelo recuperar enlaces, hacer crecer mi dominio de
redactado de esta manera Y solo ayuda a toda la parte
SEO de mis sitios web. Entonces eso es algo enorme si
puedes agregar publicaciones de blog
a tu sitio web, y
te recomiendo encarecidamente que lo hagas. Solo quieres empezar a vender
cosas de izquierda a derecha. Si puede utilizar debe
ayudar a sus visitantes, clientes con información
valiosa. Y así es como normalmente me
gusta hacerlo yo mismo. Si estoy vendiendo productos para gatos, por lo general
me gusta tener entradas de
blog sobre gatos, varios consejos de
salud de
Cadbury y así sucesivamente Entonces esto es algo enorme si
quieres atraer más
visitantes a tu sitio web. De esta manera también puedes recopilar correos electrónicos si vas a
hacer Email Marketing. Y básicamente muchas tiendas
de comercio electrónico, utilizan blogs para atraer a más
visitantes a su sitio web. Entonces enhorabuena. Ahora ya sabes cómo se hace eso.
69. 9.0 Aprende a traducir tu sitio web: Esta lección, te
mostraré cómo puedes traducir tu sitio web
a cualquier idioma. Así que básicamente puedes crear tu tienda de eCommerce en cualquier
idioma que puedas imaginar. Es muy conveniente
si estás construyendo tu tienda online en tu idioma nativo para
tu audiencia nativa. Y no solo te estás enfocando en audiencias de habla inglesa Lo primero es lo primero, cuando estamos traduciendo
nuestro sitio web, tenemos que ir a nuestro panel de control y vamos a la Configuración Vamos a elegir general,
vamos a desplazarnos hacia abajo. Y escojamos el idioma lateral
de la lista de aquí mismo. Elige el idioma de tu sitio. En mi caso, sólo voy
a elegir lituano. Bien, una vez que hayamos hecho esto, vamos a desplazarnos hacia abajo y
vamos a presionar Guardar cambios Bien, como puedes
ver, algunas de las herramientas y nuestro Dashboard que en
diferentes idiomas ahora mismo Pero no todas las herramientas son indiferentes porque
algunos de los Plugins, siguen usando la versión
en inglés, pero no se preocupe por eso Si te acostumbraste a
la versión en inglés, no
necesitarás saber cómo se va
a traducir a tu idioma porque
esos plug-ins solo
son inacción en el
back-end de Entonces, en el front end,
vas a tener tu sitio web en el
idioma que quieras, pero aún no hemos terminado. Absolutamente no. Hay bastantes pasos
que todavía tenemos que dar, pero antes de continuar, podemos consultar nuestro sitio web. Veamos cómo se
ve ahora mismo,
bien, y como se puede ver, un montón de cosas ahora mismo, todavía en idioma inglés porque todavía
tenemos que cambiarlas. Si iría a mi carrito, como pueden ver, todavía
tenemos el idioma inglés. Bien, así que ahora tenemos que hacer algunos cambios importantes y
tenemos que traducir nuestro plug-in
WooCommerce Para ello, tenemos que ir
a la configuración aquí mismo. Vamos a desplazarnos hacia abajo. A ver si tenemos
algún ajuste. Entonces aquí mismo, si vas a necesitar, aquí es donde puedes
cambiar tu moneda si aún no lo
has hecho
y puedes cambiar, haz la ubicación de tu región. Utilizando esta información. Si decides activar impuestos, usando esta información, los impuestos se calcularán automáticamente si vas
a habilitarlos aquí mismo. Bien, volvamos y
vayamos a la
parte avanzada aquí mismo Entonces aquí vamos a
tener varios endpoints,
checkout y points y puntos finales de Cuenta Como puedes ver aquí
mismo, tenemos puntos finales de
pago y
están en inglés, así que tienes que
reemplazarlos en tu idioma Y su orden de pagar o
lo recibido y así sucesivamente. Simplemente reemplace toda
esta información a su idioma aquí mismo. Haz lo mismo en toda esta
información o un año, solo traduce este texto aquí
mismo que
tengas en cada ventana. Entonces eso es exactamente
lo que voy a hacer. Bien, así que una vez que hayas reemplazado toda la
información aquí mismo, puedes presionar Guardar cambios Pero antes de hacer eso, no
olvides que tienes
que usar letras regulares. No uses ninguna letra especial que tengas en tu idioma. Solo usa letras simples,
lisas y simples. Eso es todo lo que tienes que hacer. Bien, así que una vez
que hayas hecho esto, vamos a presionar Guardar cambios y ahora ya
terminamos con los endpoints Y cuando estabas agregando tus
métodos de envío aquí mismo, deberías cambiarlos
tan bien como recuerdas, teníamos varios métodos de
envío diferentes en idioma inglés. Y si estás creando
tu sitio web para tu audiencia nativa, tienes que reemplazar
todos esos métodos de envío. Así que simplemente haz clic en Editar, reemplaza el envío estándar el tipo de envío que
tengas en tu idioma. Y básicamente eso es
todo lo que tienes que hacer. Esta va a
ser para que cambies. Así que no te olvides de eso. Bien, así como ya
terminamos con éste, ahora podemos ir a nuestras páginas Y como recuerdas,
todas nuestras páginas estaban en idioma inglés. Entonces tenemos que ir justo aquí. Esta es nuestra pestaña Páginas. Seleccionemos todas las páginas. Y ahora tienes que
reemplazar cada página, la página en tu idioma. Entonces para ello,
tendrás que hacer clic en editar rápido. En mi caso, así suena
el Quick Edit. Entonces digamos que esta
es una página de tarjeta. Entonces en mi caso, la página del carrito se va a llamar chalotes de
crepe Entonces eso es exactamente lo
que voy a escribir. Bien, una vez que hayamos hecho esto, puedes hacer clic en Actualizar y
tendrás que ver con cada página que hayas nombrado
anteriormente en idioma
inglés Tendrás que reemplazar el idioma
inglés por tu idioma. Y tienes que ver con
cada página haciendo clic en editar
rápido y simplemente traducir la página a tu idioma. Eso es exactamente lo que
voy a hacer yo mismo. Bien, como pueden ver, acabo de terminar de reemplazar todas las páginas y ahora mis páginas la
han traducido completamente Y cuando estés cambiando
los nombres de tus páginas, simplemente no olvides
que en el título, puedes usar unas letras especiales. Pero cuando añades un
slug que se va a mostrar en la
URL de tu página No puedes agregar ninguna letra
especial, así que solo usa letras regulares en
inglés y la babosa en el título, puedes usar tus letras Bien, así podemos hacer clic en Actualizar. Y ahora podemos ir a nuestra página web y vamos a comprobar si
algo ha cambiado. Entonces, si iría
a la página de mi carrito, como puedes ver en la URL aquí
mismo en lugar de tarjeta, tenemos shells arrastrados Así que ahora esta página está traducida. El cambio ya está vigente
en las URL. Todavía tenemos que hacer algunos
cambios en el propio sitio web, pero ahora hemos terminado con las páginas. Bien, así que lo siguiente
que tenemos que cambiar, tenemos que actualizar
nuestras categorías Entonces, como recuerdas, teníamos
todas las categorías en inglés. Entonces, si iría a nuestra pestaña
Productos aquí mismo, y seleccionaría categorías. Como puedes ver, todas nuestras
categorías están en inglés. Entonces ahora tienes que reemplazar esas categorías
en tu idioma. Entonces para hacer esto, una vez más, da clic en Edición rápida aquí mismo. Y en el título incluye el nombre de
tu categoría. Puedes usar letras especiales
y la babosa aquí mismo, no uses ninguna letra especial Y cuando estés
separando palabras, debes separarlas
con guiones, así como así Así que eso es exactamente
lo que voy a hacer. Sólo voy a actualizar
todas mis categorías. Bien, así que acabo de actualizar
todas mis Categorías. Y si daría click
aquí mismo ver, solo
voy a abrir
este en una nueva pestaña. Como puedes ver, tenemos una categoría
completamente diferente y ahora nuestras categorías están
listadas en idioma lituano. Entonces, lo siguiente
que tenemos que hacer, tenemos que asegurarnos de que nuestro menú
principal esté funcionando. Si hiciera clic en este elemento del
menú, como pueden ver, no está funcionando
porque está usando las URL que
agregamos cuando estábamos trabajando con una versión en inglés
de nuestro sitio web Entonces, para cambiar esas URL, tenemos que ir a nuestro dashboard Tenemos que ir a la pestaña
Apariencia aquí mismo, y tenemos que seleccionar Menús. Y aquí mismo,
tenemos que cambiar Menús. Entonces, para cambiar esos menús, tenemos que sustituir la versión
en inglés nuestra versión de título. Y en la URL, tenemos que agregar nuestra URL de categoría de producto recién
actualizada. Entonces antes solían
ser disfraces, ahora es cliente y es URL
completamente diferente Entonces para cambiar eso, vamos a todas las categorías. Y este es el
que necesito reemplazar. Entonces antes que nada, tengo que
conocer la URL de esta categoría. Entonces solo voy a abrir
esta en la nueva pestaña. Esta es la nueva URL. Sólo voy a copiar
esta de aquí. Voy a volver y
voy a pegarlo aquí mismo, la nueva URL actualizada. Y en vez de disfraces, voy a sustituir
al otro idioma. Bien, entonces ahora
voy a necesitar hacer lo
mismo con cada categoría Entonces como pueden ver, sustituyo esta y haré lo
mismo con esta si esa. Y voy a hacer lo
mismo con el blog también. Entonces antes que nada, voy
a agregar la página del blog. Entonces antes me voy a
centrar en Categorías, solo
quería
mostrarte Cómo Agregar blogs. Así que vayamos a nuestras páginas. Aquí es donde vamos
a encontrar nuestra página de blog. Así que sólo voy a abrir
esta en una nueva pestaña. Y esta es nuestra página de blog. Entonces, si voy a hacer clic en Ver, ahora sé que así es
como se llama a la nueva URL. Así que sólo voy
a copiar esta URL. Voy a regresar. Y esta es la URL del blog. Esta es la URL antigua. Voy a reemplazar por
uno nuevo, y voy a
cambiar el título
y reemplazar las categorías de tu
blog es básicamente lo mismo que
reemplazar tu categoría de producto. Entonces como recuerdas,
tienes que ir justo aquí y posar tienes categorías que
no me gustan Una vez más, voy a
abrir esta en una nueva pestaña. Como puedes ver, estas son
las versiones en inglés. Entonces voy a hacer clic en Edición
rápida y voy a reemplazar el título y
voy a agregar el slug Entonces una vez más en el título
puedes incluir letras especiales, pero en la babosa, no
deberías hacer eso Bien, así que solo
renombré mis categorías de blog y
ahora puedo usarlas Entonces por ejemplo,
voy a tomar esta categoría recién actualizada. Voy a hacer clic en Ver. Y ahora estamos conociendo la nueva URL. Esta es la nueva URL, así que voy a copiar
esta URL aquí mismo. Voy a volver
a mi editor de menús y aquí mismo e ideas para regalos, solo
voy a reemplazar
este quitándolo. Así que una vez más, voy
a expandirlo y
voy a hacer clic en
Eliminar aquí mismo. Y yo voy a hacer
lo mismo, éste. ¿Bien? Cuando haga clic en Eliminar y antes de agregar esas Categorías recién
actualizadas, tendré que
actualizar esta página. Entonces antes de hacer eso, solo
voy a actualizar
esas Categorías de Producto. Entonces, como recuerdas que una categoría de producto recién
actualizada, debes ir a tus categorías de productos
que están aquí mismo. Ahora ya podemos cerrar esta. Entonces estas son nuestras Categorías de
Productos. Ya se agregó este. Entonces puedo agregar este. Voy a hacer clic en Ver. Y estos eran juguetes de baño. Voy a copiar
esta URL aquí mismo. Voy a
volver al menú. Y estos son los juguetes de baño. Entonces ahora necesito pegar
esta URL y tendré que agregar título recién
traducido. Entonces eso es exactamente
lo que voy a hacer. Y así, voy a actualizar todas las demás categorías
de productos. Bien, así que acaba de renombrar
todas las Categorías de Productos. Ahora puedo hacer clic en guardar menú, y ahora voy a necesitar
agregar categorías de blog. Entonces ya que actualizo esta página, puedo ir aquí mismo
y a Categorías. Y puedo seleccionar Ver todo. Y estas son categorías recién
actualizadas. Estas son categorías de entradas de blog. Así que voy a hacer
clic en Agregar al menú. Y una vez más, voy
a moverlos a la derecha. Voy a agregarlos
al menú desplegable Zhao, un blog de categoría padre Y vamos a hacer clic en Guardar. Y ahora podemos
cerrarlos aquí mismo, y podemos dar clic
aquí mismo, ver nuestro sitio web. Bien, ahora como puedes ver, nuestro menú es otro idioma
y está en pleno funcionamiento Entonces así es como
va a quedar. Y básicamente eso es
todo por esta lección. Entonces ahora sabes cómo traducir
tu sitio web de WordPress, cómo actualizar tus páginas, cómo actualizar tus Categorías de
Productos, Categorías publicaciones de
blog y
cómo actualizar tu menú principal. En lecciones posteriores,
vamos a encargarnos del resto de las cosas que
me dejaron para que hiciéramos. Pero por ahora hemos terminado con una gran parte de
traducir nuestro sitio web
70. 9.1 Trabaja con el plugin de traductor de loco: En esta lección vamos a
usar un plugin que se llama Loco Translate para traducir algunas de las cadenas
o en otras palabras, texto que es creado
por los Plugins, digamos por WooCommerce
plugin por Themes,
por nuestro Flatsome Theme O si estás usando
un Tema Astra, también
podrás traducir
varios textos de estos
diferentes tipos de temas, plugins o cualquier cosa por el
estilo que puedas ver en la parte
frontal de tu sitio web, básicamente lo que son
visitantes pueden ver. Así que vayamos al
tablero de aquí mismo. Vamos a Plugins y
seleccionemos Agregar Plugin. Y ahora usa Search para
buscar traducción local. Este es el plugin
que quieres instalar. Hagamos clic en Instalar. Vamos a hacer clic en activar. Bien, entonces nuestro Loco
Translate Plugin está activo. Y como pueden ver,
está justo aquí. Y si iba a ir a la
página principal, como puedes ver, tenemos varias opciones
diferentes, pero nuestro objetivo es
comenzar con Plugins. Vamos a seleccionar Plugins, y vamos a elegir
WooCommerce plug-in. Bien, así como puedes ver a, ya
hemos
traducido completamente nuestro plugin
al idioma lituano Así que por lo general es tal
Plugin dice WooCommerce. Están traducidos en
muchos idiomas y no
necesitas
traducir nada más. Así que simplemente puedes seleccionar
tu idioma aquí mismo. Puede hacer clic en Sincronizar. Y ahora muchas
cosas que eran de la parte WooCommerce se
traducirán a tu idioma. Si no te viste
tu idioma disponible, probablemente debería estar disponible. No lo sé. A menos que tu lenguaje sea extremadamente impopular
y poco común, tal vez no encuentres tu idioma agregado
a WooCommerce Pero si eso sucede, una vez más, únete a mi
grupo de Facebook y me
ayudaré con alguna de
estas preguntas. Te ayudaré a
traducir tu sitio web, pero creo que no deberías enfrentarte ninguno de esos problemas
porque WooCommerce es complemento
muy popular y es popular en todo el mundo y
lo traduce a muchos idiomas. Así que ahora podemos hacer clic en Guardar. Así que básicamente lo traducimos WooCommerce partes
automáticamente dentro una necesidad de agregar cualquier cosa, todo fue traducido
automáticamente. Entonces, si harías clic aquí
mismo, porche brisa, todo efectivo por si acaso
para asegurarnos de que
tenemos una versión actualizada
de nuestro sitio web. Bien, ahora podemos consultar nuestra página de inicio haciendo
clic aquí mismo Sólo voy a abrir
esta y la nueva pestaña. Y veamos si algo
es diferente ahora mismo. Entonces como puedes ver, ahora, tenemos un Encabezado completamente
diferente. Así que anteriormente
traducimos nuestro menú principal, pero ahora nuestro encabezado, la barra de búsqueda,
también está traducido. En lugar de mi cuenta, ahora tenemos un
cigarrillo que también lo
traduce completamente ,
corruptos bajíos Entonces eso está traducido tan
bien como se puede ver, esos botones
también están traducidos. Entonces, si voy a
hacer clic en Ver tarjeta, como pueden ver, está traducida. Se traducen muchas partes, pero algunos de los textos siguen en inglés y
no se ve muy bien. Y no olvides en la parte de
envío aquí mismo, se supone que debes cambiar tus métodos de envío
a tu idioma. Yo no hice eso. Te acabo de decir que
deberías hacerlo tú mismo. Entonces por eso estamos viendo esas
versiones en inglés aquí mismo. Pero si has reemplazado tus métodos
de envío por tu idioma, no
deberías estar viendo esos métodos en
inglés, bien, así que la mayor parte del texto es traducirlo aquí mismo es puedes ver que tenemos carritos de
compras Deberíamos tener una versión
diferente, checkout o tu completa. Entonces te voy a mostrar cómo
puedes traducirlos aquí mismo. lo que generalmente los textos que
vienen con Theme aquí en esas diversas secciones y para esos plug-ins no
son responsables Entonces principalmente cuando estamos
trabajando con nuestro sitio web, cuando estamos traduciendo
nuestro sitio web, lo más importante
que tenemos que cuidar es que tenemos que traducir
el propio WordPress Ya hicimos esto
en la primera lección. Tenemos que traducir
WooCommerce. Nosotros acabamos de hacer eso. Ahora tenemos que encargarnos
del resto de los textos. Y por lo general los
textos que aún no han
traducido
provienen del propio Tema. Entonces nuestro tema en este
momento es Flatsome. Entonces tenemos que traducir
textos para Flatsome Theme. Entonces voy a
mostrarte cómo se hace eso. Y ahora tenemos que volver. Y una vez más,
vamos a Loco Translate. Ahora, seleccionemos Temas. Entonces ahora tenemos que
traducir Flatsome Theme. Si estás usando Astra Theme, puedes traducir Astra Theme, pero en mi caso
va a ser Flatsome Bien, vamos a desplazarnos hacia abajo y veamos si
tenemos nuestro idioma No, aquí no tenemos mi
idioma. Pero como puedes ver, si estás hablando alguno de esos idiomas, quieres hacer tu sitio web
en cualquiera de esos idiomas, simplemente
puedes seleccionarlos
y simplemente puedes usarlos. Pero si no ves tu
idioma aquí mismo, puedes dar clic
aquí mismo, nuevo idioma. Seleccionemos el idioma de WordPress. Entonces va a ser éste. Podemos mantenerlo
así y podemos seleccionar comenzar a traducir antes de hacerlo
y nuevas traducciones Vamos a hacer clic en Sincronizar. Y ahora podemos volver a
nuestro carrito y como pueden ver, tenemos este texto carrito de compras. Entonces todo lo que tenemos que hacer, tenemos que volver
a nuestro Plugin. Y aquí mismo podemos usar filtro y vamos a escribir carrito de compras. Bien, como pueden
ver, nos da textos. Entonces esta es la tarjeta de
compras de texto. Ahora podemos seleccionar este
texto y podemos traducir a nuestra variedad de idiomas
aquí en esta ventana. Así que solo escribe tu versión de carrito de compras
en tu idioma. Y ahora traducimos carritos de
compras para que
podamos hacer clic en Guardar Y voy a volver y
voy a refrescar esta página. Y como pueden ver,
lo traduce. Así que echa un vistazo a los detalles. Volvamos y
usemos la búsqueda una vez más y escribamos los detalles de
check out. Bien, seleccionemos los detalles del
check out. Y aquí mismo podemos traducir esta versión en inglés
a nuestro idioma. Bien, vamos a golpear guardar y veamos si
hubo algún cambio Bien, refresquemos
nuestro carrito de compras. Y como pueden ver,
todo está en su lugar, por lo que podemos hacer lo mismo
con el pedido completo. Volvamos. Vamos a escribir orden
completar un lead, seleccionar este, y podemos
traducirlo aquí mismo. Bien, vamos a golpear Guardar cambios. Y una vez más,
refresquemos esta página. Y como pueden ver,
todo está en su lugar. Si vas a hacer clic aquí
mismo, ve a pagar. Como puedes ver,
básicamente todo está traducido así que realmente no
necesitamos cambiar nada,
bien, así que todo
está en su lugar, puedes volver atrás Y si me voy a
desplazar hacia abajo aquí mismo, y si voy a pasar el
cursor sobre este producto, como pueden ver, tenemos vista
rápida aquí mismo Entonces podríamos hacer lo mismo. Podríamos ir a nuestro plugin
aquí mismo y vamos a escribir vista rápida. Aquí mismo tenemos la versión
en inglés. Seleccionemos esta versión. Y aquí mismo
podemos traducirlo. Vamos a golpear Guardar cambios. Actualicemos esta página. Y vamos a ver, sí, como puedes ver,
solo lo traducimos. Bien, entonces ahora
sabemos cómo traducir
diversos textos de los temas
de los Plugins usando
Loco Translate Plugin Por supuesto, hay más
textos que podemos traducir. Va a ser para
que lo explores, va a ser para que
traduzcas todos los textos. Porque solo tienes que
navegar por tu sitio web y ver si encuentras alguna versión
en inglés, variaciones. Y luego si encuentras
alguna variación en inglés, tienes que volver
a este plugin. Simplemente escriba este impuesto aquí
mismo y
busque la versión en inglés que pueda traducir de manera
simple como esa. Usted será capaz de traducir
cualquier texto de cualquier plugin, tema, y así sucesivamente. Pero aquí mismo en nuestra Página de Inicio, no
vas a poder hacer
eso porque para esto, vamos a tener
la última lección donde vamos a encargarnos
de las cosas finales. Y una de esas
cosas finales va a ser nuestra página principal y nuestro
pie de página aquí mismo. Así que no podemos traducir
esas cosas aquí mismo usando este juego porque
creamos esas cosas
usando Page Builder. Bien, entonces ahora ya sabes cómo
usar Loco Translate
Plugin y ahora
sabes cómo traducir diversos textos de los
temas y plug-ins Eso es todo por esta lección
71. 9.2 toques finales: En esta lección
vamos a encargarnos de otros
ataques de notch Translate que están en nuestro sitio web y los
traduciremos y vamos a comenzar con nuestra página principal. Entonces, como recuerdas,
creamos nuestra página de inicio usando UX Builder para hacer
cambios a esta página, tenemos que ir aquí y
seleccionar Editar con UX Builder. Y no importa si has creado
alguna otra página usando este UX Builder y las
has creado en idioma
inglés, tendrás que
editarlas también. Simplemente traduce todos los textos que tengas
aquí mismo, que tengas, textos y banners y botones
y en títulos de categoría. Y este texto aquí, aquí. Y todo lo que vaya
aquí mismo que sea un inglés, solo traduzca en tu idioma. Entonces eso es exactamente lo que
voy a hacer yo mismo. Y comenzaré dando
click aquí mismo. Como recuerdas,
voy a abrir editor de texto. Y yo sólo voy a sustituir
este texto aquí mismo. Bien, así que reemplazo el
texto y voy a dar click, Bien, y ahora puedo seleccionar
este botón aquí mismo, y puedo traducir
este botón Comprar ahora
así como recuerdas a este
botón agregamos la URL Entonces ahora la URL no funciona
y tenemos que reemplazarla. Así que vayamos a nuestro
sitio web aquí mismo. Y vayamos a nuestras páginas. Y vamos a seleccionar todas las páginas. Y apenas un segundo
y vamos a desplazarse hacia abajo. Y esta va a
ser nuestra página de tienda. Así que podemos hacer clic en Ver
y podemos copiar esta URL porque es una
página de tienda que anteriormente teníamos. Y ahora tenemos que añadir
una nueva URL aquí mismo. No solo estamos
traducidos el texto y este botón también
agregamos una nueva Europa. Ahora podemos hacer clic en Aplicar. Y aquí mismo
voy a hacer lo mismo con cada uno de los textos
que sea un inglés. Oh, ahí está puedes
ver acabo de terminar traducir todos los textos y ahora voy
a hacer clic en Aplicar Voy a hacer clic en Actualizar. Y ahora puedo cerrar
nuestro UX Builder. Ahora puedo refrescar esta página
y como puedes ver ahora, nuestra página de inicio está traducida
excepto que los productos
siguen en inglés
porque obviamente
necesitarás traducir
tus productos también, pero ya sabes
cómo hacerlo. Simplemente cómo
editar los productos. Si agregaste
productos en inglés, simplemente reemplaza sus títulos y descripciones y no
olvides hacer lo
mismo que harías
con la versión en inglés. Tan simple como eso. No voy a traducir productos porque
obviamente vas a tener diferentes tipos
de productos y
va a ser para que los
traduzcas tú mismo. Bien, así que terminamos
con nuestra página de inicio. Ahora podemos cerrar esta
página aquí mismo, y ahora nuestro pie de página
sigue siendo un inglés. Entonces, antes de hacer
cambios en el pie de página, deberíamos hacer algunas configuraciones aquí
mismo porque
tenemos absoluto Footer en inglés así
como recuerdas, creamos esta parte
usando UX Builder, pero esta parte de aquí fue creada usando opciones de
configuración. Entonces tenemos que dar click
aquí mismo, configurar. Y vamos a desplazarnos hacia abajo. Y este es nuestro absoluto Pie de Página. Seleccionemos
pie de página absoluto aquí mismo, y aquí en esta
ventana aquí mismo, puedes reemplazar, traducir la información
que es un inglés. Entonces dice copyright. Puedes reemplazarlo
a tu idioma. Bien, así que solo
sustituyo este texto y ahora lo traduzco. Ahora podemos hacer clic en
publicar aquí mismo. Y lo siguiente
que tenemos que hacer es que tenemos que
cuidar nuestro pie de página. Así que básicamente vamos
a necesitar traducir este Footer que
creamos usando bloques UX
Builder UX. Entonces deberíamos ir
a nuestro tablero. Vamos a los blogs de UX. Seleccionemos blogs de UX. Y aquí mismo en Pie de página, podemos hacer clic en editar
con UX Builder y simplemente reemplazar
la información. Entonces aquí mismo
teníamos editor de texto. Puedo abrir éste aquí mismo, y puedo agregar
traducirlo versión de este texto. Bien, entonces sustituyo este texto,
puedo dar click, ¿bien? Y como recuerdas estas
columnas aquí mismo, también las
agregamos
con el editor de texto. Así que vamos a seleccionar esta
columna aquí mismo. Hagamos clic en Abrir editor de texto. Reemplacemos este texto
anterior para los clientes. Y ahora todas estas páginas que agregamos anteriormente
inactivas porque hemos cambiado las URL de estos enlaces y ahora lo
están traduciendo completamente Así que ahora podemos seleccionar
esos enlaces y podemos desactivar las URL
que antes
añadimos una por una
así porque no las vamos a
usar porque
esas son inactivas Entonces te voy a mostrar
un ejemplo, mi cuenta. Entonces voy a
traducir mi cuenta y vamos a nuestra página web. Recuerda que mi cuenta
solía estar justo aquí. Ahora es traducirlo completamente. Ahora podemos seleccionar
éste aquí mismo. Volvamos. Y ahora podemos seleccionar
este texto aquí, y podemos agregar URL. Así que vamos a
pegar esta URL. Vamos a hacer clic en aplicar. Y así, voy a sustituir mis pedidos. Voy a traducir contextos y voy a Agregar nuevas URLs Entonces si vas a necesitar encontrar la URL de una página
que la traduzcas. Como recuerdas, todas las páginas se
pueden encontrar aquí mismo. Y aquí es donde
vas a encontrar la página. Entonces digamos que quiero
encontrar la URL de los contextos de página solo un
segundo. Esta es la página Así que voy a hacer clic en Ver, y esta es la nueva URL. Así que simplemente puedo copiar
esta URL aquí mismo. Como sé que esta es mi URL, puedo cerrar esta pestaña. Puedo volver atrás y puedo
traducir contactos. Puedo agregar nueva URL a este
texto dando click aquí, voy a pegar la URL. Y básicamente
voy a hacer lo
mismo con cada una de estas páginas. Sólo voy a
traducirlos y voy a Agregar nuevas URLs Bien, ahí está, ya ves, ya terminé con esta columna Ahora puede pasar a
esta columna aquí mismo. Voy a abrir
esto en editor de texto. Voy a traducir
información y
voy a reemplazar las URL
y los textos aquí mismo, igual que hice con
esta columna de aquí Bien, así que
traduje con éxito todas las páginas. Ahora puedo hacer clic, Bien, y pasemos a Newsletter. Alguien otra vez, vamos a
abrir un editor de texto. Traduzcamos el
texto aquí mismo. Bien, así
tradujo con éxito todos los textos. Ahora puedo hacer clic, Bien, y hagamos clic en Aplicar. Seleccionemos Actualizar. Ahora podemos cerrar UX Builder. Ahora vamos a nuestra página de inicio. Podemos cerrar esta pestaña
aquí mismo y vamos a desplazarnos y ver. Sí, como puedes ver, lo
reemplazamos exitosamente por bayesiano Pero aquí mismo nuestro
formulario de suscripción todavía está en inglés. Entonces también tenemos que hacer ajustes a este
formulario de suscripción. Entonces, como recuerdas, los cambios en el formulario de descifrado
se realizan aquí mismo Vamos a la gripe y a las formas. Seleccionemos todas las formas. Y esta es nuestra
suscripción para. Entonces, hagamos clic en Editar. Y ahora podemos cambiar
los campos aquí mismo. Entonces, si voy a
seleccionar este campo, puedo hacer cambios en
este campo para poder reemplazar esta
información aquí mismo. Bien, ahora puedo hacer
cambios en el botón. Si voy a
seleccionar este botón, puedo cambiar el texto una vez más y podemos dar clic en Guardar formulario. Y no olvidemos
cambiar el mensaje porque anteriormente cuando añadimos nuestro
mensaje era un inglés. Entonces aquí mismo, gracias
por unirse a nuestro club. Puedes traducirlo
a tu idioma. Bien, ahora podemos
hacer clic en Guardar configuración. Mientras estamos aquí, podemos ir a nuestro formulario de contacto porque
como recuerdas, creamos nuestro formulario de contacto
y era un inglés, pero ahora lo estamos traduciendo Así que aquí mismo
tendrás que hacer clic en Editar. Y al igual que hicimos
anteriormente, seleccione el campo, reemplace el texto aquí mismo, FirstName, LastName
y Email hacen lo mismo Y así, cambiarás
este formulario de contacto una vez que hayas hecho
con esos cambios, no
olvides, pulsa Guardar
formulario así como así. Y tú también traducirás. Entonces vamos a nuestro sitio web y veamos cómo se ve ahora. Bien, vamos a desplazarnos hacia
abajo y lo que tenemos. Sí, como puedes ver, ahora
lo está traduciendo completamente. Hay otra cosa
muy importante que tenemos que encargarnos. Si voy a dar click
en esta categoría, como puedes ver en la barra lateral, sigue siendo un inglés. Entonces para hacer cambios para decidir, pero tenemos que ir
aquí mismo a nuestro dashboard. Y como recuerdas,
esos son widgets. Entonces tenemos que ir justo
aquí, apariencia. Y vamos a seleccionar widgets. Y justo aquí y barra lateral. Vamos a agregar categoría
en tu idioma. Y aquí mismo, puedes agregar las últimas publicaciones
en tu idioma. Este va a ser
para la barra lateral del blog. Así que no olvides encargarte
de esta barra lateral 1.4 Shop. Como puedes ver aquí mismo, tenemos títulos en inglés. Entonces aquí mismo tenemos que cambiar las Categorías de
Productos
a la versión de tu idioma nativo. Vamos a golpear Guardar cambios, y vamos a expandir éste. Y sustituyamos a
éste también. Bien, vamos a golpear Guardar cambios. Ahora, volvamos
a nuestro sitio web. Pasemos a la categoría, y como pueden ver, la está traduciendo
completamente. Entonces ahora todo lo está traducirlo
completamente. Pero si voy a ir a nuestra página de cuenta,
como pueden ver, se ve bastante
desordenado, no tiene el mismo estilo
que solía tener Es porque cambiamos
el título de esta página. Y ahora tenemos que dar click aquí
mismo, Edita esta página. Y ahora podemos seleccionar plantilla. Vamos a elegir de la lista, y vamos a elegir mi cuenta. Bien, hagamos clic en Actualizar y hagamos clic en ver nuestra página Y como se puede ver, todo lo
está traduciendo completamente. Así que así, traducimos nuestro sitio web a otro idioma. Entonces, como usted mismo dijo, puede traducir fácilmente su sitio web a cualquier
idioma que desee. Y si vas a
tener alguna duda, no dudes en preguntar. Puedes enviarme un correo electrónico o puedes unirte a mi grupo de
Facebook, y siempre estoy aquí para ayudarte. Entonces eso es todo por esta lección. Ahora ya sabes cómo
traducir tu sitio web
72. Resumen de la Sección 9: Fantástico. Ahora no solo sabes
cómo crear un sitio web para las
audiencias de habla inglesa o la audiencia global
que tiene dominio.com Pero ahora cómo puedes
traducir completamente tu sitio web a
cualquier idioma que quieras. Por supuesto ahora tu sitio web
no es un sitio web multi-idioma. Solo tienes un sitio web traducido
lo traduces completamente a cualquier
idioma que quieras. Entonces, si vas a decidir que quieres crear un sitio web en tu idioma nativo para
tu audiencia nativa, tal vez no seas del país de
habla inglesa, entonces sabrás cómo se hace
eso y tan genial, porque no necesitarás
buscar ninguna otra alternativa, sabrás cómo hacerlo con WordPress y WooCommerce Entonces como lo viste tú mismo, si lo traduces el
backend de nuestro sitio web, y luego traducimos
el front end de nuestro sitio web para
nuestros clientes Entonces, si alguna vez notarás algunos textos no traducidos
y tu sitio web, no
olvides que tienes que usar Loco Translate para
traducir este texto Por lo general, no se traducen
cosas que se pueden encontrar en
WooCommerce plugin y en su tema también. Entonces, si vas a encontrar algo que
no está traducido, eso no es traducirlo completamente. Tu primera opción es
probar Tu Tema, ya sea Astra o Flatsome, y luego deberías echarle un
vistazo a WooCommerce Y más adelante si vas
a decidir instalar algunos plugins más para agregar más varios otros
funcionalidad es tu sitio web. Y si vas a ver que hay algunos textos no traducidos, entonces deberías revisar
ese plugin también Entonces enhorabuena. Ahora ya sabes cómo
traducir completamente tu sitio web