SESIÓN 05

Modalidad Semipresencial
Tabla de Contenidos
1. ADMINISTRACIÓN Y EDICIÓN DE SITIOS WEB EN WIX ...................................................... 4
1.1 Creación del sitio web ...................................................................................................... 4
1.2 Edición del sitio web....................................................................................................... 12
1.3 Diseño de páginas web................................................................................................... 23
1.4 Inserción de Componentes internos y externos ............................................................ 25
2. PUBLICACIÓN DEL SITIO WEB ........................................................................................ 35
3. BIBLIOGRAFÍA .............................................................................................................. 37

2
SESIÓN
05
DESCRIPCIÓN
Esta sesión proporciona información como crear un sitio web en WIX. Promocionar una empresa
implica tener una página web con vinculo a las diversas redes sociales. Si no tienes una página
web estás, literalmente, fuera de este mundo. Pero no debes tener cualquier página web. La
importancia de un sitio web profesional es tan grande que determina el futuro de un negocio,
especialmente uno que acaba de surgir.
WIX.com es una plataforma para el desarrollo web basada en la nube que fue desarrollada y
popularizada por la compañía WIX. Permite a los usuarios crear sitios web HTML5 y sitios móviles
a través del uso de herramientas de arrastrar y soltar en línea.

CAPACIDAD
Creación de contenido digital para el marketing

TEMÁTICA
 Administración y edición de sitios web en WIX
 Administración y edición del sitio web
 Inserción de componentes
 Publicación del sitio web

3
1. ADMINISTRACIÓN Y EDICIÓN DE SITIOS WEB EN WIX

Tener presencia online es fundamental para el éxito de cualquier pequeña empresa. Es por ello
que muchísimos empresarios se deciden a crear su página web con WIX. Uno de nuestros
objetivos principales es ayudar a los propietarios de pequeñas empresas y a los profesionales
freelance a crear un sitio web atractivo y profesional para su negocio, sin necesidad de invertir
grandes cantidades de energía y dinero.

1.1 Creación del sitio web

Crear y editar un conjunto de páginas web, todas enlazadas entre sí, que tiene un objeto
común. Es importante analizar las principales motivaciones que tenemos para crear una
página web y sobretodo las estrategias que debemos llevar a cabo para hacerlas rentables.
Al iniciar una página web, además de los planteamientos que ya hemos tratado sobre
conocer el nicho al que nos dirigimos, debemos tener muy clara la estrategia que vamos a
seguir y el “por qué” y “para que” queremos tener esa web.

Ahora vamos implementar el sitio web en WIX.

Registro de cuenta en WIX (Usuario Nuevo)

1. Abrir su navegador de Internet y acceda a la siguiente dirección:

https://es.wix.com/

2. A continuación, debe registrarse en WIX (crear una nueva cuenta), para lo cual hacer clic
en el botón Entrar:

4
3. Ingrese los datos solicitados para acceder al WIX. Ejemplo: Correo, Soy un nuevo usuario
y Contraseña. Y dar clic en el botón Regístrate

4. Se tendrá la siguiente ventana:

5. Desde esta ventana podrá seleccionar la plantilla del sitio web por categorías y dentro
de ellas encontraras un conjunto de plantillas

5
Crear un sitio web

Si ya contamos con una cuenta de usuario registrado, podemos crear nuestro sitio.

1. Abrir su navegador de internet y acceda a la siguiente dirección: http://es.wix.com

2. A continuación, debe acceder a WIX, para lo cual hacer clic en el botón Entrar. Ingrese
los datos solicitados y haga clic en el botón CONTINUAR.

3. Se presenta la siguiente ventana, donde muestra los sitios creados. Para crear un
nuevo sitio, hacer clic en el botón Crear un nuevo sitio.

6
4. Aparece la siguiente ventana y hacer clic en cualquier categoría, en este ejemplo se
hará clic en Empresa.

5. Se muestra la siguiente ventana y haga clic en el botón Elige una plantilla, en la opción:
Crea tu Página Web con el editor de WIX.

7
6. A continuación, se elige una sub categoría, para este ejemplo Negocios, Consultoría o
Coaching y dentro de ella elegimos Asesor de Negocios.

7. Luego si colocamos el puntero del mouse encima de la plantilla, tenemos 2 opciones

para elegir: Ver y Editar. En este ejemplo seleccionamos Editar.

8
8. Ahora se encuentra en la ventana del Editor de WIX, donde se procederá a editar el
sitio web:

9. A continuación, se detalla las diferentes partes de la ventana del Editor.

