Hola, mi nombre es Sofía y en este
tutorial te voy a enseñar desde cero:
cómo hacer para poder crear tu propia
tienda en línea como esta, sin que
sepas cómo programar. La tienda en
línea que te vamos a enseñar a hacer
es una tienda como esta, en la cual tú
vas a poder agregar tus productos, les
vas a poder agregar imágenes de tus
productos. También vas a poder agregar
descripción y precio y lo mejor de todo,
es que va a tener la opción de "Carrito"
añadido en tu tienda. De esta forma
tus clientes te podrán comprar tus
productos.
Esto lo que verán tus clientes, de hecho
ellos ya nada más ponen sus datos y
seleccionarían su método de pago.
También te vamos a enseñar en el
tutorial cómo poner como método de pago
la opción de Paypal para que te puedan
pagar vía Paypal o la opción para que
te paguen vía tarjeta de débito o
crédito. También aparte de enseñar
a hacer la tienda en línea, te vamos a
enseñar cómo poner en tu página
principal,
una sección informativa (sí tu la
deseas poner) en donde puedes hablar sobre
quiénes son, equipo, testimonios,
si quisieras poner "Blog" lo vas a poder
poner y también te vamos a enseñar
cómo poner esta sección de contacto,
entonces si tú ya estás listo, yo ya
estoy lista,
vamos a comenzar. Para poder hacer una
página de Internet se necesitan tres
cosas: lo primero es un dominio. Un
dominio es el nombre de tu página de
Internet, por ejemplo: en el caso de
Google, el nombre de su dominio es
"google.com", en tu caso tú vas a escoger
cuál quieres que sea el nombre de tu
dominio.
Lo segundo que necesitamos es un "hosting".
Un hosting es un lugar en donde se
alberga toda la información de tu
página de Internet y lo necesitamos
para que nuestra página se encuentre en
línea.
Lo tercero que necesitamos es: una
plataforma, nosotros vamos a utilizar una
plataforma que se llama WordPress, que de
hecho es una de las mejores y millones
de sitios están hechos con esta
plataforma, por ejemplo la página de la
BBC, de Best Buy y millones de sitios
más están hechos con esta plataforma.
Pero bueno,
¿Cuánto nos va a costar hacer la página?
Normalmente el dominio cuesta cerca de
12 dólares al año, pero gracias a un
cupón que te vamos a dar, a ti te va a
salir completamente gratis.
Lo segundo es el hosting. El hosting
normalmente cuesta 90 dólares durante
12 meses, pero gracias a este cupón que
te damos a ti únicamente te va a costar
12 dólares el total, durante 12 meses
y lo tercero es la plataforma, que
nosotros vamos a usar WordPress y es
completamente gratis.
Entonces, en vez de pagarle a un
programador miles de dólares para que
te haga tu página,
a nosotros en total nos va a costar hacer
nuestra página 12 dólares y esto nos
va a incluir dominio gratis y hosting
durante 12 meses.
Si tú ya estás listo, yo ya estoy lista,
vamos a comenzar. Primero, vamos a comprar
nuestro dominio y hosting,
después vamos a instalar WordPress y en el
último paso vamos a crear nuestra
página web.
Paso 1: lo primero que vamos a hacer es
vamos a entrar a la página "soygenio.com" y le vamos a dar clic aquí
donde dice "Ver tutorial".
Esto nos va a abrir la página principal
del tutorial, en donde vamos a encontrar
todos los pasos, pero lo primero que
vamos a hacer es comprar el dominio y
hosting, entonces por favor dale clic
aquí donde dice "Activar Cupón".
Como podemos ver esto nos activa en
automático un cupón de GoDaddy. Esto es
lo que normalmente nos costaría y el
precio de arriba es lo que nos cuesta
gracias al cupón que te damos. Aquí no
se preocupen si están en otro país, les
debe de salir el equivalente a un dólar
en su moneda. Pero yo por ejemplo, como
estoy en Estados Unidos a mí me sale un
dólar, entonces si les aparece el equivalente a
un dólar en su moneda o un dólar
perfecto, ya nada más denle clic aquí
donde dice "Seleccionar" y después vamos
a tener que escoger el nombre del
dominio. El nombre del dominio es el
nombre de su página de Internet, por
ejemplo en el caso de Google es
"google.com". Aquí van a encontrar que
tenemos diferentes terminaciones,
es súper importante que el nombre del
dominio que escojan acabe en ".com".
Ninguna de estas otras terminaciones
funciona, únicamente el ".com",
entonces seleccionan el ".com" y por
ejemplo: supongamos que yo quisiera hacer
una página que fuera de celulares y que
yo quiero el dominio "celulares.com",
lo busco y me viene que este dominio no
está disponible.
Esto significa que alguien más ya lo
compró, si les llega a pasar esto no se
preocupen, intenten con diferentes
palabras hasta que encuentren una que
esté disponible, por ejemplo: "Celulares
Monterrey, Celulares Dallas" o así y
bueno, supongamos que yo quisiera hacer
la página "mi genio viajero.com", busco
el dominio "mi genio viajero.com", le doy
clic en "Buscar" y me viene que este
dominio si está disponible, entonces
cuando encuentras uno que sí está
disponible le dan clic en "Agregar y
continuar. Ahora nada más tienen que
fijarse que les aparezcan estas dos cosas:
esta cosita morada que dice "Hosting
Económico Linux con cPanel" y esta cosita
verde en el cual te viene el nombre de
su dominio.
Si les aparecen estas dos cosas y el
total aquí es igual a 12 dólares o si
están en otro país es el equivalente a
12 dólares apróximadamente en su moneda
perfecto, ya nada más denle le clic en
donde dice "Procede al pago".
Ahora le damos click aquí donde dice
"Nuevos clientes",
ahora les va a aparecer
esta pantalla en donde tienen que
llenar toda su información, entonces por
favor aquí pongan su nombre, apellido,
dirección, etc. Y vamos a llegar a
esta parte que dice "Información de la
cuenta",
toda esta información que vamos a poner
es muy importante que la guardemos,
entonces para eso les decidimos hacer un
documento. Entren a la página de su
tutorial y dale clic aquí donde dice
"Info página", para que ustedes no
batallen en saber qué información es
la que se necesita guardar, les hicimos
esta seccioncita en donde les ponemos
exactamente lo que tienen que guardar,
entonces por favor cópienlo y péguenlo, ya
sea en un documento de Word o si quieren
lo pueden pegar en su correo.
Yo en mi caso yo lo voy a pegar aquí en un
documento de Word y pues aquí podemos
ver que nos va a pedir información
de la página, contraseñas de GoDaddy,
usuario, contraseña, etc.
Una vez que ya lo hayan pegado, por favor
guárdenlo, yo lo guardé como "Información
de tu página web",
ustedes guárdenlo como quieran y lo que
vamos a hacer es: vamos nosotros a ir
rellenando estas secciones que están
aquí en la página de GoDaddy y las
vamos a ir poniendo en nuestro documento
de Word.
Entonces primero pongan su correo
electrónico,
entonces lo pegamos el correo
electrónico (ustedes pongan el suyo),
después vamos a escoger un nombre de
usuario, por ejemplo: yo en mi caso voy a
escoger este de nombre de usuario
(ustedes pongan el que quieran) y voy a poner
una contraseña, que
en mi caso yo estoy poniendo "Holahola2",
entonces vamos a copiar este nombre de
usuario y esta contraseña en nuestro
documento.
Pongo el nombre de usuario que puse (que en
mi caso es este) y voy a poner la
contraseña que acabo de poner (ustedes
pongan la suya),
después les va a pedir que pongan este
"Número de pin". El número de pin es un
número que les piden en caso de que
necesiten soporte,
entonces seleccionen por favor su
número de
pin y lo pegan en el documento.
Y esto que dice "Número de Cliente" no
se preocupen, ahorita les voy a enseñar
cómo lo saquen,
por lo pronto ya una vez que tengan todo
esto nos vamos abajo y nos va a pedir
que seleccionemos nuestro método de
pago,
ustedes pueden pagar vía tarjeta de
débito o vía tarjeta de crédito o
inclusive, en algunos países te deja
pagar vía Paypal,
yo en mi caso ya que voy a poner mis
datos de la cuenta,
le voy a dar clic en "Continuar" pero
ustedes pongan sus datos y una vez que
finalicen denle clic en "Continuar". Se va a
venir una página como esta, aquí ya
nada más dale clic aquí donde dice
"Acepto lo siguiente", después "Hacer tu
pedido" y felicidades, una vez que te
aparezca esta pantalla que está en verde,
significa que has comprado tu hosting y
dominio con éxito y es momento de
checar tu correo electrónico y vas a
recibir un correo como este de GoDaddy,
en donde te viene tu confirmación.
Lo primero que tenemos que hacer es:
copiar esta cosita en donde te viene el
número de cliente, por favor copien
este número que está aquí y péguenla
en su documento.
Ese es su número de cliente y es muy
importante que lo guarden, entonces lo
pegan aquí donde dice GoDaddy y guardamos
el documento,
ahora regresamos a nuestro correo y le
vamos a dar clic en donde dice "Emprende
tu idea",
esto nos va a abrir una página como
esta, aquí es bien sencillo nada más
dale clic aquí donde dice "Administrar".
Paso 2:
lo siguiente que vamos a hacer es
instalar nuestro WordPress, entonces aquí
ya nada más seleccionen su dominio, que
en mi caso es este, le dan clic en
"Siguiente", después nos va a pedir que
escojamos qué centros de datos queremos,
seleccionen el que esté más cercano,
por ejemplo: si yo estoy en Estados
Unidos, yo voy a escoger este que dice
"América del Norte",
si usted estudia en España pues pueden
escoger "Europa",
entonces bueno yo selecciono "América
del Norte", le doy clic en "Siguiente",
después nos va
a pedir que seleccionemos un nombre de
usuario y una contraseña, esto es para el cPanel, entonces este
nombre de usuario que pongamos aquí (yo
en mi caso voy a poner "Sofiag78",
lo copio y lo voy a pegar en mi
documento de Word, aquí donde dice
"Nombre de usuario de cPnel", pego mi
nombre de usuario
y ahora nos va a pedir que copiemos y
peguemos la contraseña,
para esto vamos a regresar aquí al
cPanel y le vamos a dar clic aquí
donde dice "Generar contraseña",
después le vamos a dar clic en "Mostrar"
y vamos a copiar esta contraseña que en
automático nos pone, entonces por favor
cópienla y péguenla, después le dan clic
en "Siguiente",
aquí nos va a pedir que si deseamos
crear un sitio de WordPress, por favor denle
clic que "Sí" y ahora nos va a pedir que
pongamos un nombre de usuario y una
contraseña,
ustedes pueden poner el que ustedes quieran,
por ejemplo: yo en mi caso puedo poner
"Sofia", ustedes pongan el que quieran y voy
a copiar el nombre de usuario y lo voy a
pegar aquí donde dice "WordPress, Usuario",
lo pego y ahora tenemos que pegar la
contraseña,
vamos a hacer lo mismo: le damos clic
aquí donde dice "Generar contraseña",
después "Mostrar" y esta va a ser la
contraseña con la que vamos a ingresar,
no se preocupen, en automático GoDaddy
nos da una contraseña bastante fea, pero
ahorita les voy a enseñar cómo la
cambien, por mientras copien esta y
péguenla en su documento.
La pegamos y una vez que ya la hayamos pegado le
damos clic en "Terminar", ahora GoDaddy
está instalando automáticamente en
nuestra página de WordPress,
esto suele tomar algunos minutos,
entonces se puede tardar desde un minuto a 10
minutos, así que no se preocupen nada
más espérense hasta que esta
pantalla se quite y eso se va a
significar
que ya está instalado, entonces esperen un
rato y una vez que esté instalado les
voy a enseñar qué les aparece. Cuando ya
se ha instalado les va a aparecer esta
pantalla, ahora tienen que darle clic
aquí donde dice "Crear sitio web" (que
está en verde), denle clic y nos va a
aparecer esta pantalla, entonces aquí es
bien sencillo. Aquí ya nada más dale
clic aquí donde dice "Continuar",
después es muy importante (no importa si
quieren hacer una tienda en línea, un
blog o una página informativa), es muy
importante que sigan mis pasos.
Aquí denle clic aquí donde dice
"Sitio web y blog", en "Industria" seleccionen
"Otra" y aquí van a tener que poner el
nombre de su página de Internet, que es
por ejemplo el nombre que aparece aquí
al ladito cuando ustedes entran a una
página.
Entonces por ejemplo: yo voy a hacer una
página que se va a llamar "mi genio viajero",
entonces voy a poner de título "mi genio
viajero y aquí voy a poner la
descripción de lo que va a ser mi
página, que siempre es la descripción
que aparece aquí al ladito cuando
entras una página.
Entonces por ejemplo: si vendieras
celulares, puedes poner "Los mejores
celulares" o así. Yo por ejemplo
supongamos que fuera de celulares voy a
poner "Los mejores celulares".
Si ustedes estuvieran haciendo una pastelería,
podrían poner no sé por ejemplo: "Los
mejores pasteles de Dallas", lo que
quieran aquí lo ponen en subtítulo,
después le dan clic en "Continuar", después
les va a pedir que pongan su correo
electrónico, entonces por favor aquí
pongan su correo electrónico.
Después les va a pedir que pongan su
correo electrónico, entonces aquí por
favor pongan su correo electrónico.
Después les va a pedir aquí que pongan
su correo electrónico, entonces por
favor pónganlo, en mi caso este es mi
correo electrónico.
Aquí no tienen que llenar nada de esto,
déjenlo en blanco, después le dan clic en
"Continuar" y esto es muy importante, aquí
nos va a pedir que seleccionemos el tema.
No se preocupen, la página que vamos a
hacer no va a ser utilizando ninguno de
estos temas, pero es bien importante que
hagan mis pasos. Tienen que escoger esta
plantilla que dice "Twenty Sixteen",
entonces por favor selecciónenla y
después denle clic aquí donde dice
"Siguiente", "Siguiente", "Cerrar" y va a tener
que darle clic aquí donde dice
"Seleccionar". Paso 3:
una vez que se haya instalado vamos a ver
una página así, entonces perfecto. Aquí
denle clic en "Descartar" y podemos ver
que nuestra página ya está instalada.
De hecho se ve algo como esto, ahorita
les voy a explicar cómo hacerlo para
que se vea cómo nuestra página. Ya nada
más nos queda guardar una cosa en nuestro
documento:
aquí van a ver arriba que va a venir "el
nombre de su dominio.com/wp-admin", tienen que copiar ese linkcito
que te viene y vamos a pegarlo en
nuestro documento aquí donde dice
"Link para entrar", cada vez que ustedes
quieran entrar a editar a su página de
Internet van a tener que entrar a "el
nombre de su dominio.com/wp-admin".
Por ejemplo: si fuera la página "genio
viajero.com", yo entraría a "migenioviajero.com/wp-admin".
Es bien
importante que este documento lo guarden,
entonces por favor guárdenlo y
recuerden: cada vez que quieran entrar a
editar, van a entrar a este dominio y van
a poner este usuario y esta contraseña,
ahorita les voy a enseñar cómo
cambiarla, pero bueno una vez que
ya guardaron este link, perfecto.
Ahora vamos a tener que preparar nuestra
página:
lo primero
que vamos a hacer es, vamos a quitar
estos menús que no necesitamos, entonces
por favor dale clic aquí donde dice
"Menús", después "Menú principal"
y vamos a quitar todas estas cosas.
Entonces por ejemplo: selecciona este que
dice "Testimonios", te vas abajo y le das clic
en "Eliminar", después "Estimaciones" le das
clic en "Eliminar" y así vamos a eliminar
cada uno de estos. ¿Por qué los estamos
eliminando? Bueno, por "default" WordPress
nos instala unas páginas que no
necesitamos, entonces ahorita las estamos
quitando para poder comenzar de cero, entonces ya
nada más falta este que dice "Mi empresa",
la eliminamos y una vez que ya
eliminamos todo le damos clic aquí
donde dice "Guardar y publicar". Ahora lo
que vamos a hacer es: vamos a darle clic
a esta tachita y vamos a cerrar todas
las pestañas que no necesitamos, por
ejemplo esta de GoDaddy ya no la
necesitamos, tampoco esta del correo
electrónico, ni esta del cPanel. Entonces ya
las quitamos y en otra pestaña vamos a
poner el nombre de nuestro dominio,
entonces en una vamos a tener el nombre
del dominio, que por ejemplo en mi caso
es esta, así es como se ve actualmente
tu página de Internet y en el otro
vamos a tener el editor, que recuerden:
entran con "el nombre de su dominio.com/wp-admin".
Y ahora vamos
a preparar nuestra plantilla:
lo primero que vamos a hacer es agregarle
"Plugins", que son aplicaciones que nos
permiten tener más funcionalidades en
nuestra página, entonces dale clic
aquí donde dice "Plugins", después
"Añadir nuevo" y vamos a agregar dos
plugins: el primero que vamos a agregar
se llama "Advanced CSS editor", entonces
por favor aquí pon este texto en el
buscador,  la das clic a "Enter"
y nos va a aparecer este plugin que tiene
este pajarito, entonces una vez que lo
encuentres le das clic en "Instalar ahora",
y después "Activar plugin".
Ahora nos queda nada más por instalar
uno más, entonces dale clic aquí donde
dice "Añadir nuevo" y vamos a instalar un
plugin que se llama "WooCommerce",
entonces pon por favor
este texto, le das clic en "Buscar" y nos
va a aparecer este plugin que tiene el
"Woo" que está moradito, entonces dale
clic en "Instalar ahora" y después clic
en "Activar plugin".
Ahora le vamos a dar clic aquí donde
dice "Vamos allá", aquí le damos clic en
"Continuar" y nos va a pedir que
seleccionemos en dónde queremos que
esté nuestra tienda en línea,
entonces aquí por ejemplo: si ustedes
quisieran hacer una tienda en Estados
Unidos, pueden poner Estados Unidos,
escogen el estado,
después escogen la moneda, por ejemplo
dólar estadounidense, le dan clic en
"Continuar", aquí le dan clic en "Sí", le dan
clic en "Continuar" y aquí nos va a pedir
que seleccionemos cuál método de pago
deseamos poner, dale click aquí donde
dice "Paypal estándar" y aquí nada más
por favor,
el nombre de tu correo electrónico en
el cual tienes una cuenta de Paypal.
Por ejemplo: en mi caso yo tengo este, en
automático todo el procesamiento de
pago se te va a poner automáticamente,
entonces una vez que pongas aquí tu
cuenta de Paypal, le das clic en
"Continuar" y listo.
Ahora nos va a venir la opción si
queremos añadir un producto, pero no se
preocupen ahorita al rato les voy a
explicar cómo hacen esto y lo siguiente
que vamos a hacer es: vamos a cambiar
nuestra página para que en vez de que
se vea así, se vea como la página de
nuestro demo. Método 1: para instalar la
plantilla "Zerif Lite".
Regresamos a nuestro editor y le damos
clic aquí donde dice "Apariencia",
después "Temas" y le vamos a dar clic en donde 
dice "Añadir nuevo", después aquí nos va
a venir el buscador, vamos a buscar un tema
que se llama "Zerif", le dan clic en
"Buscar" y nos va a parecer esta plantilla
que dice "Zerif Lite", si no te aparece
la plantilla "Zerif Lite" cuando la
buscas, no te preocupes.
También tenemos un método 2, donde te
enseñamos cómo instalarla, entonces
dale un poquito más adelante en el
vídeo y vas a encontrar
otro método en el cual la puedes
instalar. Pero bueno, si ya te aparece entonces
dale clic en "Instalar" y le das clic
después en "Activar". Método 2 para poder
instalar la plantilla de "Zerif Lite". Si no
encontraste la plantilla al buscarla en
WordPress, no te preocupes solamente sigue
estos pasos y aquí te vamos a explicar
cómo puedes instalar la plantilla con
el otro método.
Lo que tienes que hacer es: entras a "Temas" y
después le das clic en "Añadir nuevo" y
ahora le vamos a dar clic en este botón
que dice "Subir tema". Ahora aquí vamos a
tener que subir la plantilla desde los
archivos, entonces para poder sacar los
archivos es súper sencillo. Lo que
tenemos que hacer es: ingresamos a
nuestra página de "soygenio.com" y
le vamos a dar clic en donde dice "Ver
tutorial",
esto nos va a sacar la página principal
del tutorial, entonces ahora nos vamos a
ir hasta mero abajo donde dice "Paso
5: Instalar la plantilla Zerif Lite" y una vez que estemos aquí vamos
a encontrar a mero abajo un botón en
rojo que dice "Bajar plantilla Zerif
Lite", entonces denle clic a este botón
y les va a abrir una página en donde
podemos bajar la plantilla,
recuerden esta plantilla es
completamente gratis.
Entonces una vez que se nos abra la
página, lo que hacemos es: le damos clic a
este botón verde que dice "Download now for free"
y al darle clic, en automático se
nos va a bajar la plantilla "Zerif Lite",
entonces como podemos ver ya se bajó, entonces una vez
que ya se haya bajado
regresamos a nuestro editor y ahora le
vamos a dar clic en donde dice
"Seleccionar archivo", denle clic y ahora
vamos a ir hasta mero abajo en nuestra
sección de descargas y vamos a buscar
el documento que acabamos de bajar que
se llama "Zerif Lite", como podemos ver
se nos bajan dos archivos: uno que es
"zeriflite.zip" y otro que es más bien con carpeta.
Lo que tenemos que hacer nosotros es:
tenemos que subir a la página de WordPress
el que acaba con ".zip", es
súper importante que el archivo que
suban, que lo selecciones sea "zerif-lite.zip",
entonces una vez que encuentren este
archivo, selecciónenlo (acuérdense que
fijarse que diga ".zip") y le
dan clicaquí donde dice "Subir" y
después le dan clic en donde dice "Instalar
ahora".
Ahora esto va a tomar, se puede 
tardar desde unos segundos hasta unos
minutos en que se suba, aquí ya nada más
espérense a que se suba la plantilla,
si tienen problemas,
bueno en el inter vamos a cerrar
página que ya no la necesitamos y ya nada más espérense. Si tienen problemas
instalándola, escribanos un Whatsapp,
en la parte de abajo van a encontrar
nuestro número y con gusto les ayudamos.
Una vez que ya se haya instalado vamos a ver
esto, ahora nada más denle clic en
"Activar".
Ahora si regresamos a nuestra página y
le damos clic en "Refrescar", podemos ver
que nuestra página se ve algo como esto.
Ya cambió por completo la forma en la
que se veía, pero ahora tenemos un grave
problema: queremos que se vea como la
página del demo. ¿Cómo vamos a hacer esto? Bien sencillo. Aquí le vamos a dar
clic aquí donde dice "Personalizar" y
nos vamos a ir abajo en donde dice
"Portada estática" y le vamos a dar
clíc aquí donde dice "Tus últimas
entradas".
Podemos ver que nuestra página ya se
parece a la página que vamos a hacer,
entonces ahora le damos clic en "Guardar
y publicar". Ahora lo siguiente que vamos
a hacer es: si nos vamos hasta mero bajo
de la página,
vamos a encontrar que dice una cosita
"Zerif Lite funciona con WordPress", cada
vez que ponemos una plantilla gratuita,
técnicamente te debería de venir esto,
pero te voy a enseñar cómo lo puedes
quitar. Lo que tienes que hacer es entrar
a la página del tutorial, te vas hasta abajo en donde dice "Código CSS" y vas a
pegar todo este código que se encuentra
en amarillo, entones por favor cópialo, después
regresamos aquí al editor y le vamos a
dar clic aquí donde dice "Advanced CSS
Editor" y vamos a pegar el código. Como
podemos ver, una vez que lo pegamos se
quita aquí por completo el código, ya
que esté le das clic en "Guardar y
publicar". Ahora lo que vamos a hacer es:
regresamos a nuestro tutorial y le vamos
a dar clic aquí donde dice "Ver Demo" y esto nos va a abrir la página demo
de cómo nos va a quedar nuestra
página de Internet.
Como podemos ver tiene diferentes
secciones: tiene una sección de "Home", la
sección de "Sobre Nosotros", de "Blog",
"Tienda" y "Carrito".
Ahorita vamos a hacer estas secciones
pero antes
de, nosotros vamos a tener que hacer
esta página que habla sobre nosotros,
donde tú puedes poner un poco de
descripción de tu empresa, imágenes y
también vamos a tener que hacer esta
página que se llama "Blog", en donde van a
estar las entradas de tu blog
(en caso de que quieras). Entonces bueno, esta
pestaña demo, por favor píquenle a "Home" y la
vamos a poner hasta mano derecha,
entonces aquí dejamos esta pestañita
y ahora vamos a regresar a nuestro
editor de nuestra página y le vamos a
dar clic aquí donde dice "Páginas",
después "Añadir nueva". La primera
página que vamos a hacer es la página
sobre nosotros, donde vamos a hablar un
poco sobre la empresa. Para poder hacer
esto, primero vamos a poner de título
"Sobre nosotros", entonces ponemos de título
"Sobre Nosotros" y aquí esto se hace cuenta
como si les dijera un "Microsoft Word",
en donde ustedes pueden escribir, pueden
cambiar textos, cambiar colores, en caso
de que quieran tener más opciones, píquenle a
este botón,
así es como a ustedes se les va a ver
ahorita, pero si les pican van a poder
ver que van a poder seleccionar el tipo
de letra, el tamaño, si quieren que sea
gordita, si quieren que sea centrado.
Entonces, ahora aquí lo que vamos a
poner es: si abrimos nuestra página demo que es "Celularex Mex", que es la pestaña que
tenemos y le damos clic en donde dice
"Sobre nosotros", podemos ver que esta
página tiene una pequeña descripción,
entonces en este caso yo voy a pegar esta
descripción que dice la página
y ahora regreso a mi editor y aquí voy
a poner la información de mi empresa, en
este caso ustedes pueden poner lo que
quieran, yo estoy poniendo lo mismo que
dice en la página demo, que dice: "Somos una
empresa mexicana dedicada a la creación...", entonces
aquí agreguen su texto, si quisieran
cambiar de color
por ejemplo que este texto fuera verde,
simplemente selecciónenlo, seleccionen el
color verde y 
podemos ver que el texto está verde, si
quisieran que el texto fuera un poquito
más grande,
bueno aquí le pican y pueden picarle
"Título 3" y pueden hacer el texto más
grande, lo pueden también centrar si lo
seleccionan y le dan clic aquí en "Centrar",
pues queda el texto centrado,
entonces aquí ustedes jueguen con las
diferentes cosas que se pueden hacer
para editar el texto.
En mi caso yo lo voy a dejar en negro, le
voy a quitar lo cursiva y lo voy a
poner en tamaño párrafo.
Aquí pueden hablar un poco sobre
cuándo se fundaron, qué es lo que hacen y
ahora si nos vamos a la página demo
podemos ver que también tiene una
imagen
entonces,  ¿Cómo le vamos a hacer para
agregar esta imagen que está aquí?
Bueno, muy sencillo. Regresamos a nuestro
editor y le vamos a dar clic aquí en
donde dice "Añadir objeto" y ahora le
vamos a dar clic en donde dice "Subir
archivos" y después le vamos a dar clic
donde dice "Seleccionar archivos".
Aquí nosotros vamos a poder seleccionar
la imagen de nuestra computadora que
queremos poner, en mi caso pues yo voy a
poner esta, ustedes seleccionen su imagen y una
vez que la hayan seleccionado, le dan clic
en "Abrir". Cada vez que nosotros subamos una
página, digo... Cada vez que subamos
una imagen a Wordpress va a pasar este
proceso que vemos una rayita azul. La
rayita azul significa que se está
cargando en el servidor,
una vez que aquí en este cuadrito
aparezca la imagen es cuando ya la vamos
a poder insertar. Esto se suele tomar
unos minutos así que espérense,
entonces bueno en este caso ya se cargó,
vemos que está seleccionada, le damos
clic abajo y le vamos a picar aquí el
tamaño que queramos poner, si queremos
que sea tamaño completo, tamaño grande,
pequeña, en mi caso yo la quiero grande
y también tú puedes poner en donde
dice "Enlazado a", si tú quisieras que
cuando las personas le den clic a la
imagen los lleve a un link, pues puedes ponerle
"URL personalizada" y pones el link al
cual quieres que los lleve.
Pero en mi caso yo no quiero que
aparezca nada, yo nada más quiero que
aparezca,
entonces le picas en donde dice "Ninguna", después le damos click donde dice
"Insertar en la página" y listo, podemos
ver que ya se insertó esta imagen en la
página. Yo la voy a centrar para que quede
alineada, entonces la selecciono aquí
para centrarla y también si yo
arrastro la imagen puedo hacerla un
poquito más pequeña.
Entonces háganla del tamaño que desean
y lo último, una vez que han puesto toda
su descripción que se pone en esta
parte, lo último pero más importante es
aquí. Donde dice "Plantilla" tienen que
darle clic y picarle donde dice "Full Width
Page",
esto es muy importante si no su página
se va a ver muy rara, entonces píquenle aquí donde
dice "Full Width Page" y después le van a dar
clic en donde dice "Publicar", ahora sí ya
se creó nuestra página. Si nosotros
quisiéramos ver cómo se ve, podemos
copiar este link,
lo copiamos, abrimos otra pestaña, la pegamos y podemos ver que ya se hizo
nuestra sección de "Sobre Nosotros", ya está
toda nuestra sección terminada. Esta
rayita muchas veces me preguntan: ¿Qué es? ¿Por qué se ve? No se preocupen, esta no va a
aparecer en su página, esto significa que
ustedes están como administrador
editándola, pero las personas no la ven
de esta forma, las personas la ven sin
esta rayita.
Entonces bueno, ya que ya tenemos la
página sobre nosotros, cerramos
y ahora nos queda hacer la página del
blog, que aparece si vemos esta página
demo, podemos ver que tiene aquí una
sección que dice "Blog",
entonces ahora la vamos a crear y para
hacerla:
regresamos a nuestro editor, le damos
clic aquí donde dice "Páginas" y
después le vamos a dar clic en donde
dice "Añadir nueva". Aquí le vamos a
poner de título "Blog" y en descripción
no vamos a poner absolutamente nada, no
vamos a poner nada para que se configure
de forma correcta. Entonces aquí por
favor no pongan nada, y aquí donde dice
"Plantilla" por favor seleccionen la que
dice "Blog template with large images", es muy
importante que seleccionen esto, entonces
por favor denle clic aquí y ahora le
vamos a dar clic en "Publicar" y listo.
Podemos ver que también ya se creó
nuestro blog y aquí está el link donde
lo podemos ver, entonces bueno si
regresamos a nuestro demo podemos ver
que ya hicimos estas dos secciones
que no aparecían, que es la de "Sobre
"Nosotros" y "Blog" y ahora vamos a hacer
que el menú de nuestra página sea
igualito al menú del demo, que tenga la
sección de "Home" que si le picas te
regrese la página inicial, que tenga la
sección de nosotros, en
donde sí le picas pues, puedes ver la
información que pusimos sobre nuestra
empresa, la del blog donde te van a venir
las principales entradas en caso de que
quisieras poner blog, si no pues lo puedes
quitar, la sección de "Tienda" donde
están nuestros productos y la sección
de "Carrito". Regresamos a nuestra página
inicial y ahora vamos a ir al editor de
nuestra página de Internet,
entonces vamos al editor, vamos a hacer
nuestro menú y ahora le vamos a dar
clic en donde dice "Apariencia", "Menús", digo
perdón, "Apariencia", "Personalizar",
le damos clic en donde dice "Apariencia",
"Personalizar" y esto nos va a abrir la
sección principal en donde vamos a
poder editar nuestra página de Internet,
aquí vamos a poder editar ya todo lo
que nos falta,
entonces esta es ya la parte divertida, ya
nada más falta poner el menú y listo.
Ahora sí, después de eso podeemos editar
las imágenes, los textos,
entonces nos vamos a ir hasta abajo en
donde dice "Menú" y le vamos a dar clic y
después le vamos a dar clic en donde
dice "Añadir un menú", nos vamos para
arriba y le damos clic aquí donde dice
"Crear menú" y nos va a pedir que
pongamos el nombre de un menú,
entonces en este caso yo voy a poner de
nombre que se llame "Menú principal",
"Menú principal" va a ser el nombre de
nuestro menú, ponemos el texto,
le damos clic en donde dice "Crear menú"
y ahora nos va a pedir que añadamos los
ítems que queramos que vengan aquí.
Si abrimos nuestro demo (que es esta
recuerden", podemos ver que nosotros
queremos un botón primero que diga "Home"
y que nos lleve a la página inicial,
entonces ¿Cómo vamos a hacer este botón?
Pues regresamos a nuestro editor y al
darle clic en "Añadir items", nos va a
abrir las diferentes opciones de las
cosas que podemos poner como menú,
entonces antes de poner aquí las cosas
que queramos a nuestro menú, es de suma
importancia que seleccionen este
cuadrito que dice "Menú primario", por
favor selecciónenlo. Aquí le estamos
diciendo que las cosas que le vamos a
agregar es de la página principal,
entonces seleccionen este, después le
vuelven a dar clic en "Añadir ítems" y
ahora vamos a crear el botón de "Home",
que nos lleve a la página inicial. Para
poder hacer esto, nos vamos aquí donde
dice "Enlaces personalizados" y aquí donde dice
"Texto de enlace"
nosotros vamos a poder poner qué s lo
que queramos que venga en nuestro menú,
entonces por ejemplo: yo quiero que en el
menú venga un botón que diga "Home" y
que al darle clic
me llevé a mi página
inicial.
Entonces para poder poner el link de tu
página inicial,
aquí nada más vas a dejar esto que
dice "http://" y vas a
poner el nombre de tu dominio, en mi caso
el nombre de mi dominio es "migenioviajero.com",
ustedes pongan aquí
por favor
el nombre de su dominio. Entonces ponen el nombre de
su dominio y le van a dar clic en donde
dice "Añadir al menú", ahorita todavía
no se ve, pero ya se están agregando
aquí, cuando acabemos vamos a ver, pero
bueno aquí podemos ver que ya agregamos el
primero que dice "Home, Enlace personalizado"
y ahora nos queda agregar estos otros
cuatro secciones: la sección de "Sobre
Nosotros" que nos lleva a la página que
ya creamos, la sección de "Blog", de
"Tienda" y "Carrito".
Todas estas son páginas que ya están
hechas, entonces aunque todavía no
agregamos productos, esto ya está
configurado a través de la plantilla, entonces va a ser
ser bien sencillito. Únicamente nos
vamos a nuestro editor y le vamos a dar
clic aquí donde dice "Páginas" y vamos
a seleccionar las páginas que queramos
que aparezcan arriba,
entonces por ejemplo: yo quiero que
aparezca, el primero que quiero que
aparezca es "Sobre Nosotros",
entonces busco aquí la página donde
dice "Sobre Nosotros",
después quiero que aparezca la sección
de "Blog",
entonces ahora regreso a mi editor,
selecciono "Blog",
como podemos ver se están agregando aquí,
después quiero que venga la sección de
"Tienda", la selecciono y después quiero
que venga
la sección de "Carrito", la selecciono.
Si ustedes quisieran mover estos menús
de orden es muy sencillo: únicamente
tienen que moverlo y listo.
Si tú quisieras que primero apareciera
el blog, pues como podemos ver nada más lo
moví y ahora después de "Home"
aparece "Blog", pero pues bueno aquí es
cuestión de que ustedes jueguen como
quieren que aparezca y una vez que hayan
finalizado, denle clic en donde dice
"Guardar y publicar" ahora ya está.
Como podemos ver ya se encuentra listo
nuestro menú,
si nosotros damos clic a "Sobre Nosotros",
podemos ver que ya nos lleva a nuestra
página de "Sobre Nosotros" que es la que acabamos de hacer, si le damos clic a "Home" nos
va a llevar a nuestra página inicial,
que pues bueno en este caso como estamos en el
"preview" no va a funcionar pero bueno,
denle clic en su página, denle "Refresh" y
vamos a probar nuestro menú. Le damos clic
en "Home", nos lleva nuestra página
principal, "Sobre Nosotros" nos lleva a
nuestra página que hicimos
sobre nosotros, "Blog" nos lleva a nuestra
sección de blog que se va a ver algo como
esto porque aún no hemos hecho ninguna
entrada de blog, "Tienda"
de igual forma se va a ver así, ya que
todavía no agregamos productos y el
"Carrito" se va a ver así porque también
todavía no hay cosas agregadas en el
carrito.
Entonces ahora sí, vamos a editar el
contenido y las imágenes de nuestra
página.
Regresamos a nuestro editor y le vamos a
dar clic aquí en donde dice "Atrás",
ahora si nos vamos a ir paso por paso a
cada una de las secciones, recuerden esta
es una plantilla completamente gratis, si ustedes quisieran comprar la
plantilla premium le pueden dar clic
aquí y les va a dar más funcionalidades.
Yo la verdad es que no se las recomiendo,
yo digo que con esta plantilla pueden hacer todo
perfecto, pero pues bueno ahora le vamos
a dar clíc aquí donde dice "Zerif"
para que nos lleve a nuestra página
inicial y le vamos a dar clic en donde
dice "Identidad del sitio", aquí nos va a
pedir que por favor subamos la foto de
nuestro logotipo (que va a ser la que va a
aparecer aquí). ¿Cómo van a hacer su
logotipo?
Bueno, si ustedes aún no tienen un
logotipo,
yo les voy a recomendar esta página que
es muy fácil para hacerlo y que lo
podemos hacer ahorita en un minuto,
entonces abran una pestaña y van a
ingresar a la página
"logomakr.com", "logo m a k r.com", ingresan y esta
página es completamente gratis y está
increíble para hacer su logotipo.
Entonces, ¿Cómo le van a hacer para hacer
su logo? Bien sencillo,
aquí ustedes tienen diferentes opciones,
supongamos que mi página se llama "mi
genio viajero" y yo quiero hacer un
logotipo que diga "genio", le doy clic
aquí donde dice "Text" y voy a poner la
palabra "genio".
Después yo puedo seleccionar lo que
quiero que venga, perdón el tipo de
letra, entonces si lo vuelvo a seleccionar
veo aquí que aquí tengo diferentes
tipos de letras que puedo utilizar para
mí logotipo, seleccionan el tipo
de letra que desean
(hay millones) y después también pueden
seleccionar el color, si lo seleccionan
todo pueden seleccionar el color de su
logo, entonces
por ejemplo yo lo puse un poquito negro. Lo
padrísimo de esta página es que
ustedes también pueden agregar iconos
de forma gratuita,
entonces por ejemplo: si ustedes
quisieran poner un icono de algo, por
ejemplo celulares o de magia pueden
buscar en inglés la palabra, que por
ejemplo yo quiero poner un icono de algo
que tenga que ver con magia, porque pues mi logo
es un genio,
entonces le pongo "magic", le doy clic aquí en "Buscar"
y me van a salir todos los iconos
disponibles completamente gratis que
puedo utilizar para hacer mi página y
para poner en mi logo, 
entonces seleccionen su logo, en este
caso yo voy a seleccionar este y ahora lo
vamos a hacer un poquito pequeño para
que quede del tamaño de nuestra página. Entonces
bueno, supongamos que así es como
ustedes quisieran que quedara el logo y
también le pueden poner que el logo no sé,
que tenga la lamparita un poquito más
naranja, seleccionan el color que quieran
y una vez que ya hayan terminado su
logotipo de la forma que quieran, lo
siguiente va a hacer hacerlo un poco
pequeño para que lo podamos poner,
entonces seleccionen todo su
logotipo y ahora lo vamos a hacer un
poco, lo vamos a hacer pequeño. No sé si
puedan ver que hay un cuadrito que ahí dice 64x40,
63x39,
bueno tenemos que hacer que la H esté
más o menos en 35, que ahí
está dice 56 arriba y 35.
Una vez que ya esté en el tamaño ideal,
que ya esté el logo como queramos le vamos a
dar clic aquí en
"Save Logo" y se nos va a guardar nuestro
logotipo en nuestra computadora, si le
damos clic
vamos a poder ver cómo quedó nuestro
logo, así quedó y ahora lo vamos a subir a
nuestra página de Internet.
Entonces regresamos a nuestro editor,
aquí le damos clic en donde dice
"Seleccionar imagen", ahora le vamos a dar
clic donde dice "Subir archivos",
"Selecciona archivos" ahora y vamos a
buscar en nuestra computadora en donde
se bajó nuestro logotipo, que en mi caso
se bajó en la parte de descargas y como
podemos ver aquí está mi logo,
puede parecer que está pixelado, pero no
se preocupen
es porque está pequeño, no se encuentra pixelado y
ahora lo vamos a dar clic en "Abrir", se
empieza a cargar nuestro logotipo, le
damos para abajo,
le damos clic en donde dice "Elegir
imagen" y podemos ver que ya quedó
nuestro logotipo en nuestra página.
Aquí yo les recomiendo que si su logo
queda muy grande y se empieza a cortar,
que lo vayan haciendo pequeño hasta que
encuentren el tamaño que es el que les
parezca adecuado.
Entonces aquí si no les llegara a
quedar, pueden regresar a "logomakr", hacerlo
un poquito más grande o un poquito más
pequeño, volverlo a bajar y volverlo a
subir, entonces ahora vamos a cerrar esta
página, ya que yo ya hice el logo como lo
quería,
regresamos a mi editor y ahora vamos a
poner el título de nuestro
sitio web,
qué bueno ya lo había puesto, aquí
pongan por favor
el nombre de su página, la descripción
corta como ya mencioné, es lo que te
ayuda a que Google te encuentre, entonces
por ejemplo: si tú estuvieras vendiendo
pasteles en Torreón, la descripción que
yo te recomendaría que pusieras es la
descripción de: "Pastelería en Torreón",
ya que cuando la gente ponga en Google
"Pasteles Torreón" va a ser más probable
que salgas, entonces aquí por favor pongan
una descripción, yo puse "Buscador de
vuelos", en caso de que mi página fuera
algo relacionado con vuelos y ahora le
vamos a dar clic en donde dice "Guardar y
publicar", listo.
Ahora ya tenemos nuestro logotipo, le
vamos a dar clic aquí para irnos atrás
y ahora esta sección no la podemos
editar porque es nada más para
secciones premium, pero no se preocupen
ahora le vamos a dar clic en donde dice
"Opciones generales" y le vamos a dar clic
en donde dice "General",
aquí ustedes pueden seleccionar un
copyright que quieren que que si quieren
puede
venir aquí abajo, muchas empresas
lo ponen,
por ejemplo ustedes pueden poner "Mi
genio viajero 2016" o pueden poner lo que
quieran para que se vea más "pro", como
pueden ver se está poniendo aquí y le
pueden dar clic en "Guardar y publicar". Si
no quieren que venga nada esto déjenlo en
blanco, pero bueno 
en mi caso yo pongo "Mi genio viajero
2016", le doy clic en "Guardar" y ahora nos
vamos atrás, después le vamos a dar
clic en donde dice "Footer Social Icons", esta sección
lo que vamos a decir es cuáles iconos
sociales en esta parte queremos que
aparezcan. Aquí por "default" te pone este
número de número para que te aparezca
el icono, pero si ustedes no tuvieran
por ejemplo una cuenta de Dribbble
simplemente bórrenlo, podemos ver que ya
se quitó. Por ejemplo: una cuenta de
Behance pues yo tampoco tengo, entonces lo
quito. De Linkedin si tuvieran pueden
poner su link, una cuenta de Facebook por
ejemplo nosotros, sí tenemos una cuenta de
Facebook,
entonces lo que tenemos que hacer es:
vamos a ingresar a nuestra cuenta de
Facebook, que en mi caso pues es esta, esta es
mi cuenta de Facebook, la página
principal de genio viajero,
entonces yo voy a copiar este link y es
el link que voy a pegar aquí en mi
editor, entonces lo pego y cada vez que alguien le
de clic a este iconito, lo va a llevar
a mi página de genio viajero,
entonces aquí por favor si tuvieran
también un link de Twitter también
pónganlo, un link de Linkedin, pongan los
links que quieran. Y en caso de que no
tengan una cuenta de Facebook,
en nuestra sección del "Blog" van a ver
un tutorial bien sencillito, en donde se
les enseña cómo hacer su página y yo se
los recomiendo.
Entonces bueno, y en caso de que no
tengan déjenlo en blanco, pero una vez
que ya acabamos que yo ya
puse el icono de mi red social que yo
tengo de Facebook), le voy a dar clic en
"Guardar y publicar", después nos vamos a
ir aquí atrás y ahora le vamos a dar
clic aquí donde dice "Footer
Content) y aquí vamos a poder editar
estas tres partes que nos vienen en nuestra
página.
En la primera vamos a poner la
dirección de nuestra página, entonces
aquí por favor pongan su dirección
por ejemplo: supongamos que la dirección
fuera "Reforma 222, Ciudad de
México".
Recuerden: aquí tienen que poner la
dirección, su dirección como es,
entonces bueno yo aquí estoy inventando que
mi local se encuentra en "Reforma 222,
Ciudad de México", con la dirección
después nos va a pedir que
seleccionemos el icono de... perdón,
después no va a pedir que seleccionemos
el correo electrónico.
Aquí es muy importante que van a tener
que editarlo en dos lugares:
lo primero es aquí donde dice "contact@site.com"
esto por favor bórrenlo y ahora le
van a poner su correo electrónico,
entonces por ejemplo en mi caso yo voy a
poner "sofiaglz@gmail.com",
pongan por favor su correo electrónico
y también van a poner su correo
electrónico
aquí en donde vuelve a decir "contact@site.com", ponga por favor su
correo electrónico.
Como podemos ver, ya se puso nuestro
correo electrónico, cuando la gente le
de clic se les va a abrir en
automático el mail para que nos manden
un correo y ahora lo último que queda
es editar el teléfono.
De igual forma el teléfono se tiene que
editar en dos lugares: se tiene que editar
primero aquí antes de los paréntesis y
también se tiene que editar aquí
después de donde dice que "tel.",
entonces vamos a borrar hasta donde
dice que "tel.", vamos a poner nuestro
número de teléfono, que supongamos que
fuera este nuestro número de teléfono,
ahora lo vamos a copiar y de igual forma
lo vamos a pegar aquí en donde está el
otro número.
Si tienen alguna duda de cómo funciona
esta partecita y cómo lo ponen,
abajito en el tutorial viene
específicamente y bien sencillito cómo le hagan para poner sus números,
entonces cualquier duda véanlo aquí en
la sección de abajo, ahí les explica, les
dice en rojo qué es lo que tienen que cambiar
con su información
y listo. Una vez que ya hayan acabado, le van
a dar clic en donde dice "Guardar y
publicar" y ahora ya hemos editado toda
la parte de abajo de nuestra página
como podemos ver y nos vamos a ir arriba
y aquí atrás. Entonces ya editamos estas
tres partes,
ahora nos vamos a ir atrás y vamos a la
sección donde dice "Sección de título
grande" que es la que sigue, vámonos un poquito
arriba porque es esta sección la que vamos
a editar y ahora le vamos a dar clic en
donde dice "Contenido principal",
si nosotros no quisiéramos que
apareciera esta sección, le podemos dar
clic aquí y en automático nuestra
página nos la va a ocultar, pero bueno
nosotros en nuestro caso si queremos que
venga la sección, entonces lo
desmarcamos y aquí vamos a poner el
contenido que queramos que venga,
entonces por ejemplo: estos van a ser
las letras grandotas,
yo puedo poner "Crea tu página web",
o aquí pueden poner si vendieran no
sé, si vendieran celulares pueden poner
"Los mejores celulares", pueden poner el
texto que quieran y después van a poder
poner estos dos botones. En el caso de
nuestro demo, si lo abrimos podemos ver
que un botón al darle clic nos lleva a
nuestra tienda y el otro botón al darle
clic nos lleva a la sección de abajo,
donde hablamos un poquito de
nosotros. ¿Cómo hacemos para poner esos
botones? Bueno muy sencillo,
regresamos a nuestro editor, aquí
ustedes van a poder escoger qué es lo
que quieren que aparezca en el botón,
entonces por ejemplo: si yo quisiera que
apareciera "Quiénes somos" en el botón o
que el botón dijera cualquier cosa,
que dijera "Hola", pongo aquí "Hola" y
podemos ver que el botón se cambia y
que dice "Hola",
pero yo quiero hacer un botón que diga
"Sobre nosotros", digo perdón: "Quiénes
Somos", entonces ponemos "Quiénes Somos"
y ahora le tengo que decir a WordPress
que cada vez que le pica este botón,
yo quiero que a mis usuarios los lleve a
esta sección, que es la sección de
"Quiénes Somos",
entonces, ¿Cómo vamos a hacer esto? Bien
sencillo,
vamos a abrir nuestra página del
tutorial y nos vamos a ir hasta mero
abajo y vamos a buscar una sección que
dice (ahorita vamos a llegar). que dice
"Botones principales", que es esta que está
aquí.
Nosotros decidimos hacerle esta tablita
a ustedes para que fuera mucho más fácil
saber que poner, por ejemplo: si nosotros
quisiéramos que el botón nos lleve a la
sección de "Características",
nosotros lo que tenemos que copiar es
este texto que está al lado (que está
en verde) y por ejemplo, si quisiéramos
que nos lleve a la sección de "Quiénes
Somos" y vamos a copiar este textito que
está en verde y lo vamos a poner en
nuestra página y lo vamos a pegar aquí
donde dice "Enlace
del botón rojo", lo pegamos y ahora,
si nos vamos a nuestra página y le damos
"Refresh", podemos ver que se ve, bueno nos
faltó publicar. Una vez que estemos aquí
le damos clic en "Guardar y publicar",
regresamos a nuestra página, le damos clic en "Refresh"
y podemos ver que ya se cambia nuestro
texto, que ahora dice "Crea tu página web"
y que hicimos este botón. Si le damos
clic,
podemos ver que nos lleva a la sección
que queremos,
de igual forma por ejemplo: supongamos
que tú no quisieras hacer una tienda
y que aquí no quieres que diga "Tienda" y
quieres más bien un botón que diga
por ejemplo: "Nuestro equipo",
entonces nosotros queremos que al darle
clic al botón, nos lleve a esta sección.
¿Cómo lo vamos a hacer? Bueno, regresamos
a nuestro editor,
vamos aquí donde dice "Etiqueta del
botón verde", vamos a poner "Nuestro
Equipo" y ahora regresamos a nuestro
tutorial de WordPress y vamos a buscar
el código verdecito que esté al lado
de "Nuestro Equipo",
entonces una vez que encontramos el
código verde, lo copiamos, regresamos a
nuestra página,
lo pegamos y ahora le vamos a dar clic
en "Guardar y publicar". Si nosotros le damos
"Refresh" a nuestra página podemos ver que ya
está este nuevo botón que al darle
clic nos lleva a la sección de nuestro
equipo y ya hemos acabado con esto, pero
bueno si ustedes quisieran tener la
tienda en línea y quisieran aquí tener el
botón de "Tienda" es bien sencillo. Regresen
a su editor, van a poner aquí donde dice
"Botón verde" ponen "Tienda" y ahora
vamos a tener que pegar aquí el link de
nuestra tienda para que nos lleve.
¿Cómo vamos a hacer eso? Bueno, regresamos
a nuestra página que está publicada,
le damos clic en "Tienda" y vamos a copiar
el link que está arriba, lo copiamos
regresamos a Genio y lo vamos a pegar
en nuestro editor, lo pegamos que en
todos los casos va a ser "http://tu dominio.com/tienda",
entonces ya que esté le damos
clic en "Guardar y publicar", regresamos a
nuestra página le damos clic en "Refresh" y
podemos ver que ya si le damos clic en
"Tienda" nos va a llevar a nuestra tienda,
que ahorita como todavía no tenemos
productos no nos aparece nada, pero ya
nos lleva directo.
Entonces ya hicimos esta sección, ahora
falta poner la imagen de fondo. ¿Cómo
vamos a poder editar y seleccionar esta
imagen que aparece de fondo?
Vamos a regresar a nuestro editor,
nos vamos a ir atrás, nos vamos a ir
atrás otra vez y le vamos a dar clic en
donde dice "Imagen de fondo", aquí le
vamos a dar clic en donde dice "Cambiar
imagen" y vamos a poder
subir una de las imágenes de nuestro
sitio web, digo perdón, de nuestra
computadora al darle clic aquí.
Si ustedes no tienen ninguna imagen que
que puedan poner y quiren una imagen de
alta calidad,
yo les recomiendo sin duda alguna que
entren a la siguiente página, abran una
pestaña por favor y pongan "unsplash.com",
esta página es una página
que te permite poder bajar fotografías
de alta calidad completamente gratis y
también tiene la opción de búsqueda,
entonces por ejemplo: si ustedes
estuvieran haciendo algo de un
restaurante, podrían poner "Food", le dan
clic en "Buscar" y les va a aparecer
todas las fotos que son completamente
gratis para que utilicen en su página
que son de restaurantes,
entonces yo sí les recomiendo que la
imagen que seleccionen que sea de alta
calidad porque si va a afectar mucho
cómo se vea su sitio web, dependiendo si
son imágenes de buena calidad o no.
Por ejemplo: supongamos que yo quisiera
seleccionar esta imagen, le doy clic,
me abre otra pestaña en donde está de
alta calidad,
simplemente le doy clic derecho, le voy a
dar clic en "Guardar imagen como" y la
voy a guardar
yo en este caso en mi escritorio,
la guardó y listo.
La imagen ya se guardó, entonces ya la
puedo utilizar en mi página. Cierra
estas dos páginas, recuerden para
conseguir imágenes gratis es "unsplash.com", pero bueno en este caso yo que
ya conseguí mi imagen, lo cierro,
regreso a mi editor, le doy clic en
"Cambiar imagen", "Subir archivos",
"Seleccionar archivos" y
ahora voy a buscar en mi computadora en
donde se bajó la foto, que en mi caso yo
la guardé en "Escritorio",
la selecciono, le doy clic en "Abrir" y
ahora otra vez me empieza a cargar,
cuando ya esté cargada le doy
clic en "Elegir imagen" y podemos ver que
ya me puso la imagen que yo seleccioné,
ya que esté le van a dar clic
aquí donde diga "Guardar y publicar" y si
nos regresamos a nuestra página y le damos "Refresh", podemos ver que ya editamos el
texto, los botones, y la imagen que viene
de fondo.
Ahora vamos a editar esta sección donde
dice "Características".
Regresamos a nuestro editor, nos vamos
atrás y nos vamos aquí donde dice... Se me hace que
era "Nuestro Enfoque", déjame checo. Sí es
aquí, se van a venir en donde dice,
están aquí en su editor donde dice
"Nuestro Enfoque" y después le van a dar
clic en donde dice "Contenido",
aquí nosotros vamos a poder escoger
cuál va a ser el texto y el
subtítulo que queramos que aparezca, por
ejemplo: si ustedes quisieran que viniera
"Nuestras Características", pues aquí
nada más lo editan, o que diga "Nuestros
Productos", pueden cambiar aquí lo que
quieran y de igual forma aquí pueden
cambiar el subtítulo, si no quieren que
venga el subtítulo lo quitan o si quieren que
venga un subtítulo pueden ponerlo, por
ejemplo: "Descubre lo que hacemos". Una vez
que ya hayan seleccionado su título y
subtítulo, le damos clic en "Guardar y
publicar", nos vamos atrás y ahora vamos
a editar lo que queramos que venga aquí
y las imágenes. Le damos clic en donde
dice "Widgets de sección Nuestro enfoque"
y le vamos a dar clic en el primero,
aquí nosotros vamos a poder editar los
textos, entonces ya nada más pongan
aquí lo que quieren que venga, por
ejemplo "Productos de Calidad",
como podemos ver se empieza a cambiar
"Productos de calidad",
aquí pueden, aquí cambien por favor
su descripción, entonces por ejemplo pueden
poner no sé, "Nosotros ofrecemos los
productos de la más alta calidad" o lo
que quieran y también van a poder
elegir la imagen que aparece aquí,
entonces si ustedes quisieran una imagen
en específico, pues bueno es el mismo
procedimiento: le dan clic en "Subir
imagen", después "Subir archivos",
"Selecciona archivos", seleccionan la
imagen de su computadora que quisieran
que venga y le dan clic en "Abrir", pero
bueno yo en esta ocasión lo voy a dejar
como está, pero eso es bien fácil de
editar, aquí va a ser cuestión de que
ustedes lo editen. Para editar lo
segundo, una vez que ya hayan acabado le dan clic
aquí y ahora nos vamos al segundo
cuadrito, que el segundo cuadrito pues es
lo mismo (es este), entonces de igual forma
ponen aquí no sé, "Servicio al cliente",
ponen "Servicio al cliente" e igual
cambian los textos, cambian la imagen, le
dan clic en "Subir imagen" y una vez que ya
estén todos estos editados, dan
clic en "Guardar y publicar". Si ustedes no
les gustaría que viniera, por ejemplo
esta columna y la quisieran eliminar,
se van a la última y le dan clic en
"Eliminar" y listo.
Y si quisieran agregar uno más para que
fueran cinco, únicamente le dan clic en
donde dice "Añadir un widget", nos vamos
abajo y vamos a buscar el widget que
dice "Zerif - Widget de
Nuestro Enfoque", lo seleccionamos y
podemos ver que ahora ya se nos agregó uno
nuevo, aquí ponemos "Producto 5" o la
característica que quieren que venga y
vamos a poner un texto
y podemos ver que se empieza a poner
abajo
el otro producto. Entonces aquí pueden
agregar los que quieran, yo
en este caso lo voy a borrar, también
pueden ordenar por ejemplo, el orden.
Nada más lo agarran y lo mueven, lo
mismo que los menús y podemos ver que
se cambió de orden, cuando hayan acabado
le dan clic en "Guardar y publicar" y
ahora nos vamos a editar esta sección
que se llama "Quienes Somos", nos vamos
atrás, atrás y nos vamos a la sección
"Quiénes somos", aquí si le damos clic
en "Ajustes" podemos seleccionar si
queremos que aparezca o no,
por ejemplo: si le damos clic aquí lo
quitamos o si lo desmarcamos nos aparece,
entonces si no quisieran que apareciera,
nada más le dan clic aquí
y después nos vamos a dar, le vamos a
dar clic en donde dice "Contenido
principal", aquí de igual forma vamos a
poner un poco de información sobre,
vamos a poner el título y el subtítulo,
entonces por ejemplo: podemos poner
quiénes somos nosotros, aquí también
podemos editar textos, aquí pones tu
subtítulo, como podemos ver se empieza
a cambiar.
De igual forma aquí puedes poner,
puedes cambiar el contenido que dice,
aquí jueguen ustedes con las palabras que
van a poner
y aquí también esta descripción
cuando la cambian, se cambia aquí y
cuando hayan acabado le dan clic en
"Guardar y publicar" y
listo, ya se guardó. Ahora nos vamos
atrás y si nos vamos a nuestra página
de Internet y le damos "Refresh" para ver
los cambios,
podemos ver que bueno, ya cambiamos la
primera sección, la segunda sección ya
sabemos también cómo cambiarla y aquí
que es la sección sobre quiénes somos
cambiamos los textos, pero también te
vienen estas cositas que son habilidades
que las vamos a poner. Si regresamos a
nuestro editor podemos ver que aquí se
llaman "Características",
entonces por ejemplo si le picamos
aquí, vamos a poder editar estas
características, si le picamos a
"Característica 2" vamos a poder editar la 2 y así consecutivamente.
Entonces le damos clic primero a la
primera característica, aquí cambiamos
el texto que queremos que venga, por
ejemplo: "Calidad", pueden poner lo que
quieran, pueden también poner una
descripción si quieren, aquí ponen
descripción (si deseas, si no lo quitas) y podemos
seleccionar también el porcentaje,
entonces por ejemplo: calidad yo le voy a
poner un 98% de calidad y podemos ver
que ahorita se va cambiando,
de igual forma la segunda
característica es lo mismo, la tercera y
la cuarta así las editan y cuando hayan
acabado le dan clic en "Guardar y
publicar" y después nos vamos aquí. Perdón no,
una vez que ya pusimos las cuatro
características y que ya esté todo
completo,
nos vamos atrás, si tú no quisieras que
apareciera por ejemplo, la cuarta nada
más quítala, borra todo
y listo, se quitó. Vamos atrás, damos
clic en "Guardar y publicar" y ahora nos
vamos atrás y ya acabamos con la
segunda sección.
Ahora nos queda editar la parte de
nuestro equipo,
¿Cómo vamos a hacer esto? Bueno, es lo
mismo, esto es muy repetitivo.
Nos vamos aquí donde dice "Sección
Nuestro Equipo", "Contenido", si queremos
quitarlo le damos clic aquí,
si queremos que aparezca le damos clic y
aquí de igual forma puedes seleccionar
lo que quieres que venga de título,
vamos a poner por ejemplo: "Nuestro Equipo",
aquí igual forma puedes cambiar el
subtítulo este que se muestra, le damos
clic en "Guardar y publicar" cuando ya
hayas puesto el texto que deseas,
nos vamos atrás, le vamos a dar clic
aquí donde dice "Widgets de la sección
de Nuestro Equipo" y es lo mismo, cada
cuadrito representa cada uno
de las cuatro partes de nuestro equipo.
Para evitarlo nos vamos a 1, aquí
podemos cambiar el nombre de la persona,
por ejemplo: podríamos poner Sofia
González,
aquí podemos poner no sé, "Fundadora" o lo
que quieran poner,
como podemos ver se empieza a cambiar.
Esto es la descripción, que cuando la
gente pasa el "mouse" viene, entonces
aquí pueden poner algo como "Tiene
tantos años de experiencia, actualmente
se encarga de la gestión de Marketing", o
lo que quieran poner de la descripción
de cada persona
la ponen aquí y también podemos poner
los iconos de redes sociales.
Acuérdense que WordPress por "default" te pone este signo de
número para que aparezca pero pues no
tiene nada linkeado, entonces si ustedes no
tuvieran por ejemplo: una cuenta de Dribbble o de Behance, lo pueden quitar y
las cuentas que tengan, por ejemplo de
Facebook la pueden pegar aquí. ¿Cómo
sacan el link por ejemplo: de Facebook?
Bueno, nos vamos a nuestra ,
nos vamos a una pestaña, abrimos nuestro
Facebook,
en este caso yo no estoy loggeada,
pero bueno es lo mismo, por ejemplo si
quisieran poner este
link, nada más lo copian, regresamos a
nuestro editor, lo pegas y listo. Tienen
que hacer lo mismo con los perfiles de
la gente si es que quieren poner sus
redes sociales,
recuerden que los links que no tengan
borren el signo de numeral y también vamos a
poner la imagen que queramos que venga,
en este caso te ven esta imagen pero
para que ustedes pongan las imágenes de
sus usuarios denle clic aquí, digo
perdón de su equipo, denle clic aquí
donde dice "Subir imagen", "Subir archivos",
"Seleccionar el archivo" y le das clic en
"Insertan en entrada" y listo.
Entonces recuerden, una vez que acabaron
lo hacen en chiquito y editan las otras
cuatro secciones. Si quisieran agregar un
miembro del equipo más, le dan clic
aquí donde dice "Añadir  un widget" y van a
buscar el widget que dice "Zerif -
Widget de miembro del equipo", le dan clic
y como podemos ver se agregó otro
miembro del equipo (aunque todavía no
aparece), por ejemplo y podemos ver que se
va a empezar a poner acá abajo,
ponemos la descripción y se ponen abajo.
Si lo quieren borrar recuerden, nos vamos
aquí donde dice "Borrar", listo. Ahora ya
que acabamos le damos clic en "Guardar y
publicar" y nos vamos aquí atrás,
entonces ya editamos todo, si le damos
clic en el "Refresh" de nuestra página podemos
ver que ya sabemos cómo cambiar
los textos, las imágenes, los botones,
esta sección ya la hicimos, aquí
también todo esto ya sabemos cómo
cambiarlo, como cambiar esto y nos va a
faltar hacer la sección de "Testimonios",
la sección de "Últimas noticias" y la
sección de "Contacto".
Entonces para la sección de "Testimonios",
nos vamos aquí a nuestro editor donde
dice "Sección de Testimonios", después en
"Sección de Testimonios"
escogemos el título queremos que venga,
el subtítulo en este caso no lleva. Si no
queremos que venga
acuérdense que le dan click aquí donde
dice "Ocultar sección de Testimonios"
(que es esta), después le dan clic en donde dice
"Widget de la sección de Testimonios" y aquí
van a poder agregar cada uno de estos.
Si quisieran editar estos recuerden: le
dan clic, aquí ponen el texto que quieren
que venga, ponen el nombre: por ejemplo: si
esto lo hizo Lorena Murra, este
testimonio supongamos que lo hizo una
clienta que se llama Lorena Murra pongo
"Lorena Murra",
se cambia aquí y aquí pongo lo que
quiero que venga: "El mejor tutorial todos,
me ayudó mucho", o lo que quieren que
venga aquí de de testimonios. Recuerden
nada más lo copian, lo escriben aquí y
ya. Para cambiar esta foto es lo mismo,
le dan clic en "Subir imagen", seleccionen
la imagen y cuando hayan acabado le van a dar
clic en "Aplicar" y después le van a dar
clic en "Guardar y publicar". La verdad
es que editar una página es bien repetitivo,
lo mismo pasa aquí, si quisieran editar
este post es lo mismo y de igual forma
el tercero. Si quisieran agregar uno más
para que fueran cuatro, le dan clic en "Añadir
un widget" y agregan este widget que se
llama a "Zerif - Widget de Testimonios"
y ya, pero bueno en este caso ya vimos cómo se
agregan,
entonces no lo voy a agregar y ahora nos
vamos a ir atrás a esta sección que se
llama "Sección de llamadas de atención",
si tienen alguna duda de para qué te
sirve la verdad es que no tiene mucha
funcionalidad, abajo hay unos vídeos en
donde te lo explica, abajo de
este tutorial, entonces si tienen alguna
duda
vea el vídeo de abajo porque ahorita nos
vamos a saltar a la siguiente sección,
que es la sección donde dice "Últimas
noticias",
le damos clic, aquí ponemos el título,
que yo en mi caso lo voy a poner como si
el título fuera "Blog" porque estas van
a ser entradas del blog y aquí
también puedo poner de igual forma un
subtítulo, yo lo voy a dejar en limpio y
le voy a dar clic en "Guardar y publicar". Ya que
esta nuestra página con esto, podemos
ver que no se ve nada y una de las
preguntas que más me dicen es: ¿Cómo le
haces para poder hacer artículos del
blog? Bueno para poder hacer un artículo
del blog es muy sencillo:
debemos irnos atrás y luego salirnos de
nuestro editor y vamos a darle clic
aquí donde dice "Entradas", "Añadir nueva".
Una entrada es básicamente un nuevo
post de tu blog,
entonces aquí tú seleccionas el
título del blog que quieres que, o sea
cómo quieres que se llame tu post, por
ejemplo: "Las diez ciudades", "Las diez formas
de comer pastel" o lo que quieres que
se llame tu título y funciona igual que
una página de Internet.
Entonces aquí pones el texto por ejemplo no sé, "La
mejor forma es primero pedirlo,
después blah blah", entonces aquí ponen el
texto que va a venir en su artículo,
también pueden agregar fotos,
recuerden le dan clic aquí en "Subir archivos",
buscan una foto que les gusta, la
seleccionan, la agregan y hacen el
artículo con toda la información que
quieren y después,
esto es muy importante: aquí donde dice
"Imagen destacada" es de suma importancia
que le piquen y que seleccionen una
imagen que va a ser la que va a aparecer
en nuestra página principal.
?A qué me refiero con esto? Bueno, si le
damos "Refresh" a nuestra página y
nos vamos abajo, podemos ver que aquí se
ve como si tuviera una entrada, pero no
se ve una imagen,
esta imagen que vamos a seleccionar es la
imagen que va a aparecer aquí, entonces
por favor seleccionen una imagen, por
ejemplo yo voy a seleccionar una
imagen de mi computadora, voy a
seleccionar no sé, tal vez esta imagen, le
doy clic en "Asignar imagen destacada" y
ya que agregué la imagen destacada,
ahora sí puedo seleccionar una
categoría en la que quiero que sea el
blog, entonces le dan clic en donde dice "Agregar
categoría", por ejemplo: si tuvieran un blog de
muchas cosas, pues hacen diferentes
categorías,
yo voy a poner por ejemplo de categoría
"Comida" y le dan clic en "Añadir", digo
perdón, le dan clic
una vez que ya pusieron "Comida", le dan
clic en "Añadir categoría", después le
vamos a dar clic en donde dice "Publicar" y listo.
Aquí quedó ya nuestro artículo de
nuestro blog, si le damos clic en "Refresh" y
nos vamos abajo, podemos ver que ya se
hizo aquí el artículo de nuestro blog.
¿Cómo le hacen para borrar esta que dice
"Hello World"? O, ¿Cómo lo hacen para borrar
post que no quieren que venga? Bueno se
van a "Editar entradas",  digo perdón, se van a su editor,
después le van a dar clic en donde dice
"Todas las entradas" y esto nos va a abrir
todos los post que tenemos, por ejemplo
este que dice "Hello World" es el que te
viene en automático cuando instalas la
plantilla, que es este, que pues no lo
queremos. Entonces
si lo quisiéramos borrar bien sencillo,
nada más lo seleccionamos y le damos clic
en donde dice "Papelera" y ya está,  si nos
regresamos y le damos "Refresh" podemos ver
que ahora sí, ya nada más nos aparece
la entrada que queremos, o sea nuestro post del
blog. Aquí agreguen en las diferentes
entradas que quieren que aparezca, al darle
clic
vamos a ver qué podemos ver aquí un
poco sobre el artículo de nuestro blog,
regresamos a nuestro menú y ahora ya
que ya sabemos cómo hacer los
artículos, cómo hacer el blog, lo último
que nos queda es: ¿Cómo le vamos a hacer
para configurar esta ficha de contacto y
que nos llegue a nuestro correo
electrónico
la información? Nos vamos a nuestro
editor,
recuerden para editar todo lo de nuestra
página es en "Apariencia", "Personalizar" y
bueno antes de que se me olvide una
parte importante:
si ustedes no quisieran tener la
sección de "Blog", o sea si no quieren
enfocarse en eso (que mucha gente no
quiere), para poderlo quitar es bien
sencillo, se van a "Sección de
Últimas noticias" y le dan clic en donde
dice "Ocultar esta sección" y ya no les
va a aparecer la sección del blog, pero bueno
en este caso yo sí quiero que aparezca, entonces le doy
clic en "Guardar" y bueno, como ya
comentábamos ahora nada más nos falta
configurar aquí la parte donde pones tu
correo electrónico,
entonces nos vamos a nuestro editor y
nos vamos aquí donde dice "Sección de
Contáctenos",
aquí de igual forma puedes seleccionar
tu título, tu subtítulo y lo más
importante de aquí, es que aquí donde
dice "Correo electrónico" tienen que
poner el correo en el cual van a querer
recibir todos los correos,
entonces aquí es muy importante que
pongan su correo, por ejemplo: en mi caso
mi correo es
"sofiaglz@gmail.com",
aquí por favor pongan su correo, porque
si no lo ponen pues cuando la gente les
mande algo no van a saber que les mandó
algo, ni nada, o sea que alguien te mandó
algo. Entonces pongan su correo y le van a
dar clic en "Guardar y publicar" y listo,
ya está. Ya tenemos toda nuestra página
completamente terminada, ya saben ustedes
cómo editar cada sección, también
recuerden es bien fácil si no quisieran
que apareciera una sección, pues nada
más le pican "Ocultar" y listo.
Y, ¿Qué pasa por ejemplo para las
personas que quieren hacer su tienda en
línea? ¿Cómo le hacen para agregar los
productos?
Bueno, ahora les voy a enseñar cómo
hacer para agregar productos. Salgan por
favor aquí del editor y regresamos y le
vamos a dar clic aquí donde dice
"Productos" y luego, "Añadir producto".
aquí nosotros vamos a poner el nombre
de nuestro producto, por ejemplo: si
quisiéramos vender una camiseta o bueno
el nombre como quieren que se llame su
producto, por ejemplo yo le voy a poner
"Camisa azul", pero pueden poner ustedes el
nombre del producto que quieran, aquí van
a agregar una descripción si
quieren que venga, por ejemplo esta
descripción que agregan aquí es la
descripción que va a aparecer,
déjenme les enseño. Este es el demo,
voy a picarle a un producto, esa descripción que
tú pones aquí es la descripción que
aparece aquí abajo, entonces por favor,
pongan aquí si desean una descripción
si no lo desean déjenlo en blanco. "Esta
camisa es de la mejor calidad" o pongan
lo que quieran, acuérdense que también pueden agregar
foto. lo que quieran y ahora vamos a
tener que poner el precio de nuestro
producto.
Si ustedes tienen un precio fijo y fuera
de 500 pesos,
aquí nada más le dan clic y que diga
"500 pesos". Si quisieran poner como si fue
una rebaja, que por ejemplo en esta en
esta ocasión te viene como si fuera
"Oferta" y te viene este descuento,
bueno aquí ponen el precio inicial y
aquí ponen su precio de oferta, pero bueno en
este caso yo lo voy a dejar como si fuera a
precio fijo.
Aquí es muy importante que esté
seleccionado "Producto simple" y ahora
tenemos que poner la descripción que va
a venir aquí, entonces yo este caso pues voy
copiar esta descripción, que es
descripción del demo, ustedes pongan la
descripción que quieran, yo aquí voy a
pegar está nada más para que vean
como se va a poner y tenemos que ahora
seleccionar la imagen principal del
producto. ¿Cómo lo vamos a hacer? Nos vamos a 
ir aquí donde dice "Imagen del producto",
le damos clic vamos a donde dice "Subir
archivos", "Selecciona archivos",
yo voy a escoger la imagen
del producto que está en mi computadora,
que pues en este caso iba a escoger
esta camisa como si fuera la que fuera a
vender, después le voy a dar clic donde dice "Establecer imagen del producto"
y también si ustedes quisieran, si ustedes
nada más quieren que venga así una
imagen y que no venga nada, pues bueno
así está listo, pero si quieren que
venga por ejemplo,
estas imágenes, que venga por atrás o
lo que sea,
aquí ustedes también las pueden en su
editor, aquí ustedes también las pueden agregar en
donde dice "Galería del producto",
entonces por ejemplo: si yo quisiera
poner está de espalda, las puedes subir o
las puedes seleccionar de las
imágenes que tengas, le das clic en
"Añadir a la galería", agregan las
imágenes de su producto que quieran y
después pueden hacer categorías del
producto si lo desean,
por ejemplo: si vendieran ropa y vendieran
electrónicos, pueden hacer aquí
diferentes categorías, yo en este caso lo
voy a dejar así y cuando ya acabamos le
vamos a dar clic en "Publicar", nos
regresamos a nuestra página, le damos
clic en "Refresh" y podemos ver que si le
damos clic en "Tienda", ya se encuentra
nuestro producto en la página.
De hecho ya si ustedes le dan clic en
"Añadir a carrito" y le ponen "Ver carrito"
sus usuarios ya pueden comprar en su
tienda en línea, esto ya está
completamente todo configurado, o sea cuando
les digo "todo" es todo,
entonces por ejemplo: el usuario ya le
puede dar clic en "Ir a caja", pueden hacer
ustedes también cupones, le dan clic en
"Ir a caja" y aquí ya el usuario nada más
poner su información, puede seleccionar
cómo quiere pagar: si quiere pagar vía
cheques, pago con entrega y le da clic
en "Realizar pedido", así de sencillo es
hacer productos, pero ahora ¿Cómo le hacen
como lo hacen para editar los métodos
de pago? Por ejemplo, "Yo quiero que
aparezca aquí", "A mi no me apareció y 
yo quiero que aparezca que puedes pagar
con tarjeta de Paypal o tarjeta de
débito".
Entonces ya que hayan puesto todos los
productos, para poder editar los métodos
de pago de su tienda en línea, van a
utilizar esta sección que se llama
"WooCommerce", aquí pueden crear cupones,
pueden ver si le dan click aquí van a
poder ver sus pedidos
cuando la gente les haya hecho pedidos y
también le pueden dar clic aquí
donde dice "Ajustes" y aquí es la
sección en donde pueden editar toda la
información de su página,
entonces por ejemplo: aquí pueden
cambiar la moneda, si se van a "Productos"
pueden cambiar la unidad de peso si
quisieran, en "Impuestos" está desactivado,
pero si quisieran activarlos, pues aquí
pueden jugar con esta parte
para que se agreguen los impuestos, en
"Finalizar compra" es donde nosotros vamos
a poder seleccionar los métodos de pago,
entonces por ejemplo: yo quiero incluir
Paypal porque para mí es muy importante
que la gente pueda pagar con tarjeta de
débito o de crédito, le doy clic aquí
donde dice "Paypal" y le voy a dar clic en
donde dice "Habilitar Paypal estándar",
como ya podemos ver aquí se encuentra
mi correo electrónico que tengo
registrado con Paypal, aquí pongan por
favor su correo electrónico y listo.
Una vez que ya está le damos clic en
"Guardar cambios",
regresamos a nuestra página, le damos
clic en "Refresh" y podemos ver que ya se
puso el método de pago de Paypal en
nuestra página,
entonces ya las personas pueden pagar
con tarjeta de débito, con tarjeta de
crédito, pueden hacer pago en entrega, pueden hacer pago mediante
cheques y ya de hecho, si se meten hoy,
ahorita las personas
ya puedes empezar a vender en línea.
Una de las cosas que más nos preguntan
es: ¿Cómo le pueden hacer para poder
poner el pago en el Oxxo?
Entonces bueno, para pagar en el Oxxo es
bien sencillo, le van a dar clic en el
editor y se van a ir
donde dice "BACS / Transferencia bancaria",
aquí van a seleccionar donde dice "Habilitar
transferencia bancaria" y de título
vamos a poner "Pago en el Oxxo". ¿Por qué
estamos haciendo esto? Bueno estamos
haciendo una nueva sección que vamos a
editar nosotros para que las personas
puedan pagar en el Oxxo,
entonces si nos vamos a nuestro demo de
"Celulares Mex" y nos vamos por ejemplo a
carrito,
podemos ver que a la hora de ir a caja,
nos aparece esta sección que dice "Pago
en el Oxxo": "Por favor realiza un
depósito en el Oxxo al número de
cuenta Banamex blah blah blah" y que al realizar
el pago les envíen una foto.
Vamos a copiar esto y nos vamos a
regresar a nuestro editor y lo vamos a
pegar en donde dice "Descripción",
entonces aquí lo que ustedes tienen que
hacer es: si ustedes quieren poner que la
gente pueda pagar en el Oxxo, tienen que
sacar una cuenta, yo les recomiendo de
"Banamex" y pongan aquí su número de
cuenta, yo en este caso inventé este número
de cuenta, nada más ustedes pongan el
suyo y cada vez que alguien haga un pago, ponen ustedes como referencia su número,
entonces ellos ya van hacer el pago en
en el Oxxo a su número de cuenta y le
piden por favor que les envíe un correo
electrónico con el comprobante, entonces aquí
por favor nada más cambien su correo,
por ejemplo en mi caso pues yo les
voy a poner que cuando compren y paguen en
el Oxxo que me lo envíen a sofiaglz@gmail.com
y que listo, entonces ya que esté
copiamos lo mismo y lo vamos a pegar
abajo donde "Instrucciones", esto es como una
"mexicanada" para poder aceptar pagos en
el Oxxo.
Y ya cuando está le vamos a dar clic en
"Guardar cambios" y si le damos "Refresh" a
nuestra página, podemos ver que ya se
habilitó el pago en el Oxxo y listo.
Si ustedes tuvieran alguna duda sobre
cómo le hacen para agregar productos,
por ejemplo de diferentes tallas, de
colores, abajo en el tutorial hay un
link de WooCommerce, en donde les viene todo este, donde les vienen diferentes ejemplos y cómo le
hacen para ponerlo, entonces chéquense por favor
abajo en el tutorial y por último nos
regresamos a nuestra página. ¿Qué pasa si
ahora que ya acabaste tu página dices
"Bueno es que quiero cambiar los menús
que vienen aquí arriba porque por
ejemplo, yo no quiero la tienda en línea
o no me interesa la sección del blog?
Entonces, regresamos a nuestro editor,
nos vamos a "Apariencia", "Personalizar", nos
vamos abajo en donde dice "Menús", después
"Menú principal"
y recuerda que aquí vamos a... Ay perdón,
nos vamos a donde dice "Menú principal" (es que me
confundí) y aquí ya acá vemos que aquí
dice "Menú primario",
vamos a poder quitar las secciones o
agregar. Si quisiéramos agregar, recuerda
es el mismo procedimiento: le damos clic en
a "Añadir items", agregamos lo que
deseamos, pero en este caso sí
quisiéramos quitar por ejemplo la
sección del blog, le damos clic y
la vamos a dar clic en "Eliminar" y
después le vamos a dar clic en "Guardar y
publicar" y listo,
ya acabamos todo nuestro tutorial, ya
saben cómo hacer una página de
Internet, cómo poner sus productos, cómo
vender en línea.
Si te gustó el tutorial dale clic a
este botón para que te puedas suscribir
a nuestro canal de Youtube,
siempre estamos intentando subir
contenido nuevo cada semana para que
siempre encuentrEs vídeos nuevos y
también si nos pudieras dejar un
comentario con el nombre de la página
que creaste gracias al tutorial o nos
pudieras dejar un mensaje, en verdad te lo
agradeceríamos.
Nos encanta escuchar las historias de
las personas que podemos ayudar con este
tutorial y también les voy a dar un tip:
si se van aquí a este botón en rojo
que dice "Ver tutorial", en la parte de
hasta mero abajo van a encontrar una
sección en naranja
en donde estamos poniendo
cuáles son las preguntas más
frecuentes que nos hacen y también les
dejamos las respuestas a cada una de
estas preguntas, inclusive en unas les
ponemos vídeos de cómo pueden poner las
cosas, etc.
Entonces bueno, mi nombre es Sofia y fue un
placer ayudarte a hacer tu propia tienda
en línea.
Un saludo.
