Guía - Cómo Crear Tu Página Web en 5 Pasos
Guía - Cómo Crear Tu Página Web en 5 Pasos
U
G
Cómo crear la
PÁGINA WEB
para tu negocio
EN 5 PASOS
SIN TO
C O S
LO PRIMERO
Fue creada con el propósito de entregar las instrucciones necesarias para que todo
emprendedor o dueño de pequeño / mediano negocio, pueda crear su propia
página web en solo 5 pasos, por sí mismo y sin costo alguno.
O en caso de ya contar con un sitio web, renovarlo a uno profesional y tener ABSO-
LUTO CONTROL sobre él, sin depender de agencias o terceros.
ANTES DE INICIAR
Encontrarás 5 pasos o etapas para crear tu página web sin costo y por ti mismo,
debes seguir al pie de la letra cada uno de ellos y completar las 10 misiones que los
componen.
Cada paso tendrá instrucciones determinadas que debes llevar a cabo en orden,
una vez las finalices, podrás continuar con el siguiente hasta finalizar la guía.
ESTRUCTURA:
TU MISIÓN #1: Identifica bien qué tipo de sitio web se adapta mejor a tu
negocio.
TU MISIÓN #4: Ten preparados los recursos visuales de tus productos, servi
cios, muestras, testimonios y negocio en general que vayas a subir.
TU MISIÓN #6: Sube tus tipografías, establece los estilos globales, personali
za íconos, descarga imágenes si necesitas y comprime las que vayas a usar.
PASO 3: Genera los textos persuasivos para cada sección de tu sitio web.
TU MISIÓN #7: Genera todos los textos de las diferentes secciones de las
páginas web de tu sitio.
TU MISIÓN #8: Construye el sitio web con todos tus recursos visuales y textos,
modifica secciones y páginas, y revisa que todo funcione.
TU MISIÓN #10: Mira los cursos y comienza a hacer anuncios para tu negocio.
Conexión a internet.
¿QUÉ ES MASTERTOOLS?
El tiempo vale, así que entre más pronto finalices la guía, más podrás hacer funcio-
nar tu página web públicamente y tener tus primeros resultados con ella. Esta
guía fue creada para finalizarse en 5 días, bajo el supuesto de que completes un
paso por día, sin embargo, puedes hacerlo en menos y aprovechar más tu periodo
gratuito.
1 2 3 4 5
¿CUÁL ES NUESTRO OBJETIVO?
Que crees el sitio web de tu negocio en 5 días o menos, lo publiques y tengas tus
primeros resultados con ella: sean ventas automáticas, clientes potenciales o más
visibilidad. Para ayudarte con ello, tendrás acceso al final a nuestras clases de
anuncios en Google y Meta.
Una vez tengas construido tu sitio y tengas resultados, podrás tomar la decisión de
continuar con el servicio o no, una vez MasterTools te notifique que tu prueba gra-
tuita está por finalizar, exactamente 5 días antes.
Acá te dejaremos la información sobre los planes, ten en cuenta que estos incluyen
muchas más herramientas de Marketing que en esta guía no descubrirás, te
ayudaremos a hacer uso de ellas más adelante cuando tengas tu sitio web funcio-
nando. VER PLANES
Antes de activar tu prueba, debes tener presente que como software de suscrip-
ción, solo es posible usarse ingresando una tarjeta débito o crédito. Tal como una
suscripción activa en Netflix, Disney+ o HBO.
IMPORTANTE: No se te realizará ningún cobro hasta cumplidos los 14 días del peri-
odo de prueba y se te notificará por correo electrónico antes de ello.
No todos los sitios web funcionan igual para todos los modelos de negocios,
dependerán de la naturaleza del producto o servicio. Escogeremos el que mejor se
adapte de las tres opciones:
1. Tienda en línea:
La tienda en línea, o mejor conocido como e-commerce, es el tipo de sitio web per-
fecto para negocios que cuentan con una gran variedad de productos, que
pueden ser categorizados de múltiples formas y suelen rotar mucho en inventario.
Este tipo de sitio web funciona como un supermercado: Expone de forma rápida y
sencilla toda nuestra oferta de productos para que las personas ‘naveguen’ y esco-
jan los productos que deseen comprar sin ninguna guía.
Si tu negocio tiene una línea de productos clara (ropa, decoración, bebidas, herra-
mientas, etc), donde la venta no necesita ser consultiva, y se comercializa a un con-
sumidor final, debes escoger este tipo de sitio web.
El embudo, o también conocido como funnel, es el tipo de sitio web perfecto para
negocios que NO cuentan con una gran variedad de productos, o que prestan
cualquier tipo de servicio.
Este tipo de sitio web funciona como una carta de ventas o de presentación, en la
que brindamos información sobre nosotros y nuestro producto o servicio, acom-
pañándolo de muestras, testimonios, valoraciones y demás elementos con el fin
de persuadir a la acción que deseemos: comprar o contactar.
Este tipo de sitio web funciona como una recepción, en la que brindamos infor-
mación sobre nosotros y nuestras líneas de productos y servicios, agrupando todo
lo de nuestro negocio en un mismo lugar, sin importar si las líneas de negocio
hacen parte de un mismo mercado o son distintas.
Cuando una persona visita tu funnel hub, navega e ingresa al funnel particular o
tienda de cada una de tus líneas de productos y servicios. Si tu negocio vende pro-
ductos (ropa, decoración, bebidas, herramientas, etc), pero también ofrece servi-
cios (fotografía, asesoría legal, reparación y mantenimientos, barbería, spa, etc); o si
solo ofrece servicios, pero son diversos, debes escoger este tipo de sitio web.
TU MISIÓN #1: Identifica bien qué tipo de sitio web se adapta mejor a tu negocio.
NOTA: Si sigues teniendo dudas con respecto a cuál escoger, puedes también ver
los sitios web de tu competencia, aunque ten cuidado, que tu competencia lo use
no significa que sea el más indicado para tu tipo de negocio.
PASO 2: Selecciona la plantilla y prepara todos los recursos.
Una vez hayas escogido el sitio web que mejor se adapta a tu negocio, debes con-
sultar las diferentes plantillas que tiene MasterTools para crear tu página web.
Estas son ejemplos de sitios web ya creados y prediseñados para un negocio alea-
torio en cada tipo de sitio web. Te ayudarán a acelerar tu proceso de creación al no
tener que diseñar cada página y sección desde cero (aunque puedes hacerlo).
Si escoges una plantilla que te guste, solo tendrás que sustituir la información y los
recursos visuales, que también te indicaremos cómo prepararlos.
Cada plantilla está creada con un diseño estándar, así que debemos modificarla
con base en nuestro manual de marca y branding para que se vea única y estética.
1. Logo:
Seguramente ya tengas uno para tu marca en este momento, si sientes que debes
actualizarlo, es la oportunidad perfecta para hacerlo. Puedes escoger entre distin-
tos tipos de representaciones gráficas:
LOGOTIPO ISOTIPO
La palabra con su El símbolo o dibujo
tipografía, se de la marca.
identifica por el texto.
IMAGOTIPO ISOLOGO
Fusión del símbolo o
Se combina el
dibujo con el texto
símbolo o dibujo
dentro. No pueden
con el texto.
dividirse.
Nota: Debes tener guardado tu logo como un archivo en formato PNG (sin fondo).
2. Paleta de colores:
Nota: Debes guardar los códigos hexadecimales de los colores que hayas escogido
para no perderlos. Se verán como un “#343E3D”.
3. Tipografías:
Esta será la fuente con que tus textos se vean, es importante escoger el conjunto
de tipografías correctas con base en cómo queremos que se sienta nuestra marca
y qué estilo tendrá (juvenil, serio, elegante, loco, clásico, moderno, etc).
TU MISIÓN #3: Define tu logo, paleta de colores y tipografías guardando sus archi-
vos/códigos correspondientes.
Ahora, una vez tenemos listos los recursos visuales de nuestra marca, debemos
preparar los elementos relacionados con nuestros productos y servicios.
Todos estos recursos deben estar guardados como archivo de imagen (PNG
preferiblemente)
Tip extra: Te recomendamos Pebblely (click aquí) para diseñar tus fotografías de
producto con Inteligencia Artificial. Solo debes tomarle una foto con la cámara del
celular con mejor calidad que tengas, subes la fotografía y la herramienta le qui-
tará el fondo y lo reemplazará por varios diseños estéticos que podrás seleccionar.
TU MISIÓN #4: Ten preparados los recursos visuales de tus productos, servicios,
muestras, testimonios y negocio en general que vayas a subir.
Una vez tengas listos todos los recursos visuales, es momento de subirlos a Master-
Tools, para ello debes seguir las siguientes instrucciones:
3. Entra a “Ver todos los archivos” y una vez dentro, crea una carpeta para
Imágenes, Fuentes, Videos y demás recursos que necesites separar:
TU MISIÓN #5: Sube todos tus recursos visuales a MasterTools y ubícalos en carpe-
tas.
Para finalizar este segundo paso, te compartiremos algunas instrucciones extra y
recomendaciones para antes de crear el sitio web, que debes seguir:
Los sitios web podemos verlos desde computador, tablet o celular; las páginas
deberían verse igual en cada uno, pero al cambiar las dimensiones de la pantalla,
los elementos en ella tendrán que adaptarse manualmente, así que debemos
diseñarla 3 veces.
Sin embargo, para ahorrar este trabajo, establecemos los estilos globales que
conservarán las dimensiones en cada formato, así que sigue estas instrucciones en
MasterTools:
Una vez lo hagas, todo texto que crees como “ENCABEZADO 1, 2, etc” tendrá unas
dimensiones en versión PC y versión Celular que no tendrás que adaptar manual-
mente cada vez que añadas uno nuevo.
MasterTools posee un banco de íconos extenso, sin embargo, puedes crear nuevos
y exportarlos como imagen para darle más recursos de marca a tu página.
Storyset
Unsplash
Pixabay
Freepik
Para comprimirla, podemos usar iloveimg (click aquí), solo debemos subir nuestra
imagen y comprimir hasta el punto en que no afecte la calidad de la imagen.
Cuando subas una imagen, añade un texto descriptivo con palabras clave que rep-
resenten la imagen para ayudar a posicionarla en buscadores (escribe brevemente
de qué trata la imagen).
TU MISIÓN #6: Sube tus tipografías, establece los estilos globales, personaliza
íconos, descarga imágenes si necesitas y comprime las que vayas a usar.
Después, verás todas las páginas y pop-ups que tiene la plantilla de tu sitio web.
Ahora solo debes seleccionar una por una y encontrar las distintas secciones en
que debes ingresar texto.
Al hacer clic sobre ella te aparecerán diferentes opciones, para poder crear el texto,
haz clic en “Generar texto”
Te pedirá que ingreses una indicación sobre de qué debe ser tu texto, escribe
detalladamente lo que necesites, entre más especifiques, mejor será el texto gen-
erado.
TU MISIÓN #7: Genera todos los textos de las diferentes secciones de las páginas
web de tu sitio.
PASO 4: Construye el sitio web.
Luego de tener todos los recursos y textos necesarios, tienes todo listo para con-
struir tu sitio web.
Para realizarlo de manera fácil y sencilla, es necesario que ingreses a la plantilla del
tipo de sitio web que anteriormente seleccionaste y sigue las indicaciones según
corresponda:
1. Tienda en línea:
Una vez dentro, debes completar los datos requeridos para crear productos,
conectar procesador de pagos, detalles y métodos de envío.
2. Funnel:
“Solicitar cotización”
“Contactarme con un experto”
“Obtener más información”
“Conocer más sobre el producto XXXX”
“Comprar ahora”
En caso tal de que uses el funnel para vender productos, debes configurar el apar-
tado de “Tienda”
Una vez dentro, debes completar los datos requeridos para crear productos,
conectar procesador de pagos, detalles y métodos de envío.
Una vez termines de construir, debes rectificar que todos los accesos están funcio-
nando haciendo uso de esta opción en la barra izquierda:
Recuerda que si tu empresa o negocio tiene varias líneas de productos y/o servicios, este
es el sitio web que debes construir y con el cual ya debes comenzar tu plantilla.
Después de tener claridad de tu empresa y de todas tus líneas de productos y/o servicios;
además de todos los recursos, logos, imágenes, copys, paletas de colores y tipografías,
estás listo para construir tu sitio web tipo Funnel Hub.
Luego
Luego dedeello,
ello, personaliza
personaliza cada sección
cada de tude
sección plantilla principal principal
tu plantilla con el objetivo
condeeldar a
objetivo de
conocer tu empresa, lo que eres, el beneficio que das, los tipos de productos
dar a conocer tu empresa, lo que eres, el beneficio que das, los tipos de productos o servicios y la
opción deyconocer
o servicios la opcióncadadeuno de ellos cada
conocer de manera
uno independiente para adquirirlo.
de ellos de manera independiente para
adquirirlo.
A diferencia de los otros tipos de sitios web, hay un trabajo extra que debes hacer
con tu Funnel Hub, y es crear las páginas independientespáginade
tipotus
funnel con laoinformación
Funnel Tienda de ese ser
en línea para tus líneas de productos y/o servicios. productos debes tener un apartado de Tienda.
A diferencia de los otros tipos de sitios web, hay un trabajo extra que debes hacer con tu
Funnel Hub, y es crear las páginas independientes de tus Funnel o Tienda en línea para tus
Es decir, si eres una gimnasio con 6 servicios, al ingresar a “Conocer más” debes
líneas de productos y/o servicios.
hacer una página tipo funnel con la información de ese servicio particular. O si
también vendes productos debes tener un apartado de Tienda.
Es decir, si eres una gimnasio con 6 servicios, al ingresar a “Conocer más” debes hacer una
página tipo funnel con la información de ese servicio particular. O si también vendes
productos debes tener un apartado de Tienda.
página tipo funnel con la información de ese servicio particular. O si también vendes
productos debes tener un apartado de Tienda. Una vez termines de construir, debes rectificar q
haciendo uso de esta opción en la barra izquier
Una vezUna
termines
vez
Una vez termines
de
termines construir,
de construir,
de construir,
debesdebes
debes rectificar
rectificar
rectificar
que todos
que
que
los accesos
todos
todos
están los los
funcionando
accesos
accesos estánestán funcio-
funcionando
nando haciendo
haciendo uso
haciendo usouso
de de
deopción
esta estaesta
enopciónopción
la barra en laizquierda:
en la barra
izquierda: barra izquierda:
IMPORTANTE: Recuerda que cada página por particular debe ser diseñada también en los
¡IMPORTANTE!
diferentes formatos, si editaste tus estilos globales, será más fácil. Encontrarás la forma de
acceder a esa visualización en la esquina inferior izquierda.
Recuerda que cada página por particular debe ser diseñada (esto en un recuadroen
también como
los banner
difer- informativo)
entes formatos, si editaste
(esto en un recuadro tus
como banner estilos globales, será más fácil. Encontrarás la forma
informativo)
de acceder a esa visualización en la esquina inferior izquierda.
IMPORTANTE: Recuerda que cada página por particular debe ser diseñada también en los
diferentes formatos, si editaste tus estilos globales, será más fácil. Encontrarás la forma de
acceder
TU MISIÓN #8:a esa visualización
Construye en la web
el sitio esquina inferior
con todosizquierda.
tus recursos visuales y textos,
modifica secciones y páginas, y revisa que todo funcione.
NOTA: Recuerda
(esto en un que puedes
recuadro comoresolver tus dudas e inquietudes haciendo
banner informativo)
CLICK ACÁ
PASO 5: Genera y conecta el dominio con tu sitio web.
¿Qué es un dominio?
Tu Propio Dominio
www.TuMarca.com
Una vez selecciones el proveedor para adquirir el dominio, debes seguir estos
pasos:
Una vez generada la búsqueda verás los dominios disponibles y sus precios
con base en el nombre de tu negocio, es decir, las combinaciones que exis-
ten con diferentes extensiones como: tumarca.com, tumarca.es, tumarca.lat,
etc…
Como te dijimos en un inicio, una vez tengas tu sitio web publicado, debemos llevarle
personas para que genere resultados.
Ahora, ¿Qué sigue?
Esto lo puedes hacer compartiéndolo en tu redes sociales (si tienes) e incluso hacerle
promoción en tu negocio local si cuentas con uno.
Como te dijimos en un inicio, una vez tengas tu sitio web publicado, debemos
llevarle Ahora
personas
bien, lapara quedegenere
otra forma resultados.
llevarle personas será con publicidad en Google y Meta.
Esto lo puedes hacer compartiéndolo en tus redes sociales (si tienes) e incluso
hacerle promoción en tu negocio local si cuentas con uno.
Ahora bien, la otra forma de llevarle personas será con publicidad en Google y
Meta.
Para ayudarte con ello, te daremos acceso a nuestros dos cursos de anuncios bási-
cos en Google y en Meta (Facebook e Instagram)
Para ayudarte con ello, te daremos acceso a nuestros dos cursos de anuncios básicos en
Google y en Meta (Facebook e Instagram)
4. Dentro, encontrarás nuestros dos cursos de anuncios, dictados por los encargados en
4.
publicidad
4. Dentro,
de cada plataforma ennuestros
encontrarás
Dentro, encontrarás
MASTER
nuestros dos cursosdos cursosdictados
de anuncios, de anuncios, dictados
por los encargados en por los
encargados en plataforma
publicidad de cada publicidad de cada plataforma en MASTER
en MASTER
¡Y ES TODO!
Ya podrás aprender a hacer tus anuncios para que lleves personas a tu nuevo sitio web.
¡Y ES TODO!
TU MISIÓN
Ya podrás #10a: hacer
aprender tus cursos
Mira los anuncios
y para que lleves
comienza personas
a hacer a tu nuevo
anuncios sitio web.
para tu
¡Y ES TODO!
Ya podrás aprender a hacer tus anuncios para que lleves personas a tu nuevo sitio
web.
TU MISIÓN #10: Mira los cursos y comienza a hacer anuncios para tu negocio.
Extra: ¿Recuerdas que te dijimos que puedes descargar un certificado por haber
llegado hasta acá?
Bien, acá están las instrucciones si deseas tenerlo:
1. acá
Bien, Ingresa
están alas
este ícono dentro
instrucciones de tenerlo:
si deseas la plataforma de BeMaster:
1. Ingresa a este ícono dentro de la plataforma de BeMaster:
1. Ingresa a este ícono dentro de la plataforma de BeMaster:
2. Allí dentro,
2. Allí dentro,encontrarás
encontraráslas
lasclases
clases
dede esta
esta misma
misma guía
guía en formato
en formato de video:
de video:
2. Allí dentro, encontrarás las clases de esta misma guía en formato de video:
3. Debes ingresar a cada una y ‘chulear’ todas las misiones que encuentras en la parte
3. Debes ingresar a cada una y ‘chulear’ todas las misiones que encuentras en la parte
derecha:
derecha:
3. Debes ingresar a cada una y ‘chulear’ todas las misiones que encuentras
en la parte derecha:
4. Chulea todas las misiones de CADA CLASE, hasta llegar a la clase final, donde podrás
descargar tu certificado:
4. Chulea todas las misiones de CADA CLASE, hasta llegar a la clase final,
4. Chulea todas las misiones de CADA CLASE, hasta llegar a la clase final, donde podrás
donde podrás descargar tu certificado:
descargar tu certificado: