Tabla de Contenidos

1. SITIO WEB EN WIX ...........................................................................................................................4

1.1 Creación del sitio web.........................................................................................4

1.2 Entorno de la ventana del Editor de WIX ...........................................................7
1.3 Administración del sitio web ..............................................................................9
1.4.1. Insertar y personalizar imágenes ...............................................................14
1.4 Administración de páginas................................................................................15
1.4.1. Agregar páginas .........................................................................................15
1.4.1. Cambiar el nivel de las páginas .................................................................16
1.4.1. Reorganizar las páginas .............................................................................17
1.5 Incrustación de objetos externos .......................................................................18
1.6 Guardar y publicar el sitio web .........................................................................20
2. TIENDA VIRTUAL ............................................................................................................................22

1.1 Abrir el sitio donde desea crear la tienda virtual ..............................................22

1.2 Creación de la tienda virtual .............................................................................23
1.3 Agregar productos a la tienda virtual ................................................................25
1.4 Eliminar productos de la tienda virtual .............................................................29
1.5 Configurar el método de pago de la tienda virtual ............................................30
1.6 Publicar la tienda virtual ...................................................................................32
3. LANDING PAGE (PÁGINA DE ATERRIZAJE) .....................................................................................34

1.1. Creación de Landing Page .............................................................................34

1.2. Guardar y Publicar el Landing page ............................................................38
4. GOOGLE FORMULARIOS ................................................................................................................40

2.1 Ingresando a Google Formularios.....................................................................40

2.2 Entorno de Google Formularios........................................................................41
2.3 Crear formulario................................................................................................42
2.4 Insertar respuestas .............................................................................................43
2.5 Tipos de preguntas ............................................................................................43
2.6 Configuración de las Respuestas ......................................................................44
2.7 Personalizar Encabezado y Color del Tema .....................................................44
2.8 Configuración de la encuesta ............................................................................45
2.9 Guardar Formulario ..........................................................................................46
2.10 Compartir Encuesta...........................................................................................46
5. REFERENCIAS .................................................................................................................................47

2
Tema 04

IMPLEMENTACIÓN Y ADMINISTRACIÓN DEL SITIO WEB

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 se tiene 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. Al sitio creado también puede añadir una tienda virtual
y landing page, para ofertar y vender nuestros productos.
Tener en cuenta la opinión de los clientes, es muy importante ya que ello permitirá mantenernos
en el mercado. Diseñar estrategias, como eventos, encuestas, recopilar todo tipo de información
de forma fácil y eficiente; para ello emplearemos la herramienta de Google Form (Formularios).
Las ventajas de preparar formularios es que es una herramienta gratis, en pocos minutos puedes
preparar o para preguntar a tus clientes todo lo que desea conocer. Solo necesitas una cuenta
de Google, la misma con la que accedes a Gmail, YouTube o Google Drive, etc.

CAPACIDAD
Sitio web.

TEMÁTICA
1. Sitio web en WIX.
2. Tienda virtual
3. Landing page.
4. Formularios de Google.

3
1. SITIO WEB EN WIX

Hoy en día los sitios web son elementos de marketing en Internet, por ello tener presencia en
Internet es fundamental para el éxito de cualquier empresa. Es por ello que muchos empresarios
se deciden a crear su página web y una excelente opción es con WIX.

1.1 Creación del sitio web

Después de haber definido el propósito principal y la funcionalidad del sitio web
empezaremos con la creación del sitio web.
1. Abrir el navegador de Internet y acceda a la siguiente dirección:
https://es.wix.com/

2. Recomendablemente regístrate con una cuenta de google, para ello hacer clic en
el botón Entrar.

3. Continúe con el proceso de registro, para ello hacer clic en Continuar con Google.

4
4. Seleccionar o ingresar un usuario y hacer clic en Siguiente.

5. Ingresar la contraseña y hacer clic en Siguiente.

6. Hacer clic en Elige una plantilla para crear tu página web con el editor.

