Introduce el enlace del widget de reservas de tu restaurante y selecciona tu país.
Puede instalar el widget de reserva de ElTenedor directamente en su sitio web para aumentar su capacidad de reserva. El widget puede redirigir a los usuarios a una nueva página que contenga la plataforma de reservas o permitirles reservar en la página actual instalando el widget de iframe. El proceso de instalación es rápido y fácil y es compatible con todos los dispositivos, como computadoras de escritorio, tabletas, teléfonos inteligentes, etc.
A continuación puede encontrar los pasos para instalar cada una de nuestras opciones de widgets disponibles.
Hipervínculo en un texto
Redirige el widget a una nueva pestaña a través de un texto. Eche un vistazo al siguiente ejemplo.
Pega este código dentro de la parte de la web donde quieras que aparezca el hipervínculo:
Floating button
Este botón tiene una posición fija y siempre está visible. Redirige el widget a una nueva pestaña. Echa un vistazo al siguiente ejemplo.
Pega este código dentro de la etiqueta <body> de tu sitio web:
Incrustado en la web dentro de un iframe
Echa un vistazo al siguiente ejemplo.
Pega este código dentro de la etiqueta <body> de tu sitio web.
Enlace dentro de un iframe usando media queries
Como hacer que tu widget se adapte a los diferentes tipos de pantalla existentes de forma automática.
Widget durante la reserva
Para no tener una longitud grande fija en todos los casos y evitar que aparezca el scroll utilizamos media queries para adaptarlo a los diferentes tamaños de pantalla de cualquier dispositivo.
Utiliza una clase en el iframe:
Pega antes de la etiqueta </head> los siguientes estilos:
<style type="text/css">
.thefork{
width: 100%;
border:none;
overflow: scroll;
}
/* Media queries widget */
@media only screen and (max-width : 320px) {
.thefork{
min-height: 840px;
}
}
@media only screen and (min-width : 321px) and (max-width : 516px){
.thefork{
min-height: 650px;
}
}
@media only screen and (min-width : 517px) {
.thefork{
min-height: 550px;
}
}
</style>
A partir de ahora el alto del iframe cambiará en función del ancho de la pantalla y del bloque html que lo contiene. En la siguiente tabla se indica la relación de medidas.
| Ancho de pantalla | Alto widget | Ancho widget |
|---|---|---|
| Hasta 320px | 840px | 100% |
| De 321 a 516px | 650px | 100% |
| A partir de 517px | 550px | 100% |