con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio...

41
Cómo crear un sitio web con el Creador de Sitios Guía complet a

Transcript of con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio...

Page 1: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

Cómo crear un sitio webcon el Creador de Sitios

Guía completa

Page 2: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

Índice

Page 3: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

3

Guía completa: Cómo crear un sitio web con el creador de sitios

Informaciones para facilitar la lectura de este ebook

Hola, preparamos este eBook interactivo, para que puedas hacer clic en los links que te lleven a contenidos complementarios. También encontrarás un índice con la mismas características, donde haciendo clic podrás ir directamente al capítulo deseado.

En la parte inferior izquierda encontrarás un botón que te llevará, automáticamente, de vuelta al índice. Cuando el texto esté así, es porque encontrarás un link con contenido adicional.

Haz clic en los links que quieras y conoce la información adicional que complementará tu lectura. Esperamos que estas funcionalidades faciliten tu experiencia.

¡Buena lectura!

La información que se encuentra

dentro de estos cuadros serán

consejos valiosos que facilitarán

la creación de tu proyecto.

Consejo de Snappy

Page 4: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

4

crear y gerenciar un sitio web por cuenta propia.

Este contenido fue hecho para ayudarte a entender qué es un creador de sitios, lo que es posible hacer con este y cuáles son las ventajas en relación a otras aplicaciones utilizadas en el mercado. En la parte final del material, presentaremos un paso a paso ilustrado de cómo crear tu sitio web usando el Creador de Sitios de HostGator.

Esperamos que sea útil y que facilite tu acceso al mundo digital

¡Buena lectura!

¿Alguna vez has pensado crear un sitio web para divulgar tu empresa, un blog para compartir tus experiencias o tal vez una tienda en línea paracomercializar productos en internetpero renunciaste a esa idea porno entender de programación odiseño web? ¿Crees que es una tareacomplicada o que te va a costarmucho dinero?

Aunque no tengas conocimientos técnicos, puedes colocar las manos a la obra y construir un sitio web profesional en poco tiempo.

El Creador de Sitios es una solución sobre medida para quien necesita estar en internet y está dispuesto a

Introducción

Guía completa: Cómo crear un sitio web con el creador de sitios

Page 5: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

5

Guía completa: Cómo crear un sitio web con el creador de sitios

¿Qué es un creador de sitios web?

Un creador de sitios es una herramienta que permite de una manera descomplicada, la creación de sitios web, blogs y tiendas virtuales. La principal ventaja de esta herramienta es que no necesitas entender de programación o diseño web para crear un sitio web tú mismo.

El creador de sitios es intuitivo, extremadamente fácil de usar y no requiere la instalación de ningún software. Toda la creación de tus proyectos es hecha directamente en el navegador web y puede visualizar el resultado en tiempo real.

Page 6: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

6

Guía completa: Cómo crear un sitio web con el creador de sitios

Los planes del Creador de Sitios

de HostGator. Ofrecen un paquete

completo: dominio* + servidor de

hosting + herramienta para crear

tu sitio web.

¿Te animaste para comenzar? Antes de colocar las manos a la obra es fundamental que planees tu sitio web; esto incluye definir el objetivo de tu presencia en línea, la elección de un dominio y de un proveedor de Web Hosting. Sin estos dos factores no podrás crear un sitio web. Si todavía tienes dudas sobre esto, te sugerimos ver el video: Diferencia entre Dominio, Hosting y Sitio web para entender un poco más sobre el asunto.

Dibuja la estructuraideal para tu sitio

Identifica cuáles páginas llevarán texto, imágenes, mapas e información

adicional que quieras divulgar.

*para los planes Profesional y Tienda en línea, a partirdel ciclo anual de pago.

Describe lasprincipales secciones

Cómo planear un sitio web:

Page 7: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

7

Guía completa: Cómo crear un sitio web con el creador de sitios

En el blog de HostGator puedes encontrar contenido sobre qué es un dominio, que es

Web Hosting y muchos otros consejos sobre cómo crear un sitio web.

Si quieres vender algo por internet, tu mejor opción será crear una tienda en línea.

Si estás interesado en compartir historias sobre algún asunto específico, como viajes o libros, un blog es el formato ideal.

Si quieres divulgar tu trabajo o tu empresa, crear un sitio web institucional es la mejor opción.

Tener un objetivo definido también ayuda a escoger el tipo de sitio web más adecuado:

Page 8: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

8

Guía completa: Cómo crear un sitio web con el creador de sitios

Tiendas virtuales

Qué puedes hacer con un creador de sitios

Con el Creador de Sitios de HostGator puedes crear sitios web, blogs o tiendas en línea. La herramienta ofrece centenas de temas o plantillas, que son estructuras que ya vienen listas para crear un sitio web. Estas se adaptan a diversos tamaños de pantallas (desktop, notebooks, smartphones y tablets).

Los temas son separados por categorías, incluyendo una variada gama de tipos de negocios, blogs y tiendas en línea. Por ejemplo: si quieres crear un sitio web de fotografía, existe una plantilla lista con una estructura ideal para divulgar un portafolio, con la explicación del servicio ofrecido. Para personalizar tu sitio web, puedes

cambiar los colores, las fuentes, insertar textos, fotos, videos y otros elementos que quieras. Con algunos clics es posible adicionar información como un formulario de contacto y hasta mapas para ayudar al cliente a encontrar tu empresa, si tienes una dirección física.

Sitiosweb

Blogs

Page 9: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

9

El sitio web es la principal tarjeta de presentación de una empresa o un profesional. Cuando alguien nos recomienda algún producto o servicio es normal que preguntemos ¿cuál es el sitio web?. Por esto es tan importante tener una dirección en internet; un espacio donde las personas puedan encontrar más información sobre tu empresa o el servicio que prestas.

Eres tú quien define el propósito y estilo de tu sitio web, sin embargo, debes tener en mente que este debe ser hecho para entender los usuarios que están buscando por tu marca. Por esta razón debes considerar tu sitio web como una vitrina para tu negocio.

Los templates del Creador de Sitios de HostGator son separados por categorías de negocios para sitios web institucionales, blogs y tiendas en línea, lo que facilita la búsqueda por un modelo que se asemeje a tu necesidad. Las opciones van desde arquitectura, moda, música, idiomas, entre otros.

Sitios web

Guía completa: Cómo crear un sitio web con el creador de sitios

¿Cuál es el sitio web?

Page 10: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

10

Guía completa: Cómo crear un sitio web con el creador de sitios

Los índices de lectores de Blogs llegan a los 82.2 millones de personas por mes, según los datos levantados por eMarketer. Al comienzo los bloggers relataban sus experiencias sin ninguna intensión, pero con el crecimiento de la audiencia muchos transformaron este pasatiempo en una profesión.

Puedes iniciar un blog sin mucha pretensión, sólo para registrar tus experiencias. Podría ser un diario personal, una especie de autobiografía, o puedes ser un blogger profesional,puedes invertir en un blog deasuntos específicos y posicionartecomo especialista. A partir de ahí esposible comenzar a rentabilizarlo ytransformarlo en un negocio en línea.

82.2MILLONES

de lectores de blog por mes.

Blogs

¿Qué tal crear un blog sobre negocios para estimular otras personas a emprender? O un blog sobre culinaria, gastronomía, asuntos fitness, etc. Existen blogs sobre los temas más variados, no te preocupes, inspiración es lo que no va a faltar.

El Creador de sitios de HostGator tiene temas que se pueden adaptar fácilmente a las diferentes categorías de los blogs. Y al contratar esa solución, obtienes acceso a un banco de imágenes propio, con diversas fotos que podrás usar para ilustrar tus post y atraer nuevos lectores.

Page 11: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

11

Guía completa: Cómo crear un sitio web con el creador de sitios

La contratación del plan específico para Tienda en Línea también posibilita la integración con medios de pago online como PayPal. Con tantas facilidades ¡No hay excusa para empezar a vender por internet!

Antes de comenzarSugerimos la lectura del post “Cómo montar una tienda en linea: 8 elementos que debes conocer”

Tiendas virtuales

Montar una tienda virtual requiere de atención especial con la seguridad. En este formato de sitio web son realizadas transacciones financieras y serás el responsable por preservar los datos de tus clientes. Por esta razón el Creador de Sitios de Hostgator tiene incluido el Certificado SSL en la página de checkout, siguiendo los protocolos de seguridad, exigidos para el e-commerce.

El Creador de Sitios de Hostgator no limita la exhibición de productos o páginas en tiendas virtuales. Esta es una gran ventaja, pues si hubiera un número limitado, no podrías incluir nuevos lanzamientos sin borrar los productos anteriores y de esta forma dejarías de exponer todo lo que tu empresa tiene.