5
7. A continuación, por ejemplo, elige la categoría Negocios y la sub categoría
Consultoría y Coaching y dentro de ella elegir Consultora Financiera.

8. Al situar el puntero del mouse sobre la plantilla tenemos 2 opciones para elegir:
Editar y Ver. En este ejemplo seleccionamos Editar para empezar a personalizar la
plantilla.

9. Ahora se encuentra en la ventana del Editor de WIX, donde podrá empezar a editar
el sitio web.

6
1.2 Entorno de la ventana del Editor de WIX

A B C

A. Selector de páginas a editar.

B. Configuración del sitio.
C. Opciones de almacenamiento y publicación.
D. Herramientas de Edición.
E. Barra de Herramientas.

A. Selector de páginas a editar: Permite seleccionar la página web que desea editar.

B. Configuración del sitio: Permite Guardar, visualizar una Vista Previa y Publicar el
sitio web.

7
C. Opciones de almacenamiento y publicación:

Zoom Deshacer/Rehacer Guardar Vista Previa Publicar

D. Herramientas de Edición: Permite personalizar las páginas del sitio web.

Permite editar las opciones del menú.

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

Fondo, colores y fuente.

Permite agregar componentes a la página web.

Para acceder a las aplicaciones en las que puede estar

tu página: contactos, redes sociales, ventas online.

Permite agregar archivos multimedia

Permite crear y editar tú blog.

Permite agregar reservas de citas online.

8
 E. Barra de Herramientas: Esta barra flotante te permite el acceso rápido a las
herramientas que te ayudan a distribuir el contenido de tu sitio y acomodar el
diseño de forma rápida y fácilmente.

1.3 Administración del sitio web

La Administración de un Sitio Web, consiste en editar, renombrar, duplicar y eliminar y
crear un Sitio Web.
1. Ingresar 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. Por ejemplo, hacer clic en Delta
Consultores SAC.

9
4. Hacer clic en Acciones para que se despliegue las diferentes acciones que se puede
aplicar al sitio Web.

5. Seleccionar Editar Sitio

6. Inmediatamente cargará el Editor de WIX, ya puede editar el sitio.

10
1.3.1. Insertar y personalizar textos
Los textos ingresados en las plantillas pueden ser editados y personalizados.
1. Hacer clic en Agregar.

2. Hacer clic en Textos.

3. Hacer clic en el tipo de texto que desea usar, inmediatamente se insertará en la

página web.
11
4. Para personalizar el texto puede usar las opciones que se muestran en la ventana
flotante Opciones de Texto según tu preferencia.

11.3.1. Insertar y personalizar formas

En este ejemplo insertaremos una línea.
1. Hacer clic en Agregar.

12
 2. Hacer clic en Decorativo.

3. Hacer clic en la línea que desea usar, inmediatamente se insertará en la página

web.

4. Para personalizar la forma puede usar las opciones de la ventana flotante

Diseño de línea según tu preferencia.

13
1.4.1. Insertar y personalizar imágenes
Insertaremos una imagen de la plantilla, el cual puede ser personalizada.
1. Hacer clic en Agregar.

2. Hacer clic en Imágenes.

3. Hacer clic en imágenes gratis de WIX.

4. Seleccionar una imagen y hacer clic en Agregar a la página.

14
 5. Para personalizar la imagen puede usar las opciones que se muestran en la ventana
flotante Opciones de Imagen según tu preferencia.

1.4 Administración de páginas

1.4.1. Agregar páginas
Wix permite la administración de las páginas que se visualizaran como enlace o
menú
1. Hacer clic en la opción Menú y páginas.

2. Hacer clic en el botón Agregar páginas.

15
3. Escribe un nombre para la página web y hacer clic en el botón Hecho.

1.4.1. Cambiar el nivel de las páginas

WIX permite ubicar una página como menú o submenú, para ello debe mover el
nivel en el que se visualizara.
1. Hacer clic en la opción Menú y páginas.

2. Mover la página a su nuevo nivel.

