Aprende a Crear Tu Página Web

Autora del Curso

Emprendedora

Sofia Gonzalez

Mi nombre es Sofia, soy geek de corazón y amante de la creación de páginas webs. Desde pequeña me gusto todo este mundo tecnologico, pero no tenia dinero ni sabia como programar. Fue entonces donde 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. Solo sigue los pasos y listo!
@2017 Mexicosemueve.com
Todos los Derechos Reservados

Preguntas Frecuentes

ACTIVAR CUPÓN


Claro que sí, el tutorial lo puedes hacer desde CUALQUIER PAÍS , solo sigue los pasos del videotutorial y listo! . Si tienes alguna duda dale click en la vanderita que aparece arriba y ahi te ensena como  comprarlo desde tu país



 

 

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?

Así es, tu plan de Godaddy te incluye 10 correos electronicos gratis para tu empresa. Por ejemplo: sofia@miempresa.com . 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  

3. ¿Incluye Correo Electronico?

Aprende a crear una pagina web como esta:

Aun Tienes Dudas? Enviame un Whatsapp

+(521) 871 347 4986 

Obten Hosting y Dominio por $12 USD

PASO 3: 

Installa Wordpress

Ahora vamos a instalar WordPress a tu Página. Ingresa a tu cuenta de Godaddy.com . Dale click en “Administra tu Hosting” y después en “Configurar”.Sigue los pasos para instalar Wordpress.

PASO 4:

Prepara tu Página Web

Borrar Plugins y Paginas Preinstaladas

Para borrar los Plugins ingresa a Plugins > Plugins Instalados . Desactiva y Borra todos los plugins que tengas. Después para borrar las paginas, Ingresa a Páginas > Todas las páginas , selecciona todas y da clic en Mover a Papelera.


Paso 6: 

Crear Página "Sobre Nosotros"

Paso 7: 

Crear Menú

En este paso pondremos el Menú de nuestra página web, Ingresa a Apariencia> Menús, en su panel de WordPress.  Primero Selecciona tu Menú y Elimina todos los items que aparezcan. Después en donde dice “Ubicaciones del Menú” selecciona el cuadro “Menú Primario”.

Ahora añade los siguientes ítems:


  • Inicio  (Enlaces Personalizados)
  • Sobre Nosotros
  • Blog
  • Tienda
  • Carrito


Finalmente dale click en "Guardar y Publicar"

ACTIVAR BECAVER 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



CODIGO CSS


.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%;}



Tutorial Completo En: mexicosemueve.com


Información de tu Página Web

PASO 5:

Instala Zerif Lite

Es momento de instalar la plantilla Zerif Lite en nuestra página. 

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"

.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 10: 

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

 

 

 


 


(Ejemplo de descripción de tu empresa)

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.

**Si es el tutorial viejo (2016) crea una página que diga Blog, donde dice Plantilla, selecciona "Blog Template with Large Images".

 

Paso 8: Edita tu Página Web

¡Ahora es momento de la parte divertida! Vamos a editar nuestra página web. Ingresa a Apariencia > Personalizar y aqui encontraras todas las secciones en donde podemos editar nuestra pagina.

Páginas Web Externas Recomendadas

Para Crear Tu Logo Gratis


Sitios Web para sacar imágenes gratis

 

Paso 8: 

a) Logotipo

Para poner tu Logotipo ingresa a Apariencia > Personalizar > Identidad Del Sitio

Ingresa a Logomakr.com y haz tu logotipo gratis. (Tamaño recomendado 109 x 32 px). Recuerda si el logotipo te queda muy grande, debes hacerlo más pequeño y volverlo a subir, hasta que quede del tamaño adecuado para tu página web

Paso 8: 

b) Imagen Principal

Para cambiar la imagen principal de tu página ingresa a Apariencia > Personalizar > Advanced Options > Imagen de Fondo ( Tamaño recomendado de la imagen 2048×1365 px )

Sitios Web para sacar imágenes gratis:

Paso 8: 

c) Iconos Redes Sociales

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