Page 12: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

12

Guía completa: Cómo crear un sitio web con el creador de sitios

Ventajas de utilizarun creador de sitios

Como ya has visto hasta aquí, es posible crear un sitio web por tu propia cuenta, y puedes comenzar hoy mismo.

A continuación listamos algunos de los principales beneficios de usar el Creador de Sitios de HostGator.

La versión inicial del Creador de Sitios

está disponible gratuitamente en los

planes de Web Hosting de HostGator.

Después de escoger el tema, podrás personalizar tu sitio web con textos, fotos, videos y más. Cómo cada negocio es único, los sitios web también tienden a ser exclusivos. De esta forma, cada persona edita un tema o plantilla de alguna forma y eso hace que sea prácticamente imposible que existan dos sitios iguales.

Cómo ya hablamos al inicio de este texto, no es necesario ser programador o diseñador para usar el Creador de Sitios. El sistema de arrastrar y soltar es extremadamente simple de usar y no requiere conocimientos técnicos de programación o diseño web. Además de eso no es necesario instalar ningún software pues toda la edición es hecha directamente en el navegador web y puedes visualizar en tiempo real el progreso de tu sitio web.

1 2Tendrás un sitio web exclusivo

No es necesario tener conocimiento técnico

Page 13: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

13

Guía completa: Cómo crear un sitio web con el creador de sitios

Puedes comparar los recursos y escoger el plan que mejor atienda las necesidades de tu proyecto. HostGator ofrece tres planes: Personal, Profesional, y Tienda en Línea. Puedes hacer la comparación en este link. Sin embargo, desde ya te decimos que todos tienen las principales funcionalidades como:

- Editor arrastra y suelta- Temas gratuitos- Adaptación para mobile- Banco de imágenes- Hosting gratuito- Cuentas de correo electrónico

Si vas a crear una página web, nuestra principal recomendación es priorizar la experiencia del usuario. Eso significa, entre otras cosas, que tu sitio web debe adaptarse a cualquier tamaño de pantalla. Por eso, los temas son responsivos y los sitios web creados en la herramienta funcionan normalmente en tablets y smartphones. Además de eso es posible crear una versión exclusiva para mobile, diferente de la versión desktop.

Encontrar imágenes gratuitas para ilustrar un sitio web es una dificultad muy común. La solución suele ser adquirir fotos de bancos de imágenes, pero muchas veces el costo termina siendo muy alto. Para minimizar este problema, disponibilizamos un banco de imágenes gratuito, con fotos separadas por temas como moda, salud, derecho, construcción civil, entre otros.

3 4 5Puedes escogerel mejor plan

Los temas son responsivos

Acceso a un banco de imágenes gratuito

Page 14: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

14

Guía completa: Cómo crear un sitio web con el creador de sitios

Es posible realizar integraciones con Google Analytics para que puedas analizar el desempeño de tu sitio web. También es posible insertar links de redes sociales, para redireccionar a tus redes o simplemente para compartir contenido. Adicionalmente el Creador de Sitios contiene integraciones con medios de pago online como Paypal.

Con el Creador de Sitios puedes ganar un dominio gratis. Esta ventaja es válida para las contrataciones de planes Profesional y Tienda en Línea, a partir del ciclo anual, con renovación de dominio hecha también de forma gratuita si renuevas el plan. La gratuidad es válida para las principales extensiones (.com, .com.mx y .org)

Los planes de Creador de Sitios de HostGator incluyen el servicio de Web Hosting gratuitamente. Tu sitio web estará almacenado en un ambiente seguro y confiable, facilitando así tu vida para que te mantengas 100% concentrado en la elaboración de tu proyecto.

Con el Creador de Sitios también tienes derecho a cuentas de correo electrónico personalizadas con el nombre de tu dominio. El límite de las cuentas varía de acuerdo con el plan escogido.

6 78

9

Es posible hacerlas integraciones con otras herramientas

El dominio puede ser gratuito

El Web hostingestá incluido

Cuentas decorreo electrónico

Page 15: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

15

Guía completa: Cómo crear un sitio web con el creador de sitios

Guia para crear un sitio web usandoel creador de sitiosde HostGator

con imágenes

Page 16: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

16

Guía completa: Cómo crear un sitio web con el creador de sitios

