Embed Size (px)
Citation preview
Documentación y ayuda
NOTA: Como vamos a publicar widgets, te
recomendamos que si tienes dudas a la hora de
crearlos eches un vistazo al éste1 videotutorial,
en el cual se muestra el proceso de creación de
un calendario con botón de reserva.
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?
Documentación y ayuda
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.
Documentación y ayuda
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.
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 éste1.
5. Dentro del contenido HTML introducimos el código hemos copiado desde la página
de Avaibook.com.
1http://www.avaibook.com/ver_videotutorial.php?id=8
PASO 3
PASO 5
PASO 6
PASO 1
PASO 2
Documentación y ayuda
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.
8. En la parte superior derecha encontrarás el botón AÑADIR nuevo contenido.
Pinchamos en ese botón.
PASO 8
PASO 7
Documentación y ayuda
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.
Pulsa en WIDGET y “arrástralo”
hasta cualquier zona de la página.
Por ejemplo a la ZONA 2.
PASO 9
Documentación y ayuda
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.
11. 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 10
PASO 11
Documentación y ayuda
12. Pinchamos en ACTUALIZAR y en la página siguiente pinchamos en GUARDAR para
guardar los cambios que hayamos realizado.
13. LISTO! Ya tenemos nuestra web con el WIDGET de RESERVA integrado.
PASO 12
Documentación y ayuda
WIDGET DE
RESERVAS
INTEGRADO
Esta es la vista de nuestra web con el nuevo “WIDGET de RESERVA”
ya integrado.
Documentación y ayuda
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="http://www.avaibook.com/tureserva> Haz tu reserva </a>
1. Al entrar como usuario, pinchamos en el área del menú principal, la sección de MI PÁGINA.
2. Pinchamos en el Icono de AÑADIR para empezar a crear el nuevo LINK dentro del Menú Principal.
PASO 1
PASO 2
PASO 2
PASO 1
ESTE TEXTO
PUEDES
MODIFICARLO
CON EL TEXTO
QUE TU GUSTES
Documentación y ayuda
3. Seleccionamos el Icono de INFO y “arrástralo” por ejemplo a la ZONA 2.
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 3
PASO 4
Documentación y ayuda
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.
8. Pinchamos en GUARDAR para guardar los cambios que hayamos realizado.
PASO 5
PASO 6
PASO 7
PASO 8
Documentación y ayuda
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