Ingresa aqui las URL de tus redes sociales. Recuerda a la hora de pegar las URL tienen que venir con el formato completo  como este: https://www.facebook.com/gurulix

 

Paso 8: 

b) Sección de Contacto

Para editar esta sección debes de ir a Apariencia > Personalizar > Footer Options > Contenido del Footer

 Selecciona cual quieres que sea tu Dirección , Correo Electrónico y Teléfono que aparecerán en tu Footer.  Si quieres que al darle click el usuario en automático se llame por teléfono o te abra su correo. Pega los siguientes códigos correspondientes en cada sección. 

 

Laguna Sur 180, Colonia Las Villas

<a href="mailto:sofia@gmail.com">sofia@gmail.com</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: sofia@gmail.com 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 numero de teléfono fuera 87 1327 23 27 lo que tendrías que poner sería: 

Botones Principales

Sección de Título Grande

Para editar esta sección debes de ir aApariencia > Personalizar > Sección de título grande > Secciomes de la página de Inicio > Sección Título Grande


Edita el título los botones de la sección. En “¿Ocultar sección “Nuestro Enfoque?” puedes elegir si desea mostrar o no la sección. Recuerda que cambiar la imagen principal de tu página ingresa a Apariencia > Personalizar > Advanced Options > Imagen de Fondo  (Tamaño recomendado de la imagen de fondo 2048×1365 px)

 

Pon Botón Rojo "Quienes Somos"

Por ejemplo, si yo quisiera que el botón rojo de la página principal dijera "Quiénes Somos" y que al darle click nos llevara a esa sección de nuestra página web, lo que tendríamos que poner en "Enlace del botón rojo" seria: http://tudominio.com/#aboutus .
 

 

Pon Botón Verde "Tienda"

Y por ejemplo, si yo quisiera que el botón verde de la página principal dijera "Tienda" y que al darle click nos llevara a nuestra página de la Tiend, lo que tendríamos que poner en "Enlace del botón verde" seria:
http://tudominio.com/tienda
 

 

Paso 11: 

Cómo Agregar Un Producto

En este paso te voy a enseñar como agregar un nuevo producto a WooCommerce . Ingresa a Productos > Añadir Nuevo

1. Selecciona el Nombre del Producto
2. Elige el Producto Simple
3. Selecciona el Precio del producto
4. Pon una Descripción del producto
5. Elige una Imagen para el producto
5. Dale clic en  “Publicar”

 

México

+(521) 871 347 4986 

Sí eres de algún otro país solo ve este video y listo

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 para que no tengas problemas:

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

DOCUMENTO

Paso 9

g) Contáctenos

Ingresa a Apariencia > Personalizar > Secciones de la página de inicio > Sección "Contáctenos" 

Y Selecciona el correo electrónico que desea utilizar para recibir los mensajes de tus usuarios. Es muy importante que tengas instalado y activado el Plugin PirateForms (Free & Simple Contact Form Plugin - PirateForms ) si no, no funcionara esta sección. 


 

 

 


 

*Por ejemplo, en mi caso el nombre de mi correo electrónico es sofia@gmail.com . En tu caso, tu pon el nombre de tu correo electrónico. Te recomiendo ampliamente que hagas un correo gmail.com (es gratis) y que sea el que pongas aquí, para que no tengas problemas recibiendo correos.

Tienes dudas? Envíame un Whatsapp

Ver VideoREGISTRAR

7. No encuentro la plantilla Tweenty Sixteen a la hora de querer instalar Wordpress, que hago?

Si no encuentras la plantilla Tweenty Sixteen a la hora de querer instalar tu pagina web no te preocupes, lo que tienes que hacer es seleccionar cualquier otra plantilla (la que sea) y después sigues haciendo los demapasos del videotutorial que te enseña como poner la plantilla del tutorial que es ZERIF LITE.

SECCIONES

 

URL a Poner
A que secciòn te lleva:
#focus
Nuestro Enfoque
#ribbon_bottom
Llamada de acciòn VERDE
#aboutus
Quiénes Somos
#team
Nuestro Equipo
#testimonials
Testimonios
#ribbon_right
Llamada de acción ROJA
#latestnews
Últimas Noticias
#contact
Contáctenos

 