Ahora que ya sabes para qué sirve un creador de sitios y cuáles son las ventajas de utilizar uno para tu proyecto, presentamos un paso a paso con las principales funciones del Creador de Sitios de HostGator. Queremos mostrarte cómo puede ser simple comenzar tu sitio web, blog o tienda virtual por tu propia cuenta.

Page 17: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

17

Guía completa: Cómo crear un sitio web con el creador de sitios

Activar el Creador de Sitios de HostGator

Paso 1

Después de contratar el Creador de Sitios, deberás seguir los siguientes pasos para comenzar la creación de tu sitio web.

Para entrar al Creador de Sitios,deberás entrar en tu Área del cliente:

Escribe tu nombre de usuario y contraseña;

Selecciona el servicio que deseas configurar;

Define el tema deseado entre los disponibles;

Haz clic en “seleccionar” para escoger el tema o en “preview” para visualizarlo.

1

2

3

4

Page 18: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

18

Guía completa: Cómo crear un sitio web con el creador de sitios

Los temas poseen página

predefinidas. Estas pueden ser

alteradas, renombradas y eliminadas.

Antes de iniciar la edición, revisa si

estas poseen la estructura que tu

proyecto necesita.

Es muy importante pensar en la

experiencia del usuario, es decir, cuál

es la mejor forma de estructurar el

sitio web para facilitar la navegación y

generar una percepción positiva.

Lee: 5 consejos para mejorar la

experiencia de usuario de tu sitio web

En la siguiente pantalla, tendrás acceso a los siguientes ítems:

Elementos: El Creador de Sitios ofrece varios formatos de contenido para crear tu página

Páginas: Los temas tienen páginas predefinidas, pero es posible adicional nuevas o eliminar las páginas que no utilizarás, dejando el sitio web con la estructura que deseas.

Secciones: las secciones son partes del sitio web, como encabezado, pie de página y contenido. Aquí también es posible adicionar y borrar secciones.

Page 19: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

19

Guía completa: Cómo crear un sitio web con el creador de sitios

Además de la opción estadísticas, es posible integrar

los sitios web hechos en el Creador de Sitios de

HostGator a una cuenta de Google Analytics para

visualizar otro tipo de información relacionado al tráfico

y comportamiento de los usuarios de un sitio web.

Tienda: Si quieres vender productos por internet, es posible crear una tienda. Puedes crear una tienda independiente, o adicionar una tienda al sitio web de tu empresa. Para eso, es necesario contratar el plan Tienda en Línea del Creador de Sitios de HostGator.Estadísticas: En esta parte, puedes encontrar información como número de visitantes, tiempo de permanencia, tasa de rechazo y muchas otras métricas que te ayudarán a visualizar el desempeño de tu sitio web.

Estadísticas: En esta parte, puedes encontrar información como número de visitantes, tiempo de permanencia, tasa de rechazo y muchas otras métricas que te ayudarán a visualizar el desempeño de tu sitio web.

Administrar: Aquí es posible gerenciar acciones como: integrar redes sociales, extraer lista de inscritos en el sitio web, y otras inúmeras funciones.

Diseño: Es donde editarás los colores, fuentes y fondo de tu sitio web. Toda la edición de la parte visual es hecha aquí.

Blog: Esta función permite la creación de un blog. Puedes crear un blog independiente o adicionar uno al sitio web de tu empresa, incluso si son temas diferentes. Tu blog quedará vinculado al sitio principal.

Page 20: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

20

Guía completa: Cómo crear un sitio web con el creador de sitios

Creando el contenido

Paso 2

Haciendo clic en la sección “Elementos” encontrarás información para elaborar la estructura de tu sitio web, como:

Cada una de esas funciones posee otros ítems que ofrecen más opciones de personalización.

Siguiendo esa misma

estructura cada ítem de la

sección Elementos ofrece

numerosas posibilidades para

tornar tu sitio web único.

Botón

Imágenes

Contenedores

Contacto

y otros

Archivos

Por ejemplo, el menú Botón

disponibiliza diferentes tipos,

como Botón simple, Botón

Degradado, Botón Redondo,

Botón del icono y otros.

Page 21: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

21

Guía completa: Cómo crear un sitio web con el creador de sitios

Adicionar nuevas páginas a tu sitio web

Paso 3

En el menú principal, haz clic en Páginas.En la sección que será exhibida encontrarás las siguientes funciones:

Gestionar Páginas

Aquí es posible alterar el nombre de la página,

definir cuáles ítems del menú aparecerán en la

