Implementación de widgets AvaiBook en MyEgoo.com

Transcripción

1 Implementación de widgets AvaiBook en MyEgoo.com Introducción MyEgoo es una plataforma de creación de páginas web para particulares y para empresas. Se trata de un site builder orientado a usuarios con conocimientos limitados de diseño y desarrollo web o que desean tener su página online en el menor tiempo posible, con dominio y alojamiento incluidos. Si es tu caso, y no sabes cómo colocar widgets en la página, aquí te explicaremos detalladamente todos los pasos. A nuestra izquierda se muestra el aspecto de una página prácticamente vacía. Cómo podríamos poner nuestros WIDGETS? NOTA: Como vamos a publicar widgets, te recomendamos que si tienes dudas a la hora de crearlos eches un vistazo al éste 1 videotutorial, en el cual se muestra el proceso de creación de un calendario con botón de reserva.

2 Formas de crear tu menú para RESERVAS. Existen dos formas de crear los menús para que los visitantes puedan realizar reservas. Creando un WIDGET. Creando un LINK DIRECTO DE RESERVA dentro del MENU PRINCIPAL.

3 A. CREANDO UN WIDGET 1. Lo primero de todo al entrar como usuario, pinchamos en el área del menú principal la sección de CONTENIDO. PASO 1 PASO 2 2. Pinchamos en el Icono de WIDGET para empezar a crear el nuevo Widget. 3. Añadimos el Título que queramos. Por ejemplo: Reservas. 4. Antes de continuar, necesitamos tener un widget. Si no sabes cómo crearlos, te recomendamos echar un vistazo a nuestros videotutoriales, en especial ahora mismo a éste Dentro del contenido HTML introducimos el código hemos copiado desde la página de Avaibook.com. PASO 3 PASO 5 PASO 6 1

4 6. Al terminar de editar el WIDGET pinchamos el botón de PUBLICAR. 7. En el Menú Principal pinchamos en la sección de MI PÁGINA. Lo que esta sección nos muestra es una imagen en miniatura de la estructura actual de la página y su contenido. PASO 7 PASO 8 8. En la parte superior derecha encontrarás el botón AÑADIR nuevo contenido. Pinchamos en ese botón.

5 9. Una vez dentro de esta sección encontraremos unas cuantas funcionalidades que puedes integrar en tu página. Veras que la estructura de la página se divide en ZONAS. PASO 9 Pulsa en WIDGET y arrástralo hasta cualquier zona de la página. Por ejemplo a la ZONA 2.

6 10. Debajo del Icono del Widget que hemos arrastrado, al pasar el ratón por encima se desplegara una opción para configurar el WIDGET. PASO Al darle a configurar nos abrirá una nueva vista donde podemos elegir el WIDGET que hayamos creado. En nuestro caso el WIDGET de RESERVAS. El Titulo será el que aparecerá arriba de nuestro widget. Te aconsejamos que pongas un título que haga referencia al WIDGET como en el siguiente ejemplo. PASO 11

7 12. Pinchamos en ACTUALIZAR y en la página siguiente pinchamos en GUARDAR para guardar los cambios que hayamos realizado. PASO LISTO! Ya tenemos nuestra web con el WIDGET de RESERVA integrado.

8 Esta es la vista de nuestra web con el nuevo WIDGET de RESERVA ya integrado. WIDGET DE RESERVAS INTEGRADO

9 B. CREANDO UN LINK DIRECTO AL PROCESO DE RESERVA EN EL MENU PRINCIPAL Primero que todo creamos un Código para mostrar el link. Esto se crea dentro del mismo modo que hemos creado el widget anterior: NUEVO WIDGET dentro de AVAIBOOK.COM. El widget que tenemos que seleccionar es URL DIRECTA AL PROCESO DE RESERVAS. El código que tenemos que copiar es un link a nuevas reservas parecido al siguiente: <a href=" Haz tu reserva </a> ESTE TEXTO PUEDES MODIFICARLO CON EL TEXTO QUE TU GUSTES 1. Al entrar como usuario, pinchamos en el área del menú principal, la sección de MI PÁGINA. PASO 1 PASO 2 2. Pinchamos en el Icono de AÑADIR para empezar a crear el nuevo LINK dentro del Menú Principal.

10 3. Seleccionamos el Icono de INFO y arrástralo por ejemplo a la ZONA 2. PASO 3 4. Debajo del Icono del Icono INFO que hemos arrastrado, al pasar el ratón por encima se desplegara la opción de CONFIGURAR. PASO 4

11 5. Añadimos el código que habíamos copiado anteriormente donde dice TÍTULO. 6. Ponemos a OFF la opción de Mostrar en la página de inicio. 7. Pinchamos en el botón de ACTUALIZAR. PASO 5 PASO 6 PASO 7 8. Pinchamos en GUARDAR para guardar los cambios que hayamos realizado. PASO 8

12 9. LISTO! Ya tenemos nuestra web con el LINK DIRECTO AL PROCESO DE RESERVA integrado. Esta es la vista de nuestra web con el nuevo LINK DIRECTO AL PROCESO DE RESERVA ya integrado. LINK DIRECTO AL PROCESO DE RESERVAS