En este tutorial te voy a enseñar cómo
hacer una página de un WordPress
Utilizando DIVI que es la plantilla número
uno que existe en todo WordPress, y aparte
te voy a enseñar un truco para que lo puedas conseguir con descuento. Y no te
preocupes, no tienes que saber nada de
programación. Lo increíble de Divi es que
tienes más de +1,000 diseños completamente
gratis que podemos poner. Y su editor es
súper fácil de utilizar. Vas a poder
agregar fichas de contacto, newsletter
nuevas páginas con solo un clic.  Al final
del vídeo vas a aprender a hacer una
página como ésta, que funcione en
celulares, computadoras. Tú vas a poder
personalizarlo a tu gusto. Vas a poder
crear cualquier tipo de página de
internet, como por ejemplo esta esta o la
que quieras.
Entonces si estás listos vamos a empezar,
Vamos a  hacer nuestra página de
WordPress en estos 4 sencillos
pasos: El primer paso es obtener nuestro
dominio y hosting. Dominio va a ser el
nombre de tu página, por ejemplo:
tupágina.com si no lo tienes todavía
no te preocupes yo te voy a enseñar cómo
lo consigues gratis. Y los segundos
obtener un hosting.  Hosting es el
servidor que conecta tu página web al
internet. Si no lo tienes todavia uno  yo te voy a
enseñar cómo conseguir el mejor para
DIVI con un 70% de descuento. Después en
el Paso 2 te voy a enseñar cómo Instalar
Wordpress, que es la mejor plataforma del
mundo para crear páginas de internet. De
hecho un tercio de todas las páginas del
mundo fueron creados con esta plataforma. Por ejemplo
la página de SONY o del New York Times '
están creadas con esta plataforma. Y yo
te voy a enseñar cómo instalarlo gratis.
En el paso 3 te voy a enseñar cómo
comprar DIVI con un 10% de descuento, quees la mejor plantilla que existe en todo
WordPress. De hecho la plantilla más
instalada que existe en todo el mundo. Yo
te voy a enseñar cómo la
conseguimos con descuento. Y cómo la
instalamos paso a paso. Y en el último
paso te voy a enseñar cómo
personalizamos toda nuestra página desde
cero. Entonces vamos a empezar.
Si todavía no tienes tu hosting
y dominio vamos a ir al paso 1 y para
eso vamos a entrar esta página que se
escribe así: WWW.PASO1.COM
Entonces entramos a nuestro navegador y
vamos a escribir PASO1.COM
Entramos y si nos va a abrir esta
página en donde podemos activar el cupón
para conseguir nuestro Dominio GRATIS y
el hosting con 70% de descuento entonces
lo único que vamos a hacer es le vamos a
dar clic a este botón azul que dice
Activar Cupón de Dominio, entonces le
damos clic y se nos va a abrir esta
página de site brown que definitivamente
el mejor hosting que existe para
wordpress y para hacer tu página en
libia aparte lo increíble es que usted
tiene esta promoción exclusiva en donde
vas a conseguir el nombre de tu página
gratis
cuentas de correo corporativo gratis y
certificado ssl gratis que es lo que
hace que tu página sea segura yo sé que
había gente que normalmente lo compren
GoDaddy o algo por el estilo pero si
todavía no lo has comprado yo te
recomiendo que lo compres aquí porque
nada más el certificado ssl para que se
den una idea cuesta como 100 dólares y
ellos ahorita con esta promoción te lo
van a dar gratis entonces bueno ahora
tenemos que elegir cuál de estos tres
planes queremos si eres principiante yo
te recomiendo que escoges del plan
startup que te sirve para hacer una
página de internet y con esto vas a
conseguir todas las cosas gratis o si
quieres hacer por ejemplo muchas páginas
de internet supongamos que quieres hacer
una agencia que haga páginas de internet
entonces yo te recomiendo que es el plan
web y que te permite tener sitios web
ilimitados esto quiere decir que tú
puedes tener 30 páginas de internet o 40
páginas de internet en tu servidor y no
vas a tener ningún problema pero bueno
yo en mi caso ya que nada más voy a
hacer una página de internet ahorita voy
a escoger el plan extraer entonces bueno
nada más le va dar clic aquí donde dice
contratar y ahora lo papel que escojamos
cuál queremos que sea el nombre de
nuestro dominio gratis que como teclado
hacer el nombre de tu página ojo es
súper importante si le damos clic
y aquí vamos a ver unos dominios que
están en verde estos son los únicos que
te sirven en el cupón para que te salgan
gratis si intentas escoger algunos de
estos no te van a servir yo te
recomiendo que escojas un dominio que
acabe en puntocom o punto net entonces
por ejemplo supongamos que yo quisiera
comprar el nombre sofía puntocom para mi
tienda o para mi página le dé clic en
continuar y me viene que este dominio no
está disponible esto significa que al
ver más de lo compro si te llega a pasar
esto no te preocupes esto es muy normal
yo lo que te recomiendo es que puedes
con diferentes palabras hasta que
encuentres alguno que esté disponible
por ejemplo sofía web tienda puntocom le
doy clic aquí
una vez que encuentres tu dominio que
esté disponible perfecto ahora aquí
vamos en una cuenta pones tu correo
electrónico y escoges una contraseña
después aquí vamos a llenar todo esto
con nuestra información pones tu nombre
apellido pones tu dirección tu código
postal llenas todo esto con tus datos y
después vamos a escoger con qué método
de pago queremos pagar puedes pagar vía
tarjeta de débito o de crédito entonces
aquí prende información de tu tarjeta
con la que quieras pagar donde estás
segura de llenarlo y después una vez que
ya lo completamos nos vamos a ir aquí
abajo y aquí vamos a asegurarnos que el
periodo esté seleccionado 12 meses para
que podamos tener el dominio gratis y
todas las cosas gratis no te preocupes
no tienes que seleccionar ninguna de las
otras cosas solo eso no le damos clic
aquí y en total nos va a salir en 47
dólares todo el año con todas las cosas
gratis entonces bueno lo único que
hacemos clic aquí y después hay veces
que te pide que verifiques tu pedido
esto no le aparece a todo el mundo pero
si te llega a aparecer esto lo único que
haces es aquí pones tu número de celular
es decir si quieres recibir mensajes o
llamada después de haz clic aquí y te va
a llegar un código que tienes que
ponerlo aquí y con esto ya verificas tú
ahora no te preocupes si esto no te
aparece no le aparece a todo el mundo
pero bueno es en caso de que te aparezca
le das click en continuar y listo una
vez que veas esta pantalla significa que
ya lo compramos con éxito ahora le vamos
a decir aquí donde dice configurar la
cuenta perfecto
ahora vamos a entrar con nuestro correo
electrónico que pusimos a la hora de
comprar site brawn entonces pues tu
correo electrónico y después vamos a
entrar con la contraseña que escogimos
para salvar entonces le damos clic aquí
y esto es nuestro panel de
administración de ese clan donde vamos a
hacer todos los pasos antes de poder
instalar web pues primero tenemos que
verificar nuestra cuenta de sitecom y
para eso va a ser súper sencillo lo
único que vamos a hacer es vamos a abrir
nuestro correo electrónico y vamos a
buscar un mail de shire aunque dice
verification super ahora nos vamos a ir
aquí abajo y para verificar nuestra
cuenta nada más le vamos a dar clic en
este link que aparece aquí se nos va a
abrir una página así y para verificar la
le vamos a arctic aquí donde dice verify
perfecto como podemos ver nuestra cuenta
de sant roc ya quedó verificada ahora sí
podemos instalar wordpress
muy bien ya que verificamos nuestro
hosting y dominio ahora es momento
instalar web pues entonces para eso
vamos a volver a entrar a nuestro panel
de site con nuestro usuario y contraseña
y después le vamos a dar clic aquí donde
dice sitios webs súper ahora le vamos a
dar clic aquí donde dice nuevo sitio web
en donde damos clic y ahora vamos a
escoger este que dice dominio existente
entonces lo seleccionamos y aquí
escogemos el nombre del dominio que
anteriormente compramos en mi caso es
este y después le vamos a dar clic aquí
donde dice continuar super ahora le
vamos a ver que yo dice crear un nuevo
sitio web en donde vamos a dar clic aquí
donde dice seleccionar y ahora escogemos
este que dice web para el centro le
damos clic en seleccionar ahora aquí
tenemos que poner nuestra dirección de
correo electrónico y también tenemos que
escoger una contraseña ojo es súper
importante que este correo y esta
contraseña que pongas a la punta es en
un papel ya que más adelante la vamos a
usar con esta siempre que quieres entrar
a editar tu página va a centrar entonces
apuntaló con wordpress y tu correo la
contracción que pusiste y después le
vamos a dar clic en donde dice continuar
súper ahora te va bien y que si quieres
añadir esto no te preocupes son cosas
extras
en cobrar site web entonces no vamos a
agregar nada de eso nada más le vamos a
dar clic en donde dice terminar y ahora
ya nada más nos tenemos que esperar unos
dos o tres minutos esto en automático
nos está instalando en nuestro web pues
y está configurando nuestra página de
internet en tus oponentes voy a pausar
el vídeo muy bien una vez que te esperas
tres minutos te va a venir todo esto
ahora te va a venir esto que está aquí
le vamos a dar dirección de dice acceso
a la mina
muy bien ahora te va a venir esto aquí
le vamos a dar clic aquí donde dice
salir y felicidades y nos va a abrir
esto que nuestro editor de web pues
donde vamos a hacer todos los cambios de
nuestra página cada vez que quieras
entrar aquí vas a entrar VIA:
El nombre de tu TUPAGINA.COM/WP-ADMIN
con el usuario y contraseña que
escogiste anteriormente de WordPress.  Ahora el siguiente paso es comprar
DIVI con un 10% de DESCUENTO y después
lo vamos a instalar en nuestra página de
Wordpress. Para que podamos hacer todos
los cambios entonces para hacer eso lo
único que tenemos que hacer es vamos a
entrar esta página que se escribe así
SOFIAWEB.COM/DIVI
 o también puedes entrar vía el link