versión mobile (smartphones y tablets), realizar

las configuraciones de SEO (título, descripción,

palabra clave) y definir si la página podrá o no

ser indexada por los buscadores como Google o

Yahoo, por ejemplo.

Añadir nueva página

Esta función permite adicionar nuevas páginas

al sitio web, sean estas en blanco, para crear

una estructura de cero, o páginas con una

estructura predefinida. Navega por las opciones

disponibles y verifica cuál es la más adecuada

para tu proyecto.

Duplicar Página Actual

Con este ítem puedes crear una página nueva

a partir de otra ya existente. Como es una

página duplicada, la configuración permanece

igual a la de la página de origen, pero pueden

ser alteradas. Es posible, también renombrar la

página en el menú y/o definirlos como página

inicial del sitio web.

Page 22: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

22

Guía completa: Cómo crear un sitio web con el creador de sitios

Cambiar nombre de Página Actual

Esta función permite alterar el nombre de la página

en el menú. Para que esto suceda, simplemente

debes seleccionar la página deseada.

Eliminar Página Actual

Selecciona la página de deverá ser removida del

sitio web y haz clic en “eliminar”.

Cambiar Diseño de página actual

En esta sección puedes alterar la estructura de la

página. En la opción categoría puedes escoger

la plantilla que más se acomode a tu gusto. El

próximo paso será hacer clic en “Aplicar”.

Es posible alterar el orden de las

páginas en el menú del sitio web.

Para esto, sólo debes hacer clic en

el icono, arrastrarlo y soltarlo en el

orden que lo desees.

Page 23: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

23

Guía completa: Cómo crear un sitio web con el creador de sitios

Las secciones son partes

estructurales del sitio web, como

el Header, el footer y el contenido

entre estos componente. Los temas

tienen estructuras predefinidas, pero

es posible adicionar y eliminar las

secciones del layout escogido en

caso que sea necesario.

Gerenciar Secciones

Paso 4

Dirígete a “Añadir nueva sección” oo has clic en el símbolo +, que se muestra debajo de cada área creada dentro del editor. Aquí aparecerá una sección donde podrás optar por imágenes, videos o texto.

Page 24: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

24

Guía completa: Cómo crear un sitio web con el creador de sitios

Editar el diseño

Paso 5

La estructura visual de tu sitio web puede ser personalizadaa través de la opción Diseño

Fondo

- Es donde alteras el background

(estilo del fondo)

- Escoge entre las siguientes opciones: colores,

texturas o imágenes del propio banco de datos

o fotos, por ejemplo)

- Al hacer clic sobre colores, texturas ou

imágenes, el fondo se altera automáticamente,

haciendo posible una previsualización. En el

caso que desees, basta alterar nuevamente

- En Personalizar, es posible realizar ajustes en

las imágenes, tales como alineación, opacidad

de la imagen, diseño entre otras opciones

Es posible insertar nuevos fondos

cargando imágenes desde tu

computador. Si prefieres, puedes

ir a la Biblioteca de imágenes del

Creador de Sitios HostGator, donde

existen todavía más opciones.

Page 25: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

25

Guía completa: Cómo crear un sitio web con el creador de sitios

Insertar el fondo utilizando una

imagen de la Biblioteca de Imágenes

Escoge la imagen y haz clic en “Confirmar”.

Volverás para la pantalla de edición del fondo

y podrás definir la transparencia de la imagen,

colores (si es necesario) y la posición.

Page 26: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

26

Guía completa: Cómo crear un sitio web con el creador de sitios

Colores

Es donde puedes alterar los colores de los

títulos, textos de fondo, por ejemplo. Puedes

escoger la paleta de colores predefinidos en

el tema seleccionado, o crear una nueva de

acuerdo con lo que deseas.

Haciendo clic en “invertir”, el sitio web cambia

el contraste de tono de oscuro para claro y

vice-versa. Puedes guardar la paleta de colores

creada para utilizar nuevamente en el proyecto.

Para cambiar los colores sólo debes

hacer clic en “editar colores”. En la

nueva pantalla es posible definir el

contraste de tu sitio web para más

claro u oscuro.

Page 27: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

27

Guía completa: Cómo crear un sitio web con el creador de sitios

Fuentes

Así como los colores, las fuentes también son

predefinidas en cada tema, pero es posible

alterar el formato de las fuentes que serán

utilizadas en el sitio