16
1.4.1. Reorganizar las páginas
WIX permite cambiar el orden de las páginas, para ello debe mover a su nueva
posición en la que desea que se visualice.
3. Hacer clic en la opción Menú y páginas.

4. Mover la página a su nueva posición.

17
1.5 Incrustación de objetos externos
WIX permite incrustar diversos tipos de objetos externos, para ello debes obtener el
código HTML.

Por ejemplo, vamos a insertar un mapa de Google.

1. Abrir la página donde desea incrustar el mapa.

2. Seleccione el botón Agregar.

3. Hacer clic en la opción Incrustado.

4. Hacer clic en Iframe HTML.

5. Hacer clic en la opción Ingresar código.

18
6. Ingrese a Google Maps y copie el código HTML del mapa.

7. Proceda a pegar el código y hacer clic en Aplicar.

19
1.6 Guardar y publicar el sitio web

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

1. Hacer clic Guardar.

2. Proceda a ingresar el nombre con la cual conocerán al negocio en internet, luego

hacer clic en Hecho.

3. A continuación, hacer clic en Publicar.

20
4. Ahora se muestra la dirección del sitio web, ya puede hacer clic en Ver sitio para
visualizar el sitio navegando en la web, el cual puedes compartir con tus clientes.

5. Finalmente, hacer clic en Hecho.

21
2. TIENDA VIRTUAL

Las tiendas virtuales es un espacio en internet donde se puede poner a la venta tus servicios o
productos durante las 24 horas del día y los 7 días de la semana (7x24).
WIX permite implementar una tienda online de manera muy fácil, por defecto añade productos
en los que tendrás que personalizar para que responda a las necesidades de su negocio. El
sistema de tienda virtual te insertar también un carrito de compras para poder calcular tus
productos e incluso eliminar aquellos que ya desististe llevar.
Ahora vamos a crear e implementar una tienda virtual en nuestro sitio web en WIX.

1.1 Abrir el sitio donde desea crear la tienda virtual

1. Ingresar a su cuenta de WIX.
2. Seleccionar el sitio web donde desea implementar la tienda online, para ello hacer
clic en el nombre del sitio. Por ejemplo, hacer clic en Delta Consultores SAC.

3. Hacer clic en Acciones para que se despliegue las diferentes acciones que se puede
aplicar al sitio Web.

22
 4. Seleccionar Editar Sitio

1.2 Creación de la tienda virtual

1. Para crear la tienda online, hacer clic en Agregar.

2. Hacer clic en Tienda Online.

23
3. Hacer clic en Agregar.

4. Hacer clic en Comencemos.

24
1.3 Agregar productos a la tienda virtual
Una vez creada la tienda virtual, agregaremos algunos productos.
1. Hacer clic en el botón Administrador de la tienda, luego hacer clic en Agrega
productos.

2. Procede a agregar imágenes y videos de los productos o servicios que ofrece, para
ello hacer clic en el botón Imágenes y/o videos.

25
3. Hacer clic en Cargar media.

4. Seleccione las imágenes y/o videos de tu computadora y luego hacer clic en Abrir.

26
5. Seleccione la imagen y luego hacer clic en Agregar a la página.

6. Proceda a agregar información detallada del producto, por ejemplo:

a. Nombre del producto
b. Precio.
c. Cinta para resaltar
d. Opcionalmente puede activar la opción de Oferta, debe ingresar un valor que
representa el % de descuento.
e. Descripción, es recomendable que añada una descripción detallada del
producto y/o servicio para que el cliente tenga una idea más precisa de lo que
se ofrece.

a c

27
7. Cuando haya terminado hacer clic en Guardar.

Importante:
Repita los pasos para cada producto que desea agregar a la tienda virtual.

28
1.4 Eliminar productos de la tienda virtual
1. Hacer clic en Panel de control.

2. Luego clic en Productos.

3. Seleccione el producto que desea eliminar y hacer clic en tres puntitos.

4. Hacer clic en Eliminar.

29
 5. Confirme la orden, para ello hacer clic en Eliminar.