Selector de Página a editar Opciones de almacenamiento y publicación

Configuración del Sitio

Herramientas
edición
Barra de
Herramientas

9
a) Selector de Páginas: Para seleccionar la página web que desea editar.

b) Herramientas de Edición de Páginas: Para personalizar las páginas del sitio web

Para editar las opciones del Menú

Personaliza el diseño de las páginas del sitio web

(Fondo, colores y fuente)

Para agregar componentes a la página web.

Para acceder a las aplicaciones en las puede estar tus

páginas: contactos, redes sociales, ventas online

Para cargar y administrar sus archivos personales a usar

en el sitio web.

Para crear y editar tu blog

Para agregar reservas de citas online

10
c) Opciones de Almacenamiento y Publicación del Sitio:

Deshacer- Vista
Guardar previa Publicar
Rehacer

También se puede Guardar y Publicar desde la opción Sitio.

d) Barra de herramientas: Muestra las propiedades del objeto seleccionado en la

página, para ser ajustadas.

11
1.2 Edición del sitio web

La Administración de un Sitio Web, consiste en editar, renombrar, duplicar y eliminar y

crear un Sitio Web.

Pasos:
1. Ingrese a WIX con su usuario y contraseña
2. Seleccione en el menú de WIX, la opción Mis Sitios
3. Visualice el nombre del sitio a administrar. Ejemplo: Deltan Consultores

4. Se muestra la siguiente ventana, hacer clic en Acciones y se despliega las diferentes

acciones que se puede aplicar a un sitio Web

5. Seleccionar Editar Sitio

12
6. Carga el Editor de WIX

7. Una vez que carga el Editor del WIX se procede a editar el sitio Web, así tenemos:

13
 Eliminar forma

En este ejemplo eliminaremos la línea color amarillo que se encuentra en la cabecera.

1. Seleccionar la forma
2. Eliminar con la tecla Suprimir o hacer clic derecho y seleccionar la opción Eliminar

3. En la siguiente imagen ya no se muestra la línea, la cual fue eliminada

Editar textos en las páginas de WIX

Los textos digitados en las plantillas pueden ser editados y personalizados.
1. Hacer clic en el texto a editar y elija el botón Editar texto
2. Modificar el texto Deltan Sac Consultores y aplicar en la ventana Opciones de
texto el formato personalizado.

Tamaño de fuente 36, estilo: negrita, tipo de fuente: Jockey One

14
 Seleccionar color de fuente: rojo

Modificando formas
1. Modificar la forma circulo de la cabecera, haciendo clic en la forma

2. Hacer clic en Cambiar Diseño y seleccionar la forma de la imagen.

15
Cambiar el color de la forma, hacer clic en el botón Personalizar.

3. Podremos tener como resultado lo siguiente:

16
Cambiar imagen en una plantilla de WIX

Una imagen insertada en una plantilla puede ser cambiada. Ejemplo: cambie la imagen
de la galería de fotos de la página Inicio.

1. Hacer clic en la imagen y elija el botón Cambiar imagen.

2. Hacer clic en el botón Agregar imagen y localice la nueva imagen a insertar.

3. Seleccione las imágenes desde la galería del WIX y haga clic en Agregar a la
galería.

17
4. Una vez insertadas las imágenes, podemos eliminar las imágenes que no se
desea, seleccionando la imagen y eliminarlo desde el icono de la papelera
(Eliminar).
5. Luego hacer clic en el botón Ok.

6. También se pueden cargar imágenes desde la PC, haciendo clic en el botón

Cargar imágenes

18
7. Se busca y selecciona las imágenes a ser cargadas y luego hacer clic en el botón
Abrir.

8. Se muestra la ventana, donde se cargaron las imágenes.

9. Hacer clic en el botón Continuar.

10. Seleccionar las imágenes y hacer clic en Agregar imágenes

19
 11. Se agregaron y cambiaron las imágenes.

Editando imagen

Para mostrar la flecha de navegación, botón de reproducción, efectos de transición:

1. Hacer clic en la ruedita de Opciones
2. En la ventana de opciones, activar los diferentes comportamientos, como se
muestra en la imagen.

20
Cambiando el diseño de la galería

1. Hacer clic en el ícono de Diseño

2. En la ventana de Diseño de Galería, elegir una galería de imágenes

Aplicando efectos

1. Hacer clic en el ícono de efectos

2. Elegir un tipo de animación de la galería de animaciones

21
3. Estando ya configurado la galería de imágenes, se procede a desplazarse, usando las
flechas, como se demuestra en la imagen.

22
1.3 Diseño de páginas web

