Aprende a Crear Tu Página Web

Autora del Curso

Emprendedora

Sofia Gonzalez

Geek de corazón y amante de crear pagínas web.  "Cuando yo comence con mi primer sitio web, no tenia dinero y no sabia como programar, entonces aprendí como crear mi propia pagina sin saber nada. Me di cuenta que hacer mi página web era relamente facil y solo costaba $12 USD si tenias las herramientas correctas. Fue por eso que se me ocurrio hacer este tutorial completamente gratis, en donde te enseño como crear tu tienda online o pagina web desde cero sin saber de programación"
@2017 Soygenio.com
Todos los Derechos Reservados

Preguntas Frecuentes

ACTIVAR CUPÓN

  Codigo CSS

Paso 1

Compra Hosting y Dominio

Pasos para crear tu Blog:

Instala Wordpress

Paso 2

Instala Plugins y Plantilla

Paso 3
Paso 4

Logo y diseño

Crea un Post de Blog

Paso 5

Menús y Paginas

Paso 6

Claro que sí, el tutorial lo puedes hacer desde CUALQUIER PAÍS , solo sigue los pasos del videotutorial y listo! . Si tienes alguna duda aqui te dejamos los pasos de como puedes comprar tu hosting desde tu país.

Colombia          Total = $30,434 COP (12 USD)  VER VIDEO
México              Total = $230 MXN ( 12 USD)  VER VIDEO
Chile                  Total = $7,696 Pesos Chilenos (12 USD)  VER VIDEO 
Argentina        Total = $109 Pesos Argentinos (12 USD)  VER VIDEO 
España            Total = $12 Euros   VER VIDEO 
Perú                  Total = $49 Soles Peruanos (12 USD)  VER VIDEO

Desde cualquier otro país  VER VIDEO

 



 

 

1. ¿Si soy de otro país puedo hacer el tutorial?

Existen ocasiones que mientras estamos comprando nuestro Hosting y Dominio, se ponen por accidente productos extras y por eso nos sale un precio superior. Pero arreglarlo es super sencillo solo sigue estos pasos y listo.  VER VIDEO 

2. Me sale un precio mayor, como le hago para que solo me cueste $12 USD en total?

.credits-right span { display: none; }
.credits-left span,
.credits-right span { display: none; }
.footer.section,
.credits-left span {
 display: none !important;
} body.single .content {
 width: 100%;
} .sidebar { display: none; }
.single-post .wp-post-image { display: none }

Así es, tu plan de Godaddy te incluye 10 correos electronicos gratis para tu empresa. Por ejemplo: [email protected] . En nuestro videotutorial no te enseñamos como configurarlos ni damos soporte al respecto, pero existen muchisimos videos de Youtube que te enseñan como hacerlo. Aquí te dejo un tutorial muy bueno que te enseña paso a paso como configurarlo. VER VIDEO  cualquier cosa si no quieres batallar configurandolo, puedes comprar el plan Outlook de Correo Electornico Esencial que tiene Godaddy, que cuesta apróx 3 USD al mes y funciona a la perfección y ellos mismos te lo configuran. De hecho es el que nosotros utilizamos para [email protected] y nos encanta! VER PLAN

3. ¿Incluye Correo Electronico?

Aprende a crear una pagina web como esta:

Aun Tienes Dudas? Enviame un Whatsapp

+(521) 871 347 4986 

+(521) 871 347 4986 

Tienes dudas? Envíame un Whatsapp

Obten Hosting y Dominio por $12 USD

PASO 1 y 2

Compra tu Hosting y Dominio

Lo primero que tenemos que hacer es comprar tu dominio y hosting. Tu dominio sera el nombre de tu página de internet, por ejemplo, el nombre de mi dominio es soygenio.com , en tu caso tu vas a seleccionar cual quieres que sea el nombre de tu dominio. Por ejemplo elnombredetupagina.com . Para nuestros usuarios les tenemos un cupon del 90% de descuentopara que compren su dominio y hosting.

Para poder comprar tu hosting y dominio tienes que seguir estos pasos:

1. Dale click en Activar Cupón

 

 

3. ELige el nombre de tu dominio. Importantísimo: Recuerda el nombre de tu dominio debe de terminar en .COM

