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 ...........................................................8
1.3 Guardar y publicar el sitio web .........................................................................19
2. TIENDA VIRTUAL ............................................................................................................................21

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

1.2 Publicar la tienda virtual ...................................................................................26
3. BIBLIOGRAFÍA ................................................................................................................................28

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 para ofertar y vender nuestros productos.

CAPACIDAD
Sitio web.

TEMÁTICA
1. Sitio web en WIX.
2. Tienda virtual

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 Omitir o Empezar Ahora para crear tu página web con el editor.

5
7. Me solicitara alguna información adicional, necesaria para el dearrollo de
nuestras paginas.

a Tipo de Sitio Web

b Nombre de la Empresa

c Se mostrar las paginas que deben ser agregadas (recordar

que dependiendo del tipo de servicio que se creará
aparecerá la Tienda Online – sino esta puede ser agregada
durante el diseño)

6
 d Ahora ya tenemos todo listo, solo nos falta seleccionar la
plantilla que se usara para nuestro diseño

8. Seleccionamos la plantilla que vamos a utilizar en el desarrollo de nuestra pagina.

Para reducir la búsqueda podemos escoger la categoría a utilizar.

9. Por el tipo de caso que estamos presentando seleccionare Food Truck.

10. Ubico mi puntero mostrar dos alternativas y selecionare EDITAR.

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

1.2 Entorno de la ventana del Editor de WIX

C
B

A. Personalizar Elementos
B. Editor de Sitio
C. Guardar, previsualizar y publicar el sitio

A. Selector de páginas a editar: Permite seleccionar la página web que desea ir, editar,
eliminar o agregar.

8
B. Si deseo Editar una de las paginas debo hacer clic en el circulo de la derecha con
3 puntos el cual me mostrara todas las alternativas de modificación.

C. Si deseo Agregar una pagina debo ir a la parte inferior y seleccionar Agregar

Pagina

D. Nos mostrara toda una galería de paginas que podemos crear y que están
disponibles para el usuario, asi mismo si deseamos crear una pagina en Blanco
hacemos clic en el botón Pagina en Blanco.

9
E. Agrego el Nombre de la pagina que voy Adicionar

F. Si quisiéramos cambiar de posición a una de las paginas, en el lado izquierdo se

verán unos 6 puntos, ubicamos el puntero y arrastramos ya sea arriba o abajo
según la posición que se desea ubicar

G. Para alterar el contenido Textual, debemos hacer clic sobre el texto que
deseamos alterar y se activara un menú de herramientas que nos permitirá
personalizar.

10
H. Al hacer clic en el botón EDITAR TEXTO, nos mostrara un cuadro de
herramientas donde encontraremos: Fuente, Tamaño, Tipo, Color, Estilo, etc

I. Si cambias el color del texto, se mostrara una paleta de colores, donde podras
primero seleccionar en el Panel el color que deseas usar, e ir aumentando o
disminuyendo la intensidad del mismo.

J. Si deseas colocar una sombra a un texto, tenemos EFECTOS

11
K. Debemos entender que cada elemento dentro de Wix es un OBJETO, por
ejemplo el texto esta dentro de una CAJA si hacemos clic en la caja se mostrara
una Barra de Herramientas de la caja, la cual cambiara de forma, o color

L. Ejemplo puedes cambiar el color de fondo

M. Como hemos indicado, cada elemento en WIX son objetos por lo tanto hacemos
clic en el objeto FRANJA y veremos que podemos cambiar el fondo del mismo de
la siguiente manera:

12
N. Para agregar una imagen, tenemos varias opciones, podemos poner fondo,
imágenes o videos, también poder utilizar las imágenes o videos que nos ofrece
Wix. Vamos hacer clic en el botón IMAGEN

O. Aparecerá una ventana, donde podríamos elegir imágenes de Wix o seleccionar

nuestras imágenes, si deseamos seleccionar nuestras imágenes hacemos clic en
SUBIR MULTIMEDIA.

P. Mostrándonos una ventana que nos permitirá extraer imágenes de nuestra

computadora así como de otros lugares de la web o redes sociales

13
Q. Se abrirá la ventana donde debo seleccionar las imágenes que voy a adicionar a
la pagina.

R. Las imágenes se van a descargar, de las cuales debemos seleccionar la(s)

imagene(s) que vamos a utilizar.

S. Selecciono una de las imágenes y doy clic en Seleccionar Imagen

14
T. Observaremos que la imagen se coloco de fondo.

