Este documento proporciona instrucciones sobre cómo optimizar un sitio web de Wix para dispositivos móviles. Explica cómo usar el editor móvil de Wix para cambiar el diseño, agregar, mover u ocultar elementos y crear una barra de acción móvil. También recomienda que el menú móvil sea claro y amigable y que la información importante como métodos de pago sean fáciles de acceder en la versión móvil.

1. PAGINA WEB PARA EMPRENDEDORES

2. LAS REDES SOCIALES Y SU IMPACTO ACADÉMICO Y PRODUCTIVO
Nombre del Autor del contenido
Fanny León Chávez
TABLA DE CONTENIDO
1. WIX MOVIL____________________________________________________________________ 3
1.1. Agregar, Mover, ocultar, cambiar de tamaño __________________________________ 4
1.2 DISEÑO MOVIL__________________________________________________________________ 7
1.3 BARRA DE ACCION MOVIL_________________________________________________________ 9
2. RECOMENDACIONES PARA CREAR UN SITIO MOVIL EXITOSO _________________ 9

3. COMPETENCIAS
Optimizar las herramientas que ofrece wix para el diseño de las páginas.
Innovar en sus diseños de acuerdo a las oportunidades de negocio.
INTRODUCCIÓN
Otra opción adicional de Wix es el editor móvil, que le permitirá a través de la URL o link de
la página wix publicada verla a través de un dispositivo móvil.
Wix le ofrece herramientas adicionales para ajustar su presentación, de manera que todos
los elementos incluidos se vean organizados.
La optimización móvil puede aumentar la participación y satisfacción del cliente, aumentar las
ventas, y ayudar a generar más visitas a su página web.
En cualquier momento puede cambiar el tamaño, el orden, y ocultar elementos para
personalizar su versión móvil sin cambiar la apariencia de su página web principal de PC.
CONTENIDO TEMÁTICO
1. WIX MOVIL
Wix le ofrece el editor móvil para que su página web sea más fácil de ver a través de
dispositivo móvil.
Para acceder simplemente haga clic en el icono de móvil en la parte superior izquierda
del Editor:

4. Aparece una imagen simulando el dispositivo móvil, adicional tendrá un tutorial que
pueda ver u omitir.
Al lado izquierdo aparece el nuevo menú, con opciones propias para dispositivos.
1.1. Agregar, Mover, ocultar, cambiar de tamaño
Desde aquí se puede cambiar la ubicación, el tamaño, ocultar elementos, crear una
Barra de Acción Móvil e incluso cambiar el estilo de ciertos elementos, como es el texto.

5. Para agregar un elemento clic en Items ocultos
-Desde el lado izquierdo del Editor Móvil, se hace clic en el icono del ojo para abrir Items
Ocultos. El elemento que estaba oculto puede que aparezca en otra ubicación diferente a

6. la que fue colocada inicialmente. Podrá reordenar el diseño de manera que pueda acomodar
todos los elementos agregados.
-Para reordenar los elementos dentro de un página del editor móvil, solo déle clic al objeto y
arrástrelo lugar que desee, puede ser a otra página.
-Para mover un elemento hacia adelante o hacia atrás, haga clic en el objeto para
seleccionarlo y luego haga clic en los íconos pequeños que aparecen: Adelante o Enviar
Atrás. El objeto se irá adelante o atrás según sea el caso.
-Para cambiar el tamaño de cualquier objeto de su página wix móvil solo debe hacer clic en
el objeto para seleccionarlo, tendrá puntos alrededor del mismo y con el mouse suspendido
podrá ajustar su tamaño. El tamaño cambiará ya sea para disminuirlo o para ampliarlo.
Enviaratrás
Enviaradelante

7. Finalmente podrá ocultar cualquier objeto de su sitio móvil.
Para ocultar el objeto o elemento, haga clic en el elemento para seleccionarlo. Luego clic en
el ojo y quedará oculto.
Un elemento oculto se puede volver a encontrar, solo haciendo clic en Agregar Elementos
para Móvil desde el lado izquierdo del Editor Móvil y luego clic en Elementos Ocultos.
1.2 DISEÑO MOVIL
En cuanto al diseño móvil, solo podrá cambiar el fondo y el MENU.

8. Recuerde que en la parte izquierda está la opción de Diseño Móvil al darle clic aparecen
dos opciones: Menú Móvil y Fondo Móvil. El Menú Móvil mostrará las páginas que
conforman la web, puede cambiar el color del menú y tamaño. Por la opción de Fondo
móvil puede modificar el color del fondo y hacer las modificaciones pertinentes que le
permita el diseño móvil.
Recuerde que estas modificaciones no modificarán el diseño normal de la página.
(Refuerce este tema a través del video-descargado de youtube)

9. 1.3 BARRA DE ACCION MOVIL
La Barra de Acción Móvil es una capa adicional que aparece cuando se accede al sitio por un
dispositivo móvil. Una vez activada, la Barra de Acción Móvil permitirá a sus visitantes
navegar por su sitio fácilmente. Si añade a su sitio un formulario de contacto podrá acceder
fácilmente.
Para activar la Barra de Acción Móvil: desde la izquierda del Editor Móvil, haga clic en el
ícono Agregar > Barra de Acción Móvil > mueva la palanca de botón rojo a la derecha hasta
que lo vea verde. Esta barra sólo se verá en el dispositivo móvil.
2. RECOMENDACIONES PARA CREAR UN SITIO MOVIL EXITOSO
-Debe ser un sitio amigable y que sorprenda al ingresar a él. Por tanto piense bien en un diseño de
modo que ajuste todos los elementos que conforman su sitio web.

10. -El menú Móvil debe ser claro Menú y amigable: Es posible que se vea grande en el
escritorio pero al verlo pero reducido en su dispositivo puede ser difícil leerlo. Para que sea
fácil navegar a lo largo de su sitio web, el menú de navegación en la versión móvil ha
cambiado a un menú desplegable más amigable y táctil.
-Con los teléfonos móviles, es posible que quiera considerar la posibilidad de dar a sus
clientes elementos adicionales como: ofrecer cupones a través de un código QR que pueda
ser fácilmente obtenido directo desde el smartphone de su cliente. También puede ofrecer
ofertas a través del correo electrónico gracias a las grandes capacidades de visualización
móvil.
-Adicionalmente las compras realizadas en tablets y smartphones aumentan constantemente,
¡lo que significa que la versión móvil de su tienda online necesita ser espectacular! Asegúrate
de que toda la información importante y necesaria para que su venta se realice, como botones
de acción, métodos de pago y las formas de contacto se vean de manera clara y sean de fácil
acceso en la versión móvil de su sitio.
ACTIVIDADES
-Termine su sitio web, modifique y optimice su página de PC a wix móvil.
-Comparta su sitio y veálo a través de cualquier dispositivo móvil (celular, tablet)