4. Dale click en "Agregar y Continuar"

5. Dale click en "Proceda al Pago". (El total deberá ser $12 USD, o si te encuentras en otro país el total deberá ser el equivalente a $12 USD en tu moneda)

6. Dale click en Crear una cuenta

8. Ahora ingresa tu información de pago y dale click en Continuar. (El pago se puede hacer con tarjeta de débito, crédito o pagando via Paypal)

9. Dale click en donde dice "Acepto lo Siguiente" y después dale click al botón que dice "Hacer tu Pedido"

PASO 3: 

Installa Wordpress

Ahora vamos a instalar WordPress a tu Blog. Solo sigue los pasos del siguiente video y listo.

  1. Entra a tu cuenta de Godaddy y dale click en “Administrar tu hosting”
  2. Selecciona “Configurar”
  3. Siga las instrucciones para instalar WordPress
  4. Si acabas de comprar tu servidor y dominio es posible que tenga que esperar de 1 – 24 horas para que tu página web empiece a funcionar.
  5. Ve al  elnombredetupagina.com/wp-admin para iniciar sesión
  6. Ingresar con su nombre de usuario y contraseña

Por ejemplo, si tu dominio fuera migenioviajero.com para poder ingresar a editar tu página web, deberías poner migenioviajero.com/wp-admin

PASO 4:

Prepara tu Página Web

Primero vamos a preparar nuestra página y despues vamos a agregarle el contenido. 

Instalar Plugins
1. Ingresa a Plugins > Añadir Nuevo

2. Busca los siguientes Plugins:
                Advanced CSS Editor
                Woocommerce
(**Si no vas a tener tienda online no es necesario que instales este plugin)

3. Dale click en Instalar y despues dale clic en Activar

 

Pega el siguiente Código CSS

1. Ingresa a Personalizar > Advanced CSS Editor
2. Pega el siguiente código:

 

Paso 6: 

Crea las paginas "Sobre Nosotros" y "Blog"

Crea Página Sobre Nosotros

1. Ingresa a Páginas > Añadir Nueva

2. Selecciona el Título "Sobre Nosotros"

3. Pon una breve descripción de tu empresa. Ejemplo:


 

Paso 7: 

Crear Menú

Ahora es momento de los últimos detalles de nuestro blog, tenemos que agregar nuestros Menús y Páginas y listo!

Para poner Menús
Debes ir a  Apariencia > Personalizar > Menús

1. Dale click en "Añadir un Menú"

2. En donde dice "Ubicaciones del Menú" selecciona el cuadro de abajo donde dice "Menú Primario"
.

3. Despues dale click en Añadir Items

4. Selecciona Enlaces Personalizados, y en donde dice URL pon: http://tupaginaweb.com y en el texto de enlace pon "Home"

5. Da click en Añadir Menú

6. Después da click en Páginas y selecciona las siguientes:
         - Sobre Nosotros 
         - Blog
         - Tienda
         - Carrito

7. Finalmente dale click en "Guardar y Publicar"

Así es como te deberia de quedar tu Menú

2. Selecciona el plan "Economico". Dependiendo del país en el que te encuentres te aparecera el equivalente a 1 USD/mes en tu moneda.

ACTIVAR CUPÓNActivar CuponVer DemoVer Tutorial

 

Guarda esta información de tu página web

Guarda en un documento de Word o en tu mail la siguiente información para poder entrar a tu pagina web.

Godaddy

      Número de Cliente:

      Contraseña:


      Pin:

      Nombre de usuario:


Cpanel

      Nombre de Usuario Cpanel:

      Nueva Contraseña Cpanel:



Wordpress

      Usuario:

      Contraseña:

      Mail Registrado:

      Link para entrar*: 
 
Recuerda para ingresar a tu página web debes ingresar a elnombredetupagina.com/wp-admin

Tutorial Completo En: Soygenio.com

Información de tu Página Web

PASO 5:

Instala la Plantilla Zerif Lite

Ahora es momento de instalar la plantilla Zerif Lite en nuestra página web