Para modificar la fuente

Haz clic en la nueva fuente escogida, esta será

insertada en tu plantilla

Continuando en “Editar fuentes”, es posible

alterarlas según el tipo. Por ejemplo, puedes alterar

simplemente la fuente que está definida como

Encabezado 1, Encabezado 2, Cuerpo 1 o Cuerpo 2.

Page 28: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

28

Guía completa: Cómo crear un sitio web con el creador de sitios

Estilo de Texto

En esta área, es posible editar el color y el tipo

de fuente utilizada específicamente en cada

área de tu sitio web. Por ejemplo: la fuente y el

color que serán utilizados para encabezados,

botones, títulos y cuerpo del texto.

Selecciona el texto donde deseas modificar la

fuente. Una nueva pantalla se abrirá, donde será

posible alterar el tamaño y el color de la fuente

Page 29: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

29

Guía completa: Cómo crear un sitio web con el creador de sitios

Blog

El creador de Sitios de HostGatortiene temas específicos para blogs

Para comenzar:

- Haz clic en “Crear un blog”;

- Escoge el modelo, haz clic en “Crear” o

“vista previa” (aquí podrás explorar una

previsualización antes de escoger el modelo);

- Escribe el nombre que aparecerá en el menú

del sitio para identificar tu blog;

- Después de hacer esta definición, haz clic

nuevamente en “Crear blog”.

Ahora tendrás acceso a personalizaciones y

mantenimiento de tu blog.

Page 30: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

30

Guía completa: Cómo crear un sitio web con el creador de sitios

Haciendo clic en “Administrar publicaciones” es

posible adicionar, remover o editar los contenidos

de las publicaciones hechas en el blog.

Para alterar el layout o plantilla del blog

Haz clic en “Cambiar diseño del Blog”;

Puedes escoger entre cambiar el diseño del

todo el blog, página principal del blog o de la

página de publicación del blog;

Escoge un nuevo tema y

haz clic en “cambiar diseño”.

Haz clic en cualquier parte de la

página del blog, nuevas herramientas

de edición serán presentadas.

Page 31: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

31

Guía completa: Cómo crear un sitio web con el creador de sitios

Escribe un título, fecha, nombre del

autor y etiquetas;

Agrega tu contenido;

Después de finalizar, haz clic en “guardar

publicación” o ‘vista previa de la publicación”

Define también si será un post

destacado o uno anclado;

También puedes guardar como borrador

y dejar la publicación para después.

Conoce más detalles sobre la edición del contenido del Blog a continuación:

Crear unanueva publicación

Page 32: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

32

Guía completa: Cómo crear un sitio web con el creador de sitios

Editar contenido del post

Es posible editar configuraciones de texto

haciendo clic en opciones como: negrilla,

cursiva, párrafos y hasta adicionar otros

contenidos como video, imagen, etc.

Para modificar la imagen de portada del post:

escoge una imagen de la Biblioteca, a partir

de enlaces, o también puedes subir desde tu

computador.

En vista previa de la publicación: podrás ver cómo

está quedando el post antes de que sea publicado

Abajo de Etiquetas, hay un botón que da

acceso a opciones avanzadas de edición,

con las siguientes funciones: Usar resumen

personalizado del contenido, descripción de la

imagen de portada y alterar la URL de la página.

Es posible insertar una plantillas de blog dentro de un tema

de un sitio web, sin importar que tengan formatos distintos.

Conoce más en la importancia de tener un blog

Page 33: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

33

Guía completa: Cómo crear un sitio web con el creador de sitios

Tienda Si el plan que escogiste es Tienda en Línea, sigue los siguientes pasos para iniciar:

- En el menú, haz clic en Tienda

- Después haz clic en el botón Crear una tienda

Entrarás al editor de la tienda, donde podrás

completar la información de tu negocio en línea

Page 34: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

34

Guía completa: Cómo crear un sitio web con el creador de sitios

- En la opción “Settings” encontrarás varias

secciones para editar la información;

- Ve al botón “Edit” de cada sección y adiciona

información como nombre de la tienda,

dirección, código postal, ciudad, país y más.

*Recuerda que esta información no es obligatoria.

Page 35: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

35

Guía completa: Cómo crear un sitio web con el creador de sitios

El siguiente paso es personalizar el Contenido,

la página y las secciones conforme lo

escribimos en los pasos anteriores, aquí

también debes adicionar la información de los