Añadiendo una página nueva, enlace o menú

1. Hacer clic en el Menú de Administrador de páginas

2. En el selector de páginas, elija la opción +Agregar páginas o en el menú Sitio como

se muestra en la imagen

3. Agregar la página GALERÍA, como se muestra en la imagen y hacer clic en el botón

Hecho.

23
4. Mover la nueva página GALERÍA, al final de la barra de menú, presionando el botón
del mouse y arrastra a la nueva posición.

24
1.4 Inserción de Componentes internos y externos

Insertando Textos

1. Hacer clic en el signo + y se despliega los diferentes tipos de texto y luego elegir un
tipo de texto e insertarlo en la nueva página GALERÍA

2. Se muestra el texto insertado en la pagina

Insertando imágenes

1. Hacer clic en Insertar y luego en Imágenes.

25
2. Seleccione las imágenes de archivo. Puede usar el botón Cargar imágenes para
localizarlas desde su computador, también tiene opciones como Gratis de WIX.
Luego hacer clic en el botón Aplicar.

Creación de galerías

1. Hacer clic en Galerías y selecciona un tipo de galería

2. Para nuestro ejemplo, seleccionamos la galería tipo Carrusel

26
3. Ahora, se procede a cambiar las imágenes, usando el mismo procedimiento
explicado anteriormente, quedando como se muestra en la imagen.

Insertar video

1. Hacer clic en Agregar Video.

2. Hacer clic en el reproductor de video YouTube o en cualquier otro.

27
3. Hacer clic en e botón Cambiar video.

4. Se muestra la ventana Opciones de video, seleccione la opción YouTube

5. Hacer clic en el texto aquí para buscar el video en la red social YouTube

28
6. Escribir las palabras claves para buscar el video en YouTube, para este ejemplo:
Soluciones informáticas.
7. Hacer clic en el botón Buscar y luego seleccionar el video.

8. Al hacer clic en el botón Agregar, se inserta el video en la página, como se muestra

en la imagen.

29
Incrustar código Embed

Debido a que el almacenamiento de videos en el mismo sitio web hace que este
se sature, se sugiere que los videos a usar se publiquen en un canal de YouTube
(que lo verá en una sesión posterior) desde el cual se incrustará el código Embed.

1. Abrir la página donde desea incrustar el video. Ejemplo: Servicios

2. Seleccione el botón Agregar y luego la opción Anclas y más
3. Luego elija la opción Iframe HTML

4. Hacer clic en el botón Ingresar código, se mostrará la ventana Opciones HTML

donde se incrustará el código del video.
30
5. Abrir la red social de YouTube y busque el video. Seleccione con clic uno de
ellos.

6. Ahora, hacer clic en la opción Compartir para ingresar al código incrustado.

31
7. Seleccione la opción Insertar

8. Hacer clic en el código mostrado y luego clic en el botón Copiar.

9. Abrir la página Servicios de su sitio web en WIX, haga clic en el recuadro para
pegar (CTRL+V) el código HTML.
32
10. Hacer clic en el botón Aplicar para incrustar el video. Cierre la ventana del
código.
11. El resultado será el siguiente:

33
Cambiar de fondo

Se puede aplicar como fondo de la página, un color, una imagen o un video

1. Hacer clic en Fondo.

2. Seleccione una imagen y haga clic en Cambiar fondo.

34
 3. Inmediatamente cambió el fondo, en este ejemplo agregando la imagen
seleccionada, como se muestra en la imagen

2. PUBLICACIÓN DEL SITIO WEB

El sitio web que está diseñando puede publicarlo para ser visto en Internet por todos sus
clientes. Cabe indicar que podrá ir implementando poco a poco y actualizando su contenido.
Debemos grabar los cambios realizados en el sitio web.

1. Hacer clic en Publicar

2. Se muestra la dirección del sitio web, el cual se puede cambiar y luego hacer clic en Hecho.

35
3. Luego de publicado la vista del sitio web es la siguiente:

Importante: Crear un sitio web llamado GASTRONOMÍA con su misma cuenta

en WIX, implementarlo sabiendo que el negocio es una Restaurante.
36
3. BIBLIOGRAFÍA

 Ramón Marino. “Diseño de Páginas Web y Diseño Gráfico:

Metodología y Técnicas para la Implementación de Sitios
Web y Diseño Gráfico”.
Edición Sep 30, 2005.
 Unidad de Modernización y Gobierno Digital. Guía Digital.
 Disponible en: http://www.guiadigital.gob.cl/

 WIX. Disponible en: http://es.WIX.com/

37