1.5 Configurar el método de pago de la tienda virtual

1. Hacer clic en Panel de control.

2. Selecciona Configura los métodos de pago, luego hacer clic en Configuración

completa.

30
3. Por ejemplo, selecciona Método de pago, luego hacer clic en Conectarme.

4. Para recibir pagos debes migrar a un Plan Premium que te permita aceptar pagos
online, para ello hacer clic en Hacer Upgrate.

31
 5. Seleccione un Plan Premium a su elección e ingresar los datos de la tarjeta de
crédito.

1.6 Publicar la tienda virtual

1. Ubícarse en la vista de edición del sitio web.

2. Hacer clic en Publicar.

3. En la ventana de Felicitaciones hacer clic en Hecho.

32
4. Compartir el enlace del sitio el cual ya cuenta con una tienda virtual,
recomendablemente hacer clic en Ver sitio.

33
3. LANDING PAGE (PÁGINA DE ATERRIZAJE)

Landing Page o conocida como página de aterrizaje consiste que una página web estática
muestra con efecto de aterrizaje hacia otra parte de la página con banner publicitario dando así
información más completa.

1.1. Creación de Landing Page

1. Ingresar al sitio web: https://es.wix.com/, hacer clic en Entrar.

2. Recomendablemente ingresaremos con nuestra cuenta de Google, hacer clic en

Continuar con Google.

3. Ingresar o selecciona tu usuario, ingresa tu clave y hacer clic en Siguiente.

34
4. Como ya hemos creado un sitio web, entonces automáticamente nos ubicaremos
en la ventana donde están los sitios creados, para crear un Landing Page, hacer clic
en Crear un Nuevo Sitio.

5. Ahora se muestra una ventana con la pregunta: ¿Qué tipo de página web quieres
crear?, hacer clic en Empresa (luego podemos definir el tipo de categoría final en
la que deseas trabajar).

35
6. Vamos a definir cómo deseas crear tu página web, Clic en Elige una Plantilla.

7. Hacer clic en la subcategoría Próximo lanzamiento, luego elige una plantilla para
personalizarla, hacer clic en la plantilla Próximamente Tienda Online, ya que
crearemos un Landing page para promocionar el lanzamiento próximo de una
tienda online para nuestra empresa de calzados.

36
8. Hacer clic en Editar.

9. Luego procedemos personalizar la plantilla del mismo modo en la que hemos

insertado y personalizado cada uno de los objetos trabajados en el sitio WIX
realizado anteriormente.

Por Ejemplo:

• Insertar textos
• Insertar el logo del negocio
• Insertar una galería con imágenes con modelos de calzados.
• Personaliza el botón para que los usuarios se suscriban a tu negocio.
• Personaliza el botón para que los usuarios se dirijan al Sitio Oficial del
negocio.
• Personaliza las opciones de las redes sociales.

37
1.2. Guardar y Publicar el Landing page
1. Hacer clic en Guardar.

2. Ingresa un nombre, la cual representa el dominio con la cual conocerán la página

web en internet, luego clic en Guardar y Continuar.

3. Hacer clic en Publicar.

4. Inmediatamente se muestra una ventana de felicitación que indica que tu página

fue publicada y lista para ser conocida por el mundo, hacer clic en Ver Sitio.

38
5. Listo, tu página ya se estará visualizando en el navegador, procede a
compartir tu dominio para que el mundo pueda ver tu Landing page.

39
4. GOOGLE FORMULARIOS

Google formularios (Google Forms) es una herramienta que permite realizar formularios y
encuestas, donde se pueden incluir distintos tipos de preguntas como respuestas cortas,
párrafos, selección múltiple, casillas de verificación, desplegable, escala lineal, cuadrícula de
varias opciones, entre otros tipos más; con el propósito de recopilar información de forma fácil
y eficiente para liego someterlos a análisis.
Algunos ejemplos de usos con formulario de Google formularios son:
• Gestionar y controlar las inscripciones a nuestros eventos.
• Llevar información sobre la compra/venta de nuestros productos o servicios.
• Realizar encuestas de satisfacción de clientes.
• Crear formularios con preguntas para investigar mercados.
• Permitir que nuestros clientes realicen pedidos desde nuestra página de Facebook.