Ahora vamos a ingresar a Apariencia > Personalizar > Portada Estática. Seleccionamos “Una página estática”

  • En “Portada” añadimos la página Inicio 
  • En “Página de entradas” añadimos la página Blog 
  • Da click en Guardar

Crear 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
  4. Importante, en donde dice plantilla selecciona "Plantilla de ancho completo sin título" (Full Width Page)

*CONSEJO: Si le das click en el "Lapizito azul" que aparece al lado de cada sección te lleva en automático a la parte en donde lo puedes editar :)

Ingresa a Logomakr.com

 

URL a Poner
A que secciòn te lleva:
#focus
Nuestro Enfoque
#ribbon_bottom
Llamada de acciòn VERDE
#aboutus
Quiénes Somos
#team
Nuestro Equipo
#testimonials
Testimonios
#ribbon_right
Llamada de acción ROJA
#latestnews
Últimas Noticias
#contact
Contáctenos

 

Si deseas vincular de las secciones a tu  menú es muy simple, todo lo que necesita hacer es asignar el ancla de sección al menú.Y pega alguna de las siguientes URL´s en Enlace Personalizado. 

Anclas

Antes de comenzar, primero cambiaremos nuestra contraseña y el idioma a Español. Y después borraremos todos los plugins y páginas preinstaladas.

Cambiar Contraseña Wordpress

1. Ingresa a  Usuarios > Todos los Usuarios 

2. Selecciona tu usuario
3. En Correo Electrónico pon tu Email
4. En Nueva Contraseña y selecciona una nueva
5. Da click en "Confirma el uso de una contraseña débil"
6. Selecciona Actualizar Perfil
Y Listo!

Asegurate que el Idioma este en Español

Ingresa a  Ajustes > Generales >Idioma del sitio > Español
(Es importante que en idioma selecciones "Español" asi tal cual aparece. NO selecciones como idioma: "Español Colombia", "Español Mexico" ni nada por el estilo. Únicamente "Español")


Después ingresamos a Selecciona la versión PHP > Switch To PHP Options y cambiamos los siguientes parametros:

  • max_execution_time 300
  • memory_limit 512
  • post_max_size   128
  • upload_max_filesize 64

Y le das click en "Salvar"

Ahora vamos a realizar los últimos pasos para instalar nuestro Wordpress, dale click en Iniciar el asistente , y realizas todos los pasos hasta instalar una plantilla. Ojo. No importa que plantilla instales, puedes instalar la que quieras.

**Metodo 2**

Instala Zerif Lite Correctamente

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 migenioweb.com , en tu caso tu vas a selecionar cualquieres que sea el nombre de tu dominio. Por ejemplo elnombredetupagina.com . Para nuestros usuarios les tenemos un cupon del 90% de descuento para 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. Cuendo encuentres tu dominio que este disponible Dale click en "Seleccionar y continuar". Recuerda que el nombre del dominio que selecciones TIENE que acabar en .COM

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. 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)

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

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. Por ejemplo en México te debe de aparecer $18 MXN

ACTIVAR CUPÓN

Y Listo!

7. Crea tu utilizando tu FACEBOOK (recomendado), o si lo prefieres, selecciona tu correo electronico y contraseña. Despues dale click en Crear Cuenta

**Si te aparece un precio superior a $12 usd**

Ve este video que te enseña como correguir el precio:

 

Instala Plugins

Ahora ingresamos a Plugins > Añadir Nuevo y vamos a instalar y activar los siguientes plugins:

  • Pirate Forms
  • ThemeIsle Companion (Orbit Fox )
  • Woocommerce   (En caso de que quieras tienda online) 

Y le das click en "Instalar" y despues en "Guardar"

 

¿No te aparece tu tienda online o carrito de Woocommerce? ve este video:

Woocommerce

¿No te aparece tu tienda o carrito correctamente? Ve este video:

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

VER VIDEOVer VideoVer VideoVer VideoVer Video