U. Si deseamos agregar otros elementos que no vemos en la pagina, como botones,

imágenes independientes, cuadros galerías, debemos ir al menú de la izquierda
de Wix y seleccionar AGREGAR ( + ). Por ejemplo quiero agregar el logo de la
empresa.

V. Sigo los pasos anteriores, selecciono la imagen, y lo cargo

15
W. Se mostrar la imagen de manera independiente, la redimencionamos y la
colocamos en el lugar que la necesitamos

X. En la Pagina en Blanco GALERIAS agregaremos una GALERIA DE IMÁGENES, para

ello nos vamos al menú de la izquierda y clic en AGREGAR y seleccionamos
GALERIAS- Buscamos CARRUSEL y doble clic

16
Y. Se mostrara de la siguiente manera :

Z. Seleccionamos CAMBIAR IMAGEN

AA. Se mostrara una galaeria de imágenes, si deseamos eliminar una de ellas,

acercamos el puntero y mostrara a la derecha inferior un tachito, hacemos clic y
se eliminara.

BB. Para agregar imágenes, hacemos clic en el botón naranja (derecha superior) que
dice AGREGAR IMÁGENES

17
CC. Se mostrarán las imágenes seleccionadas, y damos en ACEPTAR

DD. La galería se vería de la siguiente forma.

EE. Para vincular a otras paginas desde algún objeto ya sea botón, o grafico
debemos hacer clic en el icono LINK como se muestra en la figura

FF. Se mostrar la siguiente ventana

18
 - Ninguna ubicación – No hay enlace con página alguna
- Página – Usado para movernos en las páginas existentes diseñadas
- Dirección web – Para llamar a paginas externas con su dirección web
- Pie de Página / Encabezado – Ir al Pie o encabezado de nuestras paginas
- Documento – Permite llamar a un work, Excel, powerpoint, imagen, pdf.
- Email – Ir a un correo especifico
- Numero telefónico – Poder usar el whatsapp del grupo.

GG. Opciones de almacenamiento y publicación:

Zoom Deshacer/Rehacer Guardar Vista Previa Publicar

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

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

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.

20
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. Como vimos al inicio, muchas veces el sistema nos permite seleccionar la tienda
virtual directamente y aparecería como parte de la plantilla de la pagina.

2. En caso no se muestre podemos agregarlo desde el menú vertical de la izquierda

en AGREGAR (+ ) – Buscamos ahí Tienda Virtual.

21
3. Sea cualquiera de las dos formas, se mostrará la siguiente Ventana:

4. Hacemos clic en Editar – Nos llevara a un Panel Administrativo – donde podemos

Adicionar – Editar – Borrar. Productos que ofrecemos.

5. Si hacemos doble clic en una de las imágenes, este mostrara el Editor del mismo,
mostrándonos mayor información del mismo.

22
 6. Le hago doble clic a la imagen y me mostrara la ventana de Imágenes personales,
de la cual selecciono la imagen que deseo cambiar, quedando de la siguiente
manera:

7. Podemos agregar información general del producto como: Nombre, Descripcion, Precio,
Ofertas, si fuese artículos como ropa el color, establecer un código para su
almacenamiento o identificación.

8. Una vez modificado el producto quedaría de la siguiente manera :

9. Del mismo modo puedo hacer con los demás productos que se van a Ingresar o Editar.
10. Por otro lado WIX cuenta con un EDITOR de IMÁGENES, para eso debemos dar clic en el
LAPIZ que se encuentra en la parte superior derecha de la imagen, este abrirá un editor
para poder hacer cambios a la imagen que estamos seleccionando.

23
11. En el editor, puedes alterar la intensidad, el color, la luminosidad, agregar texto a la
imagen, etc.

12. En la Pagina se vería de la siguiente manera:

13. Ahora si hacemos doble clic sobre la imagen estando en VISTA PREVIA se vera el producto
en mayor tamaño con la descripción que hemos proporcionado en el PANEL
ADMINISTRATIVO-

24
14. Si le indicamos Agregar Carrito se mostrara de la siguiente
manera :

25
1.2 Publicar la tienda virtual

1. Ubicarse en la vista de edición del sitio web.

2. Hacer clic en Publicar.

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

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

26
5. Para poder salir hacemos clic en el LOGO de WIX que esta en la parte superior
Izquierda.

6. Esta nos llevara a nuestro panel de control, donde podemos seguir creando nuevos
sitios o editando los existentes, como salir de Wix.

27
3. BIBLIOGRAFÍA

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

28