productos, como descripción y valores.

Page 36: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

36

Guía completa: Cómo crear un sitio web con el creador de sitios

Estadísticas

Paso 6

En el botón Estadísticas es posible ver la información de acceso al sitio web, como visitantes únicos, visitas totales, Número de visitas a páginas, porcentaje de rebote, duración media de la visita, entre otros.

Además de eso, es posible integrar el Creador de Sitios a Google Analytics para tener acceso a las estadísticas de tráfico a través de la plataforma.

Para integrar Google Analytics

al Creador de Sitios

- Vuelve al editor;

- Ingresa a la sección “administrar”.

Page 37: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

37

Guía completa: Cómo crear un sitio web con el creador de sitios

Estas métricas son importantes para evaluar el desempeño de tu sitio web y descubrir qué es lo que debería ser mejorado para generar mejores resultados para tu negocio o proyecto personal.

¿Por qué debo acompañar esta información?

- Selecciona “Google Analytics”;

- Informa el código de Google Analytics (es

necesario crear una cuenta en esta plataforma

antes de realizar la integración) Haz clic aquí

para crear una cuenta de Google Analytics;

- Después de insertar el código, haz clic

en “Adicionar Analytics”. A partir de allí,

la información del sitio web será exhibida

directamente en el panel de Google Analytics.

Page 38: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

38

Guía completa: Cómo crear un sitio web con el creador de sitios

Administrar

Paso 7

En la opción administrar es posible gerenciar información como:

Redes sociales;

Redireccionamientos;

Favicon;

Otros.

Además de esas opciones, puedes guardar la

lista de direcciones de los clientes que se han

registrado en Lista de email para recibir tus

informaciones. Para crear este formulario ingresa a:

Menú “Elementos”;

Contacto;

Formulario de contacto.

Para continuar la edición o hacer modificaciones

en tu sitio web, sólo debes ingresar al Área del

cliente. Tu sitio web estará disponible en la última

versión que hayas guardado. También es posible

eliminarlo (quitar) o visualizar (ver sitio) el sitio

web y configurar cuentas de correo electrónico.

Page 39: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

39

Guía completa: Cómo crear un sitio web con el creador de sitios

Para saber más sobre el creador de Sitios de HostGator No exige programación, HTML,

o la necesidad de cualquierconocimiento técnico, de códigos ode web design;

No exige instalación de software, ya que todo es hecho directo del navegador de tu computador. La creación de tu sitio es hecha en tiempo real;

En resumen, el Creador de Sitios de HostGator:

Tiene sistema arrastra y suelta con todos los elementos que serán usados en el sitio web, como textos, imágenes, videos (y muchos otros). Sólo debes hacer clic en el componente, y arrastrar para el área donde quieres que aparezca en el sitio web;

Y lo mejor de todo: puedes crear tu propio sitio web exclusivo y con apariencia profesional tu mismo.

El creador de Sitios es la herramienta ideal para quienes no poseen conocimiento técnico en programación y web design, pero que están dispuestos a poner manos en la masa, y crear su propio sitio web o tienda en línea.

Page 40: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

40

Guía completa: Cómo crear un sitio web con el creador de sitios

Conoce también nuestros tutoriales en videos con más información sobre el creador de sitios.

Creador de sitios: tu sitio web profesional en pocos pasos

Los desafíos de vender en Internet y cómo superarlos

¿Cómo iniciar un negocio en internet? ¡paso a paso simple!

Las 7 cosas que necesitas para tener tu propio sitio web

¿Por qué llevar tu empresa al mundo online?

Para finalizar, separamos otros artículos y materiales para ayudarte a color tu sitio web en línea

Ver videos

Page 41: con el Creador de Sitios - HostGator · 2018. 12. 20. · 7 Guía completB: Cómo crear un sitio web con el creador de sitios En el blog de HostGator puedes encontrar contenido sobre

Sitio web de HostGatorBlog HostGator

HostGator es un proveedor mundial de Hosting para sitios web, dominios y otros servicios relacionado a la presencia online. Aquí encontrarás todas las herramientas que necesitas para crear y publicar tu sitio web.

HostGator fue lanzada en México en el 2015 con el intuito de ofrecer sus servicios en español para su base de clientes mexicanos. Representada por Endurance International Group, HostGator tiene una fuerte actuación en países como Brasil, México, Colombia, Chile, Estados Unidos, India, China, Rusia, entre otros.