que aparece abajo de la descripción.
Que dice "Obtener Divi
10% de descuento" . Okey,  lo único
que tenemos que hacer es le vamos a dar
click a este link que aparece aquí y se
nos va a abrir esta página en donde
podemos activar el cupón del 10% de
Descuento de Divi y acuérdate que también
puedes entrar vía el link SOFIAWEB.COM/DIVI y con esto puedes activar
el cupón. super entonces para activar el
cupón de descuento lo único que vamos a
hacer le vamos a dar click a este botón
verde que dice activar cupón de divi y
entonces le damos clic
y se nos va a abrir esta página del DIVI
que como podemos ver tiene el 10 de
descuento activado super ahora tenemos
que elegir cual plan queremos de DIVI y
DIVI y tiene dos planes aquí te voy a
explicar cuál es la diferencia en
cualquiera de los dos planes tú puedes
tener sitios webs ilimitados esto quiere
decir que si tú tuvieras 100 páginas de
internet y quieres serlo sin instalar la
plantilla premium tú lo puedes hacer por
eso me encanta esta oferta que hace viví
porque nada más pagas una vez y con esto
lo puedes ver en sitios webs ilimitados
y también tienen esto que me sé más
increíble que se llama risk free garanti
que básicamente es una garantía de
evolución de tu dinero en 30 días y en
30 días no te gusta la plantilla o algo
tú lees escribes y te regresan todo tu
dinero entonces cuál es la diferencia
entre estos dos planes bueno 'el juli'
access lo que hace es te permite tener
sitios webs ilimitados pero nada más por
un año es decir si el año que entra tú
quisieras seguir teniendo la plantilla
en tus sitios webs tendrías que seguir
pagando 80 dólares al año o la segunda
opción que es la que yo te recomiendo es
esta que es de por vida que se llama
lifetime access en donde tú pagas nada
más una vez tú a tu vida para los 224
dólares
y puedes usarlo en sitios webs
ilimitados durante toda la vida o sea si
en 15 años quiere seguir haciendo tu
página utilizando de páginas nuevas de
clientes o lo que quieras puedes seguir
usando esta licencia y lo mejor de todo
es que tiene op dates gratis o sea se te
va a actualizar si hacen algún cambio
entonces está para mí en la mejor oferta
que vas a encontrar no sé si la van a
quitar entonces te recomiendo que la
aproveches porque con este pagas una vez
y ya es de por vida entonces bueno este
es el personalmente el plan que yo tengo
es el que yo te recomiendo entonces para
poder comprarlo lo único que hacemos es
le vamos a dar clic aquí abajo donde
dice sign up today entonces le damos
clic y ahora nos va a pedir que tenemos
todo esto con nuestra información aquí
es súper fácil lo primero que vamos a es
donde dice yo soy name vamos a coger un
nombre de usuario entonces pones el que
tú quieras después en email addresses
vamos a poner nuestro correo electrónico
pones el tuyo en password vamos a
escoger una contraseña después aquí
donde dice confiar un password vamos a
volver a poner la contraseña que
escogimos en first name ponemos nuestro
nombre
en las no imponemos nuestro apellido ok
y luego aquí le vamos a dar clic aquí y
vamos a escoger nuestro país de donde
somos por ejemplo en mi caso yo soy de
méxico entonces escoges tu país ahora le
vamos a dar clic aquí donde dice a green
awards and services ojo es súper
importante que este nombre de usuario
contraseña y correo lo apuntes en un
papel ya que en el siguiente paso lo
vamos a utilizar entonces importante
agarra un papel y pon divi y pones el
nombre de usuario la contraseña y el
mail y listo una vez que ya apunta este
eso lo último que vamos a hacer le vamos
a dar clic aquí donde dice complete
registración horas esperamos algunos
segundos y ahora nos va a pedir que
pongamos la información de nuestra
tarjeta con que queremos pagar yo por
mientras voy a pausar el vídeo pero aquí
tú puedes poner la información de tu
tarjeta de débito de crédito y lo te voy
a enseñar qué es lo que sigue listo yo
ya puse la información de mi tarjeta
ahora lo último que tenemos que hacer es
le vamos a dar clic aquí donde dice
pagada yo en mi caso como escogí el plan
de por vida van a ser 224 dólares entre
le doy clic
y muchísimas felicidades una vez que
llegue esta pantalla significa que ya
compraste dib y con éxito ahora el
siguiente paso es ingresar a nuestra
cuenta de div y para poder descargarlo e
instalarlo en nuestra página que pareció
súper fácil lo único que vamos a hacer
es le vamos a dar clic aquí donde dice
división le vamos a dar clic en donde
dice log in to download y ahora vamos a
entrar con el usuario y contraseña que
escogimos de div y que te acuerdes el
paso anterior que dije que lo apuntadas
entonces aquí entres con tu usuario y
contraseña que escogiste y después le
vamos a dar clic aquí donde dice login
super una vez que entremos vamos a ver
esto que está aquí ojo cualquier cosa si
no llegas a esta pantalla le das click
aquí donde dice main download son y
descargas y vas a entrar esta página que
está aquí muy bien entonces lo primero
que vamos a hacer es vamos a descargar
este que se llama dhabi team entonces
para eso le vamos a dar clic aquí donde
dice download 'difícil' después nos va a
pedir que lo guarde lo guardamos como
debbie y ya se nos está descargando en
nuestra página este archivo entonces una
vez que ya se descargue ahora lo vamos a
instalar en wordpress entonces para eso
vamos a entrar a nuestro editor de
wordpress que como te acuerdas siempre
entras vía el nombre de tu página
puntocom diagonal w admin y ahora para
poder instalar dv es muy sencillo nos
vamos a ir aquí donde dice apariencia
después le vamos a dar clic aquí donde
dice temas ahora le vamos a dar clic
aquí donde dice añadir nuevo y después
le vamos a dar clic aquí donde dice
subir tema entonces le damos clic
ahora aquí le vamos a dar clic en donde
dice seleccionar archivo y vamos a
buscar en nuestras descargas este
archivo que se llama div y normalmente
está en tu carpeta de descargas entonces
lo seleccionamos es súper importante que
el archivo que vayas a subir acabe en
puntos y ok entonces busca este archivo
que acaba en punto zip y después le
vamos a dar clic en abrir y después le
vamos a dar clic aquí donde dice
instalar ahora perfecto ahora
normalmente esto tarda algunos minutos
entonces lo único que tenemos que hacer
es nos vamos a esperar unos dos o tres
minutos no vais a cambiar esta página
y una vez que nos esperamos vamos a ver
algo así ahora lo único que vamos a
hacer le vamos a dar click aquí donde
dice activar y listo ya quedó instalado
como podemos ver aquí te viene como
activo ahora si por alguna razón tienes
problemas o no te dejan instalarlo lo
único que tienes que hacer es entrar a
este link y te voy a enseñar como lass
para instalarlo con el segundo método ok
ahora que ya quedó instalado de y
tenemos que activar la licencia para que
lo podemos usar entonces para poder
hacer eso es súper importante que sigas
mis pasos te vas a ir aquí abajo y vas a
buscar esto que dice viví que está aquí
abajo y después le vamos a dar clic aquí
donde dice opciones del tema
y ahora para poder instalar vivi lo
único que tenemos que hacer es le vamos
a dar clic aquí donde dice
actualizaciones o en caso de que te
venga en otro idioma busca la última
pestaña normalmente existe que está aquí
y ahora aquí tenemos que poner nuestro
nombre de usuario de nuestra cuenta
donde compramos bibi y una cosa que se
llama clave a piqué es un código lo cual
te permite que se actualice tu plantilla
y que lo podamos usar entonces para
poder sacar estas dos cosas es bien
fácil vamos a entrar otra vez a nuestro
panel en donde compramos bibi que
acuérdate que si no puedes entrar vía
este link y ahí pues entra él con tu
usuario y contraseña y una vez que
entres le vas a dar clic aquí donde dice
main downloads y vas a entrar a esta
área que está aquí y después le vamos a
dar clic aquí donde dice my account
súper ahora que ya entramos aquí vamos a
encontrar nuestro nombre de usuario
entonces por ejemplo en mi caso es este
entonces lo primero que vamos a hacer es
vamos a entrar aquí y ponemos nuestro
nombre de usuario y después tenemos que
poner la clave a pie entonces para sacar
lo regresamos a nuestra página de
elegant ins que es donde compramos
debbie y después le vamos a dar clic
aquí abajo donde dice
app
keys ok entonces le damos click y ahora
nos vamos a ir aquí abajo y aquí vamos a
ver que tenemos esto que se llama a peak
y super pues lo único que tenemos que
hacer es vamos a copiarlo entonces lo
copiamos y este código que aparece aquí
que a cada quien le va a parecer
diferente es lo que tenemos que pegar
aquí donde dice clave a pie entonces lo
pegamos y después le damos clic en donde
dice guardar cambios y como podemos ver
felicidades ahora si ya lo activamos con
éxito cada vez que hay una actualización
se va a actualizar todo y ya lo podemos
usar cada vez que quieras instalarlo en
una nueva por ejemplo página si tienes
10 páginas hacen lo mismo mientras
buscas bibi lo instalas y luego lo
activas haciendo este procedimiento que
hay acuerdo que lo puedes instalar en
páginas webs ilimitadas súper ahora el
siguiente paso es ver cómo se ve nuestra
página de internet entonces para eso le
vamos a dar clic aquí donde dice my
wordpress
ok ahora antes de seguir con el tutorial
es súper importante que si no te has
suscrito a mi canal de youtube todavía
suscríbete para que no te pierdas los
pasos y también es importante que das
todo el vídeo hasta el final ya que hay
unas partes que son súper importantes
que necesito que veas entonces bueno
ahora sí sigamos con el tutorial y así
es como se ve actualmente nuestra página
ahora el siguiente paso te voy a enseñar
cómo lo hacemos para cambiar todo el
diseño por antes te voy a contestar dos
dudas que siempre me hacen lo primero es
por que aparece esta barra negra que
aparece aquí arriba eso no te preocupes
nadie lo ve nada más tú lo ves porque
estás dentro de tu editor y lo segundo
es porque te aparece esto aquí arriba
como que tu página no es segura eso se
debe a que todavía no hemos activado el
certificado ssl que acabando este
tutorial al final te voy a enseñar cómo
lo hacemos para que lo activen ya que
tengas tu página hecha bueno entonces
para poder cambiar el diseño le vamos a
dar clic aquí y después clic aquí arriba
donde dice dashboard
super ahora antes de cambiar el diseño
primero tenemos que preparar nuestra
página entonces para eso es bien fácil
primero le vamos a dar clic aquí donde
dice páginas y después le vamos a dar
clic aquí donde dice todas las páginas
muy bien web pues normalmente nos
instala unas páginas siempre entonces lo
que vamos a ver vamos a borrar todo para
que nuestra página esté limpia entonces
selecciona todas las que te aparecen
después le vamos a dar peer en mover a
papelera y después clic en aplicar súper
ahora que ya eliminamos eso vamos a
añadir cuatro nuevas páginas ok
3par añadir una nueva página va a servir
un fajín bien fácil va a ser en páginas
y luego añadir nueva y la primera página
que vamos a agregar es esta que se llama
inicio que va a ser nuestra página
principal entonces aquí escribe inicio y
después le vamos a dar clic en publicar
y después otra vez clic en publicar y
listo como podemos ver ya está publicada
ahora le vamos a dar clic aquí donde
está este icono de web presente le damos
clic y ahora que ya ya podemos ver que
ya se agregó nuestra primera página
ahora vamos a añadir tres más entonces
después lo vamos a ver qué dice añadir
página es otra forma en la que puedes
añadir
y vamos a añadir una página que se llama
servicios porque yo quiero tener una
página de servicios después le damos
clic en publicar publicar otra vez le
vamos a dar clic en el icono de white
pues otra vez le vamos a ver que nos
dice añadir nueva y ahora vamos a añadir
una que se llame contacto
otra vez publicar publicar
otra vez le damos clic en el icono y por
último vamos a añadir una que se llame
blog entonces vamos a ver qué dice
añadir nueva
y vamos a añadir una más publicar y
listo otra vez le vamos a dar clic aquí
en el icono de web y listo una vez que
ya añadís te las páginas que tú quieres
acuérdate si después quiero añadir una
página nueva las que nadie página y
puedes añadir una página normal pero
bueno ahora que ya está es súper
importante le tenemos que decir a
wordpress si le damos clic aquí en la
casita vamos a poder ver que ya están
aquí añadidas nuestras páginas pero yo
le quiero decir a wordpress que cuando
la gente le dé clic en inicio entre a la
página de inicio que es la página que
vamos a editar entonces para poder hacer
eso va a ser bien fácil le vamos a dar
clic aquí donde dice dashboard y después
nos vamos a ir aquí donde dice
apariencia personalizada
ahora los vamos a ir aquí abajo donde
dice ajustes de página de inicio y
después una página estática es súper
importante que sigas estos pasos porque
si no tu página no te va a servir bien
ahora que uno dice página de inicio
vamos a seleccionar la página que
nosotros creamos que se llama inicio o
la que tú quieres que sea tu home page y
en donde dice página de entradas vamos a
seleccionar la página que hicimos de
blog ok ahora es súper importante le
vamos a dar clic y donde dice publicar
después nos vamos a ir atrás y por
último te voy a enseñar cómo lo hacemos
para cambiar el orden del menú me
preguntan qué porque no se ve aquí
completo eso se debe a que yo tengo la
compu
no lo tengo con mucho sol de hecho si se
van para atrás pueden ver que si aparece
usar la gente si le va aparecer pero
bueno como lado para cambiar este orden
del menú le vamos a dar clic aquí donde
dice menús y ahora tenemos que elegir
tenemos que hacer un menú principal
entonces le vamos a dar clic aquí donde
dice crear un nuevo menú y aquí donde
dice nombre menos vamos a poner menú
principal sofía por este nombre después
siguiente y ahora sí vamos a elegir
queremos que este sea nuestro menú
principal es súper importante que le
escribe aquí y después le vamos a dar
clic aquí donde dice añadir elementos y
aquí ya vamos a poder agregar las
páginas que nosotros hicimos como
podemos ver cada vez que le damos clic
aquí se van añadiendo pues por ejemplo
yo quiero que están estas cuatro
ahorita como podemos ver aquí al lado se
van a poner si quisiera cambiar el orden
le puedes dar click aquí con esto hace
submenús o también por ejemplo si
quieres cambiar la organización entonces
una vez que que el menú como tú quieres
le damos clic en publicar y como podemos
ver ya quedó el orden diferente ahora
que ya hicimos nuestro menú le vamos a
dar no va a hacer zoom para que puedan
seguir viendo va a ser pero bueno ahora
lo vamos a dar clic aquí a la tacha y si
le damos clic aquí vamos a poder ver que
ya quedó nuestro menú completo ahora que
ya preparamos todo lo de nuestra página
es momento de cambiar el diseño que es
la parte divertida entonces para cambiar
una nueva página nada más entrar a la
página y aquí en nuestro editor va a
saber esta parte arriba que dice
habilitar constructor visual entonces le
damos clic
y se nos va a abrir esto de ahora aquí
si quieres tomar este tutorial es un
cultural muy bueno en inglés lo puedes
tomar te recomiendo yo en mi caso lo bar
clic aquí donde dice empezar a construir
ahora existen tres formas diferentes en
las que puedes crear una página con divx
y la primera es hacerla desde cero que
realmente no te lo recomiendo o la
segunda es elegir un diseño y nada más
ir cambiando esta es la forma en la que
nosotros vamos a hacer este tutorial y
en la que yo te recomiendo ya que la más
fácil y la que funciona mejor entonces
bueno ahora le vamos a ver qué dice
elegir diseño y aquí se nos van a cargar
miles de temas diferentes que nosotros
podemos importar completamente gratis es
lo increíble de vivir que tienen diseños
increíbles hay diseños de todo entonces
aquí te recomiendo que te des una es
cargada yo el tema que te recomiendo más
el que me animan me gusta es este que se
llama jeans y entonces es que nosotros
vamos a utilizar en este vídeo entonces
bueno una vez que encuentres el tema que
te gusta le das click y aquí vas a ver
las diferentes páginas que puedes
agregar por ejemplo este tiene la página
de home tiene la página de contactos le
das picar abajo puedes ver lo que se va
a importar
yo en mi caso voy a hacer la página de
inicio entonces selecciona esta que dice
home y ahora para importar esta página
todo el diseño completo es bien fácil lo
único que haces le das clic a este botón
que dice news this layout y con estos
importan ojo es súper importante que le
explica este botón y no lo vais a dar
clic en este botón que dice guardar
porque no te va a pasar nada por ejemplo
me va a enseñar si le explicas en
guardar no se te va a importar nada a mí
ya me pasó ese error si te llega a pasar
esto lo único que hacemos es nos vamos a
ir aquí abajo le vamos a dar clic aquí
donde está el signo de más
y después lo único que vamos a hacer es
seleccionamos la plantilla otra vez yo
voy a escoger este que dice job en la
página principal y ahora sí le vamos a
dar clic a este botón que dice news this
ley entonces le damos clic y como
podemos ver se está importando nuestra
página normalmente se tarda unos dos o
tres minutos entonces lo único que
tienes que hacer es esperar y una vez
que se ha importado vas a ver algo como
esto así que felicidades ya importamos
todo el diseño de nuestra página de
inicio por eso me encanta vivir porque
es súper fácil de usar así puedes
importar cualquier diseño ahora te voy a
enseñar cómo lo editamos para cambiar
cualquier texto de bibi lo único que
haces lo seleccionas y aquí por ejemplo
puedo poner tu negocio o puedes cambiar
el texto que quieras por ejemplo ya
poner débil para negocios tú pones el
texto que quieras si quisiéramos cambiar
esto de aquí abajo es de igual forma es
súper fácil equipo poner los mejores
productos y servicio
ahora qué pasa si quiero por ejemplo
cambiar el color de este botón que
aparece aquí yo quiero cambiar el texto
lo único que hacemos es le damos doble
clic y se nos va a abrir esto que esto
es nuestro editor de div y que nosotros
podemos mover para que quede como quiera
entonces para poder cambiar por ejemplo
el primer botón aquí vamos a encontrar
lo que dice botón uno y aquí yo voy a
poner servicios y después quiero otro
botón que diga contacto donde se activa
por el contacto y como podemos ver se
añadió el botón ahora cómo le hago para
que cuando la gente le dé clic en
servicios lo lleve servicios y que la
gente contacto
lo único que vamos a hacer es vamos a
entrar a otra nueva pestaña y vamos a
entrar el nombre de nuestra página
y aquí vamos a entrar a la sección que
queremos cambiar por ejemplo yo quiero
que me lleve a la sección de servicios
entonces le explicas a la sección que
quieres poner en tu botón y copiar la
url tal cual como parece aquí arriba ok
entonces ahora yo le quiero decir que
cuando le den clic al botón uno lo lleve
a servicios entonces para eso le vamos a
dar clic y donde dice enlace y aquí
podemos poner la url el botón es por
ejemplo el tema llevar a servicios y
éste quiero que me lleva a contacto
entonces igual entramos a una nueva
pestaña de nuestra página copiamos la
url tal cual
y aquí la pegamos en donde dice botón
url listo ahora como lo hacemos si
queremos cambiar el diseño del color
todo lo que tenga que ver con diseño hay
dos opciones vas a ver que si le das
clic aquí vas a encontrar este lápiz
hito azul que si le das clic te lleva en
automático a la sección donde lo puedes
cambiar es la forma más fácil muy bien
entonces para cambiar el color por
ejemplo de una sección es bien sencillo
aquí por ejemplo yo puedo escoger el
color del texto por ejemplo del botón
uno o si quieres cambiar el color por
ejemplo aquí le puedes dar clic aquí
puedes cambiar el color el color que tú
quieras pero a ver qué pasa por ejemplo
cuando yo paso el mouse se cambia el
color del texto como lado para cambiar
ese color del texto aquí donde dice
botón color del texto le damos a dar
clic en donde dice flotar y aquí nos va
a dejar cambiar el color entonces por
ejemplo yo quiero que sea blanco aquí
aparece como si tuviera todo en blanco
pero no te preocupes un error que tiene
viví lo único que tienes que hacer le
vamos a dar clic aquí donde dice
escritorio y podemos ver que ya quedó
cambiado entonces cualquier cosa que
tenga que ver con color de igual forma
lo único que haces es pues entrar aquí
donde dice diseño lo puedes entrar bien
el lápiz o donde dice diseño y aquí vas
a encontrar cómo lo hacemos para cambiar
quiero que este texto sea más grande
entonces de igual forma lo seleccionó
nos vamos a ir aquí donde dice título de
texto y aquí vamos a encontrar esto en
donde me deja cambiar por ejemplo el
color puedo hacer por ejemplo también el
tipo de letra más grande o si quieres
cambiar el tipo de letra aquí te va a
dejar cambiarlo vas a encontrar
muchísimos tipos de letra diferente a mí
te voy a esta recomendación a mí me
gusta quedarme con los que tienen el
diseño porque sé más que si queda más
profesional pero bueno eso es una
elección pues una vez que ya quede del
tamaño que tú quieras perfecto ahora te
voy a enseñar cómo lo hacemos para
cambiar la imagen esta que aparece de
fondo ok entonces para poder cambiar la
imagen de fondo de esta sección le vamos
a dar clic a esta tuerca que está aquí
ok ahora antes de irlo el tutorial es
muy importante que sin notas y aquí está
mi canal de youtube todavía suscríbete
para que no te pierdas los pasos y
también es importante que hagas todo el
vídeo hasta el final ya que es una parte
importante es que necesito que vengas
entonces bueno ahora sí sigamos con el
ecuador ya le damos clic en abrir y
antes de subir una foto primero se tiene
que cargar entonces lo único que hacemos
es nos esperamos a que se cargue
y una vez que ya se cargó le damos click
en subir imagen y como podemos ver ya se
cambió la imagen super ahora mucha gente
me pregunta y cómo lo hago para cambiar
esto que está azul yo quiero que sea de
otro color ok para eso le vamos a dar
clic no en esta parte sino en esta que
está en negro le vamos a dar clic en la
tuerca y aquí nos vamos a ir a abajo y
vamos a encontrar esta parte que dice
fondo ok entonces aquí tú puedes por
ejemplo si yo quisiera eliminar este
fondo lo puedo eliminar y va a quedar la
foto de fondo si quisiera poner por
ejemplo un color lo puedo poner yo te
recomiendo que aquí escojas un color que
se acerque mucho por ejemplo aquí puedes
jugar esto se llama en que alguien no sé
cómo se diga en español pero aquí tú
puedes escoger dos colores diferentes y
como podemos ver hace un diseño
increíble yo siempre recomiendo que le
pongan este tipo de fondo ahora qué pasa
si por ejemplo no te gusto vamos a
encontrar estas dos cositas si le damos
clic en el morado se va a hacer cuenta a
ir atrás el cambio que hicimos ok
entonces si no te gusto le puedes dar
clic aquí
una vez que ya quede como tú quieres
perfecto yo ya quedo como yo quiero
ahora vamos ir a la siguiente sección
esta sección tiene iconos entonces para
cambiar algún icono lo único que hacemos
es le vamos a dar clic en la tuerca esta
negra que aparece aquí y aquí vamos a
poder cambiar el texto por ejemplo aquí
voy a poner los servicios y si quiero
cambiar el icono nos vamos y aquí donde
dice imagen e icono y aquí me va a dejar
seleccionar entre cientos de iconos
gratis de igual forma si quieres cambiar
cualquier cosa que tenga que ver con
diseño le damos clic en la tuerca y
después lo damos aquí en diseño y aquí
puedes cambiar el color de cualquier
cosa cualquier elemento así en la forma
ahora para poder cambiarlo el texto y
aquí por ejemplo va a poner productos y
calidad
aquí tú puedes poner lo que tú quieras
que pase si quieres añadir uno nuevo por
ejemplo yo quiero que sean cuatro
entonces bien fácil aquí donde está esto
vamos a copiarlo en donde está la cosita
negra y se nos copió en automático otro
nuevo elemento se repitió entonces le
vamos a dar clic aquí y lo podemos mover
donde nosotros queramos por ejemplo yo
quiero que quede aquí y así añadir un
nuevo elemento de igual forma si quieres
cambiar por ejemplo va a poner a
personas y si quieres cambiar el icono
volvemos a lo mismo todo aquí va a ser
súper repetitivo le damos clic en la
tuerca después le damos clic en icono y
aquí nos va a dejar cambiar
lo que tú quieras ok listo ahora que ya
vimos eso vamos a la siguiente sección
super entonces para cambiar esto
acuérdate todo va a ser bien repetitivo
aquí yo quiero que sea sobre nosotros
aquí pones el texto que tú quieras
entonces no seleccionó lo pego de igual
forma si quisieras cambiar el botón ya
sabemos que le podemos dar doble clic y
aquí podemos poner lo que quieras ya
sabes cómo poner los links ok pero a ver
qué pasa si quieres cambiar esta imagen
que aparece aquí ok entonces le vamos a
dar clic en la tuerca y esta que está
aquí y aquí se nos van a venir las dos
columnas entonces yo quiero cambiar la
imagen de esta columna entonces vamos a
dar clic en la tuerca y después lo vamos
a ir aquí a fondo y vamos a ver la
imagen que está entonces quiero subir
una nueva ley y minó y después le damos
clic en subir archivos seleccionar
archivo
y aquí podemos elegir la imagen de
nuestra computadora
nos esperamos a que se cargue le damos
click en subir imagen y listo ya se
cambió ahora vamos a dar clic aquí
y ya quedó ahora qué pasa si quieres
agregar una nueva sección vamos a
suponer que no te gusta por ejemplo si
quisiera eliminar una sección de poder
clic aquí donde estaba sobre el grupo
borrar pero qué pasa si quiero agregar
una sección que no está ok entonces para
eso le vamos a dar que donde dice
agregar nueva sección y ahora le vamos a
dar clic aquí donde dice rectangular de
aquí yo yo quiero que sea de dos
columnas entonces le damos clic y aquí
nos va a dejar agregar una sección desde
cero yo te recomiendo que lo hagas desde
plantillas pero bueno si lo quieres
hacer aquí te va a explicar cómo le
haces por ejemplo yo quiero que es una
sección como ésta que tiene dos partes
entonces le voy a dar clic aquí
y se nos va a añadir esto dónde tenemos
dos columnas entonces para añadir un
nuevo elemento es bien fácil lo único
que hacemos es le podemos dar clic por
ejemplo si yo quiero agregar aquí un
vídeo le doy clic y aquí me va de aquí
podemos ver todos los elementos que yo
puedo agregar vas a encontrar cientos yo
lo que te recomiendo es que le piques y
ahora vamos a buscar una que se llama
vídeo entonces encontramos el elemento
que nos gusta que es este que está aquí
como podemos ver ya se agregó aquí el
elemento pero qué pasa si tú quieres
poner tu vídeo y no este vídeo de div y
va a ser bien fácil lo único que vamos
es le vamos a dar clic aquí esta tuerca
que está aquí y aquí nos va a dejar
subir un vídeo o la segunda opción que
la que yo te recomiendo y subió un video
a youtube por ejemplo esos son mis
vídeos que por cierto si no te
suscribiste canal suscríbete para que no
pierda los siguientes pasos y una vez
que encuentres el vídeo que te gusta por
ejemplo supongamos que yo quisiera subir
este vídeo de youtube le doy clic aquí
donde dice ser y me va a dar una url
entonces esta url la copio
después regresamos a nuestra página y
ahora lugar que donde dice insertar test
de url y aquí voy a pegar mi y una vez
que ya se pegó ahora le vamos a dar clic
aquí donde dice insertar entrada
ahorita actualmente no se ve pero no te
preocupes le damos click aquí y podemos
ver que ya es inserto ahora qué pasa si
quieres poner un texto donde damos clic
aquí
y de igual forma vamos a buscar ahora
esta sección que dice texto
entonces por ejemplo yo quiero que diga
vídeo entonces aquí nada más selecciones
todo pones vídeo
y como queremos que esté en grande es
súper importante que le pique sé que
dice here in one y ahora para cambiar el
tamaño de esta sección le vamos a dar
clic aquí donde dice diseño y es súper
importante que le explique qué dice el
texto de subtítulo ya que es un título
que están más grande entonces asegúrate
de darle clic aquí de igual forma aquí
podemos cambiar el tipo de letra si
quisieras cambiar otro tipo de letra yo
te recomiendo en lo personal que te
quedes con montserrat pero bueno ahora
si lo quisiéramos entrar le podemos
repite aquí y aquí podemos cambiar el
tamaño por ejemplo yo lo quiero así de
grande ahora para agregar otro nuevo
elemento le vamos a dar clic aquí y de
igual forma yo quiero volver a agregar
texto por este digo es tan repetitivo
que a mí me gusta más en lo personal
literalmente importar una pestaña
entonces bueno aquí cambias el texto que
quieras poner lo que tú quieras una vez
que ya quedó perfecto y ahora si quieres
agregar un botón
le damos clic aquí y ahora vamos a
agregar un botón y así es como lo haces
por ejemplo aquí también puede poner
contacto de igual forma si quieres
cambiar el diseño y todo eso ya te
expliqué
es para centrarlo le podemos dar click
aquí en diseño después clic en la
alineación y así lo podemos cambiar y
acuérdate ya te expliqué la primera
parte como lo hacemos para cambiar
entonces y quiere ser una sección desde
desde cero esa es la forma en la que lo
haces yo te recomiendo en lo personal
que te quedes con las secciones que ya
están pero bueno si lo quieres hacer esa
es la forma
ahora vamos a ir a esta parte de aquí
que para mí es una de las partes más
importantes cuando es una página de
internet que es poner un newsletter
dentro de tu página si va a ser una
página es súper importante que lo pongas
aquí te voy a explicar cómo lo hacemos
lo primero que hacemos es vamos a poner
aquí el título por ejemplo va a poner
suscríbete a mi newsletter después aquí
pones el texto que tú quieras yo por
ejemplo en mi caso voy a poner este
texto y ahora para que nosotros podamos
empezar a recolectar emails de nuestros
clientes es importante que tengamos una
cuenta en algún proveedor de email
marketing si no tienes no te preocupes
yo te voy a enseñar como las para
conseguir una gratis con el mejor
proveedor que es el que yo uso entonces
para eso vamos a entrar esta página que
se escribe así mejor email puntocom
entonces entramos a esta página y aquí
se nos va a abrir esto en donde nosotros
podemos activar una cuenta gratis por 30
días de este proveedor que es el mejor y
es súper fácil de usar
entonces para crear una cuenta gratis lo
único que hacemos es le damos clic en
este botón que aparece aquí
y se nos va a abrir este programa que se
llama get right ons que este es el
programa que yo personalmente uso para
hacer email marketing y newsletters y lo
mejor es que ahorita tienen 30 días
gratis con un montón de cosas como
landing pages y un montón de cosas
entonces para hacer una cuenta gratis es
bien fácil primero equipo es tu nombre
después aquí poner tu correo electrónico
y después escoges una contraseña
entonces pones tu contraseña y después
le vamos a dar click aquí
y listo ahora tenemos que verificar
nuestro correo electrónico entonces para
poder activar nuestra cuenta vamos a
entrar a nuestro correo y vamos a buscar
este email que dice que response para
poder verificar nuestra cuenta entonces
buscas tu correo le das clic y para
activar nuestra cuenta ahora le vamos a
dar clic aquí donde dice activar su
cuenta entonces le damos clic listo
ahora ya nada más tenemos que llenar
todo esto con nuestra información
entonces aquí pones tu nombre dirección
apellido llenas todo esto con tus datos
por ejemplo estoy poniendo mi dirección
código postal ciudad entonces bueno
vamos a llenar todo esto con nuestra
información aquí ponemos el estado y
abajo vamos a poner nuestro número de
celular que es importante que es el
correcto ya que lo tenemos que verificar
entonces por este número de celular
ahora le damos clic aquí y ahora tenemos
que verificar nuestro nombre entonces se
nos va a mandar un código para poder
verificar nuestro celular le damos clic
y ahora ya nada más tenemos que poner el
código que nos llegó de que response
aquí para verificarlo
entonces pones tu código
y después le vamos a dar click aquí
donde dice verificar perfecto ahora nos
va a pedir que elijamos un plan que si
quieres empezar pagan un plan lo puedes
hacer o si quieres seguir con la versión
gratis la damos clic aquí
super ahora lo siguiente que vamos a ver
tenemos que crear una lista nueva
entonces para eso le vamos a dar clic
aquí arriba donde dice listas y después
le vamos a dar clic en donde dice crear
lista ahora aquí súper importante que no
puedes poner espacios entonces por
ejemplo ya poner mi better
página web nos pones el que tú quieres
después le damos clic en crear y listo
ya que creamos nuestro newsletter ahora
lo siguiente que vamos a les vamos a
regresar a nuestro editor después vamos
a darle clic aquí donde está la tuerca
le volvemos a dar clic
y se nos va a abrir esto entonces aquí
si quiero cambiar el botón lo puedo
cambiar pero ahora lo que tenemos que
hacer le vamos a ver que quien dice
cuenta de correo electrónico y aquí
vamos a coger nuestro proveedor de
servicio que en mi caso es que response
entonces encontramos getresponse y ahora
nos va a pedir que seleccionemos una
lista entonces para eso le vamos a dar
clic aquí donde dice añadir y nos va a
pedir el nombre de nuestra cuenta que es
tu nombre de usuario y te va a pedir una
cosa que se llama a pic ok entonces tu
nombre de cuenta va a ser todos tu
usuario no sé cuál sea el tuyo y tú a
pic y te voy a enseñar cómo lo sacas
regresamos a nuestra página de get
response y lo le vamos a dar clic aquí y
después le vamos a dar clic aquí donde
dice integraciones y api y ahora le
vamos a dar digo aquí donde dice apple
supera ahora tenemos que copiar esta
clave que aparece aquí a cada quien le
va a parecer una clave diferente
entonces las copias y aquí ya nada más
la vamos a pegar y después le damos clic
en enviar
ya cada vez aquí ahora ya nada más
tenemos que seleccionar a qué lista
queremos que se suscriba entonces escoge
la que tú hiciste que en mi caso su
newsletter página web y en mi caso tengo
muchas listas pero bueno asegurarte de
seleccionar la tuya y una vez que ya
quedó ya nada más tenemos que vamos a
poner qué mensaje queremos cuando la
gente ya acabe de poner esto entonces
por ejemplo aquí vas a ver que existen
diferentes secciones por ejemplo puedes
cambiar campo y aquí donde dice mensaje
en sección vamos a poner gracias por
suscribirte
ese mensaje le va aparecer cuando la
gente ya se haya suscrito y le damos
click en mente listo ya pusiste un
newsletter en tu página de internet
también ahora vamos a ir a la siguiente
parte que es esta aquí que es de
contacto
de igual forma acuérdate que para poder
cambiar textos aquí puedes cambiar el
texto que quieras si quisieras cambiar
esto como la es para cambiar los textos
que aparecen aquí en el formulario este
que está aquí que se contactó aquí
puedes poner un nombre email mensaje que
no sé por qué equis y pico pero bueno el
mensaje si quiero cambiar el botón
le doy doble clic y aquí me va a venir
esto en donde puedo cambiar aquí puedo
cambiar el título entonces voy a poner
envíanos un mensaje y en botón de envío
que es este que está aquí yo quiero que
diga enviar mensaje
ok ahora cada vez que alguien nos envía
un mensaje aquí tenemos que decir a que
corro queremos que nos llegue ok
entonces para eso le vamos a la
aplicación dice correo electrónico y
aquí vamos a poner el correo donde
quiero que me llegue entonces pones tu
correo electrónico y aquí este es el o
sea como el texto que te va a venir para
que tú sepas que ese a quien tú y yo
siempre pongo un mensaje de página web
no puedes poner lo que quieras y
ya con eso pusimos esta sección lo padre
de div y que a mí me encanta es que tú
puedes guardar por ejemplo si éste yo
después la quiero usar en está de
contacto tú puedes guardar esta sección
entera para que no la tengas que volver
a hacer para hacer eso es bien fácil lo
único que hacemos es le vamos a dar clic
aquí arriba donde dice guardar sección
en biblioteca y aquí voy a poner
contacto sofía
y después debo dar clic en donde dice
guardar en biblioteca y se me va a
guardar en la biblioteca ahorita más
adelante te voy a enseñar cómo lo
hacemos para utilizarlo pero de igual
forma si quiero guardar por ejemplo este
newsletter
porque lo quiero poner en tu sección
aquí va a poner newsletter sofía y
también puedo guardar los game entonces
ahora que ya quedó para poder ya guardar
nuestra página principal le vamos a dar
clic aquí donde dice guardar y listo ya
que quedó guardada ahora sí podemos
salir de nuestro constructor para poder
ver como sobre los cambios entonces es
súper importante que le des clic aquí
donde dice salir de constructor visual
y ahora sí ya podemos ver cómo se ve
nuestra página está quedando increíble
ya hicimos toda la página principal ya
funciona todo ahora te voy a enseñar
cómo lo hacemos para cambiar la
siguiente parte supongamos que quieres
cambiar la parte de servicios la página
que hicimos entonces nada más le damos
clic a la página que queremos cambiar y
después acuérdate que le vamos a dar
clic aquí arriba donde dice habilitar el
constructor visual a cuenta que siempre
tienes que hacer estos pasos entonces le
damos clic y de igual forma te van a
venir tres opciones yo te recomiendo que
le pique es elegir diseño aquí volvemos
a elegir el diseño que nosotros
escogimos en mi caso es este y aquí
vamos a ver las diferentes páginas que
hay entonces por ejemplo esta es una
sección de servicios entonces lo único
que vamos le vamos a dar clic aquí donde
dice just this layout acuérdate darle
click a este botón y se nos está
empezando a importar y como podemos ver
ya se importó también esta sección súper
ahora te voy a enseñar volvemos a lo
mismo todo aquí es súper repetitivo
hacer lo mismo si quieres cambiar este
texto lo único que hacemos es aquí
ponemos nuestros servicios por ejemplo
acuérdate que esto va a ser exactamente
lo mismo ya sabes cómo cambiar fondos y
todo super ahora aquí también vamos a
cambiar esto vamos a poner nuestros
servicios
y aquí puedes cambiar estos iconos ya
supimos cómo qué pasa si por ejemplo yo
quiero agregar aquí nada más hay tres
proyectos yo quiero agregar seis quiero
agregar otra columna igual entonces le
voy a dar clic aquí donde está esta
cosita verde y aquí abajo se nos puso
esta sección que está aquí entonces así
es como puedes agregar nuevos elementos
y ahora si vas a ver que cuando te
importa las páginas va a ver partes que
no vas a querer por ejemplo yo no quiero
esto entonces si quieres borrar alguna
parte que no te gusta le puedes dar clic
aquí donde está este basurero y con esto
lo podemos borrar también por ejemplo y
ves que hay espacios en blancos con esto
lo podemos borrar si quieres cambiar el
fondo de alguna parte le das clic aquí
después le das clic en diseño
y perdón en contenido fondo y aquí
podemos escoger un color de fondo me
gusta por ejemplo un poquito gris para
que sea un poquito dinámico aquí por
ejemplo puedes poner nuestro equipo
puedes poner lo que tú quieras ya sabes
cómo hacerlo entonces si quieres cambiar
el orden por ejemplo de esta sección lo
único que haces es vamos a suponer que
quieres yo quiero que esta sección
aparezca le puedes dar clic aquí y con
esto lo puedes mover entonces bueno así
de fácil es
acuérdate de eliminar las secciones que
no quieras aquí vamos a poder ver qué
otra vez aparece este newsletter pero
nosotros ya habíamos hecho un no te
acuerdas entonces para agregar esta
sección yo voy a eliminar este para
poder agregar una sección que ya
teníamos va a ser súper fácil lo único
que hacemos es le vamos a dar clic aquí
y después nos va a venir que si queremos
añadir añadir una sección de cero o de
biblioteca entonces le vamos a dar clic
aquí y aquí vamos a ver las secciones
que hemos ido guardando por ejemplo yo
quiero poner la de newsletter y ya se va
a abordar en automático ya no tenemos
que configurar nada por eso a mí me
encanta div y entonces bueno ya que
vimos esto ya que acabaste tu página
completa ahora nada más le vamos a dar
clic en guardar y una vez que ya se
guardó ahora acuérdate que le vamos a
dar clic aquí donde dice salir de
constructor visual y ya podemos verlos
de nuestra página se está viendo
increíble acuérdate que ya sabes cómo
cambiar imágenes cómo cambiar todo super
ahora te voy a enseñar cómo lo hacemos
para cambiar la sección de contacto
entonces para eso le vamos a dar clic
aquí y otra vez le vamos a vertir aquí
donde dice habilitar el constructor
visual otra vez le va dar clic aquí
donde dice elegir diseño volvemos a
escoger la página que te gusta o qué es
la que está es la que nosotros estamos
trabajando por ejemplo se tiene esta
sección de contacto entonces escojo
después de hoy clic aquí donde dice
justice layout y aquí acuérdate igual
vamos a poner contacto aquí puedes
cambiar el texto que quieras aquí puedes
poner lo que tú quieras que acuérdate
que todo esto va a ser súper repetitivo
aquí puedo poner enviarnos un mensaje ya
sabes cómo cambiar textos imágenes ahora
qué pasa por ejemplo yo quiero quitar
este quiero poner la que ya tenía
entonces aparte eliminar si queremos
agregar una nueva sección le vamos a dar
clic aquí
después clic en añadir desde biblioteca
y escogemos la de contacto sofía y ya se
añadió la que ya teníamos así de fácil
es ya sabes cómo editar cada sección
ahora qué pasa si quieres poner este
formulario de mapas en este vídeo no te
voy a enseñar por qué tienes que hacer
ciertas cosas con google pero te baja el
link en la descripción para que lo veas
después que te enseña cómo lo haces para
añadir un mapa dentro de vídeo que yo te
recomiendo que en este caso lo elimines
ya que los mapas tienen muchos problemas
pero si quieres ver vídeo te voy a dejar
en la descripción sobre cómo lo puedes
añadir entonces una vez que ya quedó
ahora le vamos a dar clic en guardar y
ahora vamos a salir de nuestro
constructor visual listo ya tenemos
ahora nuestra página de contacto ahora
sí nos vamos a quedar aquí abajo vamos a
ver que aparece esto y aparece eso que
dice diseñado delegan teams entonces el
siguiente paso te voy a enseñar cómo lo
hacemos para modificar esto entonces
para eso va a ser bien fácil le vamos a
dar clic aquí donde dice my web page y
después personalizado de temas
ahora los vamos a ir aquí abajo y vamos
a ver que nos van a aparecer estos
lápices que aparecen aquí entonces si le
damos clic primero vamos a quitar esta
sección que yo no sé por qué la pone y
entonces le vamos hacer clic en eliminar
después aquí clic en eliminar y después
clic aquí en eliminar y ya en automático
se va a quitar esto yo sé que ahorita
aparece pero ya una vez que lo
publiquemos y quedamos los cambios ya no
va a aparecer ahora cómo lo hacemos para
modificar este texto que aparece aquí
abajo por eso nos vamos a ir a cataratas
y después le vamos a dar clic aquí donde
dice pie y después lo único que vamos
ustedes le vamos a ver que aquí donde
dice barra inferior ahora los vamos a ir
aquí abajo aquí por ejemplo vamos a ver
qué dice esto diseñado por elegant in
que yo quiero quitar esto que diga por
ejemplo sofía web todos los derechos
reservados
entonces que lo puedes poner
los derechos reservados
aquí puedes poner lo que tú quieras
también si tú quieres cambiar por
ejemplo el color de la barra lo puedes
hacer aquí y después le vamos a dar clic
aquí donde dice publicar listo ahora si
quieres cambiar los iconos que aparecen
aquí le vamos a dar clic aquí donde dice
elementos de pie de página y aquí puedes
activar o activar los iconos más
adelante te va a enseñar cómo lo hacemos
para cambiarlos entonces una vez que ya
quede como tú quieras le damos clic en
publicar y después le vamos a dar clic
aquí en la tacha y si nos vamos abajo
vamos a ver que ya cambiamos por
completo esto ahora te voy a enseñar
cómo lo hacemos para cambiar los iconos
y para cambiar nuestro logotipo que es
en el mismo lugar ok es para eso vamos a
entrar aquí y después le vamos a dar
dirección de dice das clic
ok para poder cambiar esos elementos nos
vamos a ir aquí donde dice viví y
después le vamos a dar clic aquí donde
dice general perfecto ahora vamos a ir
aquí abajo y lo primero que como ustedes
vamos a poner nuestros iconos de redes
sociales aquí vamos encontrar por
ejemplo de facebook twitter entonces por
ejemplo yo quiero poner mi perfil de
instagram lo único que hago es entra a
mi cuenta de instagram y vamos a copiar
el link tal cual como aparece arriba de
chistes ni instagram por si me quieren
seguir en sofía web 1 2 3 2 lo copiamos
y después lo vamos a pegar aquí vamos a
ver que en automático se pone un símbolo
de gato para las redes que no tenemos
entonces asegúrate de quitarlo y aquí
también asegúrate de desactivar los
iconos que no quieres que aparezcan por
ejemplo yo no quiero que aparezca
google+ y listo
después le vamos a dar clic aquí donde
dice guardar cambios por último vamos
subir nuestro logotipo entonces para eso
lo vamos a ver aquí donde dice subir
después seleccionar archivos vamos a
escoger nuestro logotipo y le vamos a
dar clic en abrir en caso de que no
tengas un logo yo tengo un tutorial
gratis checa lo en mi canal de youtube
que te enseña cómo hacer tu logo de
forma súper fácil y rápida
después le vamos a dar click aquí donde
dice establecer y después le vamos a dar
clic aquí donde dice guardar cambios
super bar nos vamos a ir aquí donde dice
wordpress y vamos a ver que ya se puso
el logo de nuestra página de internet ya
se ve súper profesional y si nos vamos
abajo podemos ver que ya se puso nada
más el icono de instagram perfecto ahora
te voy a enseñar cómo lo haces para
cambiar el color de esta sección en caso
de que la quieras cambiar para eso es
súper fácil cualquier cosa que tengan
que ver con el menú o con esto que la
parte de arriba le das clic aquí y
después clic en donde dice personalizado
de temas ahora le vamos a dar dirección
dice cabecera y navegación y después
aquí donde dice barra de menú principal
súper aquí nosotros podemos elegir por
ejemplo aquí vamos a ver por ejemplo el
texto que aparece tú puedes elegir desde
el color que quieres que aparezca en el
menú por ejemplo si quisiera cambiar
este color aquí le puedo dar clic y
puedo cambiar el color y ponerle un
poquito más oscuro puede ser lo que tú
quieras lo quieres ponerle cualquier
color también si quieres cambiar el
color del texto también lo puedes
cambiar aquí todo lo que tenga que ver
con
lo vas a cambiar aquí si quieres que se
cambie el diseño ahora es súper
importante que no vayamos aquí atrás y
aquí atrás no sé si te ha pasado que
entras una página y te aparece aquí un
icono medio raro seguramente tu página
www y te aparece un texto raro que hice
web 3 ahora te voy a enseñar cómo lo
quitamos para que aparezca el nombre de
nuestra página y un pequeño logo es muy
fácil para eso nos vamos a ir aquí dice
ajustes generales después identidad del
sitio y aquí donde dice título del sitio
vamos a poner el nombre de nuestros
negocios por ejemplo tú pondrías negocio
y tu nombre después aquí pones una breve
descripción de lo que haces por ejemplo
yo lo que hago es marketing digital
entonces equipo de marketing digital tú
puedes poner lo que quieras para cambiar
el pequeño y con lo que aparece aquí
arriba es muy fácil aquí vamos a
seleccionar un icono que de preferencia
tiene que medir esto entonces bueno le
damos clic después seleccionar archivos
escoges tu icono después le damos clic
en abrir
y listo ahora le vamos a dar que aquí
donde dice seleccionar y después clic en
donde dice recortar la imagen y como
podemos ver ya se cambió aquí aparece
nuestro nuevo logotipo entonces le vamos
a dar clic en publicar no te preocupes
aquí está de no se cambia el nombre ya
cuando la vez publicada ya se va a
cambiar el nombre que aparece aquí
arriba perfecto ahora para cambiar
cualquier cosa por ejemplo de menú
supongamos que después quieres añadir
nuevos elementos al menú a cuarte entras
aquí y le das clic en menús después
eliges tu menú principal y aquí puedes
ver el orden o en caso de que por
ejemplo ya existen nuevas páginas aquí
las puedes añadir recuerda eso
ahora le vamos a dar clic aquí en la
tacha perfecto ahora si tienes alguna
duda o tienes algún problema con tu
plantilla o algo le pica este mal en
divx y lo único que tienes que hacer el
das clic aquí y después de hacer clic
aquí donde dice dar sport y después
vamos a buscar aquí abajo esto que dice
tv y donde dice support center perfecto
ahora vamos a encontrar esto que dice
elegantes in support por haber comprado
débito tiene soporte gratis de por vida
en inglés que es una chulada todo lo
único que tienes que hacer para poder
acceder a eso y que puedas hablar con
alguien le picas esto que dice enable
que lo que hace es que el operador tenga
acceso a tu página para que pueda ver
los errores que tienes y después le das
clic aquí donde dice chat with support y
se te va a abrir esta página que es tu
área de miembro ok entonces aquí vas a
encontrar muchísimos tutoriales y
muchísima información sobre div y te
recomiendo que los cheques pero si
quieres hablar con alguien del equipo de
soporte directamente le puedes dar clic
aquí donde search and with a waiting y
se te va a abrir esto en donde puedes
abrir un chat directamente con su equipo
de soporte son súper amables yo por
ejemplo tuvo una duda entonces le
pregunté qué
como lago y ellos me ayudan con todo ojo
es súper importante que las dudas que
tengas su equipo de soporte es nada más
en inglés entonces es importante que
cualquier duda pregunta o lo que quieras
todo lo pongas en inglés y ellos te
ayudan y te asesoran con cualquier duda
o pregunta que tengas sobre vivir muy
bien ahora te voy a explicar cómo lo
hacemos para editar la versión móvil que
es la versión del celular que aparece en
nuestra página de internet es muy fácil
lo único que vamos a hacer es vamos a
entrar al editor de divide la página que
queremos editar la versión del celular y
después le vamos a dar clic aquí en los
tres puntitos morados que aparecen abajo
ahora aquí podemos ver que si le damos
clic aquí se nos va a aparecer la
versión de ipad de nuestra página o si
le damos clic aquí en donde está este
celular vamos a poder ver la versión que
actualmente aparece en el celular
así es como actualmente se ve en nuestra
página ahora si quisieras cambiar por
ejemplo aquí este texto me aparece muy
apretado o por ejemplo supongamos que
quiera quitar este botón es lo único que
hago en el hoy doble clic al elemento y
por ejemplo para quitar este botón que
aparece aquí lugar clic aquí
en dónde está el lápiz azul y después lo
bar clic en avanzado y después aquí
donde hice visibilidad yo puedo
quitárselo de clic aquí donde dice
teléfono puedo poner por ejemplo que
todo esto se me quite si puedes ver que
está como por ejemplo en transparente
entonces quitaría toda esta sección ok
esa es la forma en la que puedes quitar
por ejemplo si alguna sección que no
quieres que aparezca en el celular esa
es la forma y después le das clic aquí o
por ejemplo si yo quiero modificar este
texto que está muy apretado le puedo dar
clic aquí y después aquí para editar
esta parte acuérdate de darle clic
siempre al lápiz azul que aparece aquí
abajo y después aquí ya puedo cambiar
por ejemplo el tamaño del texto como
podemos ver ya se ve mejor de igual
forma si quisiera cambiar aquí el título
aquí también puedo hacer lo mismo le doy
clic y aquí ya puedo modificar como
quiero que se vea perfecto una vez que
quede como ya quieres le damos clic aquí
y para guardar nada más le damos clic
aquí donde dice guardar y listo ya quedó
publicada en nuestra nueva versión de
celular así puedes modificar toda tu
página en la versión del celular si
quiere regresar a la versión de
computadora nada más
clic aquí abajo muy bien ahora si
ingresamos a nuestra página vamos a ver
que nuestra página aparece como no
segura pero no te preocupes y seguiste
mis pasos y compraste tu hosting y
dominio en site ground aquí todo deja el
vídeo que te enseña paso a paso cómo lo
puedes poner gratis para que tu página
parezca segura espero que te haya
gustado este vídeo y nos vemos en el
siguiente si te gustó suscríbete dale
like y dejar un comentario en mi canal
nos vemos
