Pagina wix módulo 4
- 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)