2.1 Ingresando a Google Formularios

1. Abre tu cuenta de Gmail
2. Hacer clic Drive que se encuentra en Aplicaciones de Google.

3. Hacer clic en el botón Nuevo.

40
 4. En la lista de opciones, selecciona Más, selecciona Formularios de Google y hacer
clic en Formularios de Google.

5. Inmediatamente, ya muestra el entorno de Google Formularios.

2.2 Entorno de Google Formularios

1. Preguntas
2. Título del Formulario
3. Descripción de la Pregunta
4. Respuestas
5. Panel de comandos
6. Personalizar temas
7. Vista previa
41
 8. Configuración
9. Botón Enviar

1 4 6 7 8 9

3 5

2.3 Crear formulario

1. Clic en la pestaña PREGUNTAS y escribir el Titulo: Entornos Virtuales de
Aprendizaje y escribe una Descripción De La Encuesta.

2. Escribe la pregunta.

3. Si deseas añadir más preguntas, hacer clic en la +

42
2.4 Insertar respuestas
1. Escribe las opciones de la respuesta.

2.5 Tipos de preguntas

Los tipos de pregunta que se puede usar en un formulario son las siguientes:

Respuesta corta
Párrafo
Varias opciones
Casillas
Desplegable
Escala lineal
Cuadricula de varias opciones
Cuadrícula de casillas

En este momento tu formulario estará quedando de la siguiente manera.

43
2.6 Configuración de las Respuestas
1. Hacer clic en la pestaña RESPUESTAS.
2. Hacer clic en los tres puntos.

3. Hacer clic en la opción Crear Una Hoja de Cálculo

4. Escribe un Nombre Para el Archivo

5. Hacer clic en Crear.

2.7 Personalizar Encabezado y Color del Tema

1. Hacer clic en el icono Personalizar temas
2. Añadir una imagen al encabezado, para lo cual debe hacer clic en Elegir Imagen.

3. Para añadir un tema, clic en uno de los colores por defecto caso contrario hacer
clic en + para seleccionar un color personalizado.

44
 4. Seleccione un color personalizado, luego, hacer clic en el botón AÑADIR

2.8 Configuración de la encuesta

1. Hacer clic en el icono Configuración.
2. Recomendablemente activar: Limitar a una Respuesta.
3. Clic en Guardar.

45
2.9 Guardar Formulario

1. Ingresar un nombre para el formulario y presione ENTER, en este momento el

formulario queda almacenado en tu cuenta de Drive.

2.10 Compartir Encuesta

1. Compartiremos el formulario mediante el enlace URL, para lo cual debes hacer clic
en el botón ENVIAR.
2. Hacer clic en Enlace.

3. Recomendablemente activa Acotar URL, luego clic en Copiar.

46
5. REFERENCIAS

WIX en español. Obtenido de https://es.wix.com/

¿Qué es una landing page? Obtenido de https://www.cyberclick.es/que-es/landing-page

Que es una landing page y porque utilizarlas en marketing digital. Obtenido de

https://laculturadelmarketing.com/que-es-landing-page/

Crea atractivos formularios. Obtenido de https://www.google.com/intl/es-

419_pe/forms/about/

La Tienda Virtual. Obtenido de https://www.promonegocios.net/venta/tiendas-virtuales.html

Qué es una tienda online y qué beneficios tiene para tu negocio. Obtenido de
https://www.gadae.com/blog/que-es-una-tienda-online-y-que-beneficios-puede-traer-a-tu-
negocio/

Google forms. Obtenido de https://www.google.com/intl/es-419_pe/forms/about/

Usar Formularios de Google. Obtenido de

https://support.google.com/docs/answer/6281888?co=GENIE.Platform%3DDesktop&hl=es

47