Instala Plantilla Zerif Lite
1. Ingresa a Apariencia > Temas
2. Dale click en "Añadir Nuevo"
3. Busca el tema Zerif Lite
4. Dale clic en "Instalar"
5. Dale clic en "Activar"

**ATENCIÓN. SI TIENES PROBLEMAS ENCONTRANDO LA PLANTILLA ZERIF LITE EN TU PÁGINA WEB, VE ESTE VIDEO EN DONDE TE ENSEÑAMOS COMO INSTALAR LA PLANTILLA ZERIF LITE CON EL SEGUNDO METODO:


METODO 2: INSTALAR PLANTILLA ZERIF LITE (VER VIDEO)




 

 


 

BAJAR PLANTILLA ZERIF LITE
.zerif-copyright-box {
display: none;
}
.sidebar-wrap {
display: none;
}
.content-left-wrap {
width: 100%;
}
.blog .sidebar-wrap {
display: none;
}
.blog .content-left-wrap {
width: 100%;
}

 

Codigo CSS

Paso 9: 

Crea un Post para tu Blog

Ingresa a Entradas > Añadir Nueva

1. Selecciona el Título de tu Artículo
2. Escribe el Contenido de tu Artículo
3. Selecciona la Categoría
4. Selecciona la Imágen Destacada
5. Dale click en Publicar

Y listo!

Recuerda es muy importante que selecciones la Imagen Destacada. 

 

 

 


 

4. Importantisimo, en donde dice plantilla selecciona "Full Width Page"

5. Dale click en Publicar
 

 

 

 


 

Somos una empresa mexicana dedicada a la creación de productos innovadores desde 1980. Actualmente producimos más de 20,000 productos al mes y exportamos a cuatro países. Nuestra sede está ubicada en la ciudad de Monterrey, México.

Crea Página "Blog"

1. Ingresa a Páginas > Añadir Nueva

2. Selecciona el Título "Blog"

3. Importantísimo, en donde dice Plantilla, selecciona "Blog Template" with Large Images"

4. Dale click en "Publicar"


 

Paso 8: Edita tu Página Web

Ahora es momento para la parte divertida. Vamos a editar nuestra página web! Para poder hacer esto vámonos a Apariencia > Personalizar 

Y se nos va a abrir una página web como esta en donde vamos a editar todo lo que falta de nuestro sitio web


 

Páginas Web Externas Recomendadas

Para Crear Tu Logo Gratis


Sitios Web para sacar imágenes gratis

 

Paso 8: 

a) Logotipo

Para editar esta sección debes de ir a Apariencia > Personalizar > Identidad Del Sitio

Ingresa a Logomakr.com y haz tu logotipo gratis. (Tamaño reocomendado 150 x 35 px). Recuerda si el logo queda muy grande, debes hacerlo más pequeño y volverlo a subir, hasta que quede del tamaño adecuado.

Paso 8: 

b) Imagen de Fondo

Para editar esta sección debes de ir a Apariencia > Personalizar > Imagen de Fondo

1. Dale click en "Cambiar Imagen"
2. Selecciona "Subir Archivos" y elige la imagen de tu computadora.
3. Dale click en "Elegir Imagen"
4. Dale click en "Guardar y Publicar"

Recuerda puedes sacar imagenes gratis de los siguientes sitios webs:

  • unsplash.com
  • Boosfight.co
  • MMT.li

Paso 8: 

c) Iconos Redes Sociales

Para editar esta sección debes de ir a Apariencia > Personalizar > Opciones generales > Footer social Icons.

Y pon aquí las URL de las redes sociales de tu empresa.

Recuerda a la hora de pegar la URL de tu pagina de facebook, tienes que ser en el siguiente formato: https://www.facebook.com/genioviajero

 

Paso 8: 

b) Sección de Contacto

Para editar esta sección debes de ir a Apariencia > Personalizar > Opciones Generales > Footer Content
 

Laguna Sur 180, Colonia Las Villas

<a href="mailto:[email protected]">[email protected]</a>

<a href="tel:87 13 2723 27">87 1327 2327</a>

a) Dirección
Pon la dirección de tu empresa. Ejemplo: 
 

