Introduce el número de identificación de tu restaurante y selecciona tu país.
Si no tiene una cuenta, utilice el siguiente UID de test 313711
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% |