a) Correo Electrónico
Ingresa cual es el nombre de tu correo eletrónico. *Cambia los datos en rojo con tu información, por ejemplo, si tu correo electrónico fuera: [email protected] lo que tendrías que poner sería:

a) Teléfono
Ingresa tu número de teléfono. *Cambia los datos en rojo con tu información, por ejemplo, si tu nuúúmero de teléfono fuera 87 1327 23 27 lo que tendrías que poner sería: 

Paso 8: 

f) Botones Principales

Para editar esta sección debes de ir a Apariencia > Personalizar > Sección de título grande > Contenido Principal

Si quieres poner en algun boton que te lleve a alguna sección de tu página web. Debes de poner los siguientes URL`s
 

 

URL a Poner A que sección te lleva:
#focus  Características
#aboutus Quiénes Somos
#team Nuestro Equipo
#testimonials Testimonios
#latestnews Últimas Noticias
#contact Contacto

 

Pon Botón Rojo "Quienes Somos"

Por ejemplo, si yo quisiera que el botón rojo de la página principal dijiera "Quiénes Somos" y que al darle click nos llevara a esta sección de nuestra página web, lo que tendríamos que poner sería:
 

 

Pon Botón Verde "Tienda"

Y por ejemplo, si yo quisiera que el botón verde de la página principal dijiera "Tienda" y que al darle click nos llevara a nuestra página de la Tienda Online, lo que tendríamos que poner sería lo siguiente:
Sí el nombre de mi página web fuera celularesmex.com . Yo tendría que poner como enlace http://celularesmex.com/tienda .

En tu caso tu tendrías que poner http://tupagina.com/tienda . 
 

 

Paso 10: 

Como Agregar Un Producto Nuevo a Woocommerce

Para editar esta sección debes de ir a Productos > Añadir Nuevo


 

 

Despues sigue los siguientes pasos para poder agregar tu producto:

1. Selecciona el Nombre Del Producto

2. Escoge "Producto SImple".

3. Selecciona el precio del producto.

4. Pon una descripción pequeña del producto.

5. Selecciona la imagen del producto.

6. Dale click en "Publicar"

 

México

+(521) 871 347 4986 

Tienes dudas? Envíame un Whatsapp

Como Comprarlo Desde Otro País:

 

Sí eres de otro país y quieres comprar tu dominio y hosting, aquí te explicamos paso a paso, como lo puedes comprar desde tu país:

Colombia
España
Chile
Perú
Argentina
Ecuador
Costa Rica

Muchas veces cuando configuramos Woocommerce la primera vez nos sale en ingles, pero cambiarlo a Español es super sencillo solo sigue estos pasos y listo. VER VIDEO  

4. Woocommerce me sale en Ingles ¿Qué hago?

5. Intento instalar Wordpress y me viene /blog

Godaddy acaba de cambiar un poco su configuración, y estamos ahorita justo modificando el tutorial. Pero mira te explico, en donde dice ruta dejale /blog . Y godaddy te va a instalar dos páginas webs:

1) tudominio.com
2) tudominio.com/blog

Para seguir haciendo los pasos del videotutorial solo tienes que ingresar a tudominio.com/wp-admin con tu usuario y contrasena y listo.  (Ejemplo: si tu dominio fuera holasofia.com entrarias en holasofia.com/wp-admin ) Ahi vas a poder seguir editando tu página siguiendo los pasos del videotutorial

Para poder cambiar tu contraseña de Wordpress es super sencillo solo sigue estos pasos y listo. VER VIDEO  

6. ¿Cómo cambio mi contraseña de Wordpress?

+(521) 871 347 4986 

Aún tienes dudas? Envíame un Whatsapp

Y Listo!

Info Pagina

7. Selecciona con que deseas crear tu cuenta de godaddy, puedes crearla con tu FACEBOOK (recomendable) , o si prefieres, puedes crearla si no con tu correo. Una vez que pongas con que deseas ingresar, dale click en Crear Cuenta

Cualquier duda ingresa a: https://soygenio.com/zerif 

Ahí están todos los pasos sobre como instalar Zerif Lite con el método 2.

 

Sí eres de otro país, solo ve este video y listo

Ver Video


¿No te deja subir fotos a tu pagina web?  
Ve este video: