Insira o seu número de identificação do restaurante e selecione o seu país.
Se não tiver uma conta, use o seguinte UID 313711 para testar
Você pode instalar o widget de reserva do TheFork diretamente no seu site para aumentar suas reservas. O widget pode redirecionar os usuários para uma nova página que contém a plataforma de reservas ou permitir que eles reservem na página atual instalando o widget iframe. O processo de instalação é rápido, fácil e compatível com todos os dispositivos, como desktops, tablets, smartphones etc.
Abaixo, você encontra as etapas para instalar cada uma das opções de widget disponíveis.
Redirecionar para uma nova guia através de texto
Redirecione o widget para uma nova guia, link através de texto. Dê uma olhada no exemplo a seguir.
Cole este código dentro da parte do código do site que você deseja que tenha o hiperlink:
Botão flutuante
Este botão redireciona o widget para uma nova guia fixa e sempre visível. Dê uma olhada no exemplo a seguir.
Cole este código dentro da tag <body> do seu site:
Incorporado ao seu site através de iframe
Dê uma olhada no exemplo a seguir.
Cole este código dentro da tag <body> do seu site:
Link dentro de um iframe adaptado ao tamaño do ecrã (usando Media Queries)
Quando os usuários fazem reservas em plataformas diferentes, o tamanho da tela pode variar. Para criar a experiência de reserva mais fácil, nosso mecanismo de reserva se adapta ao tamanho, comprimento e altura da tela.
Widget durante a reserva
Para evitar uma longitude fixa e impedir que a barra de rolagem apareça, usamos Media Queries para adaptá-lo aos diferentes tamanhos de tela de qualquer dispositivo.
Use um 'classe' no iframe:
Cole os seguintes estilos antes da tag </head>:
<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 agora, a altura do iframe mudará dependendo da largura da tela e do bloco html que o contém. A tabela a seguir mostraa relação das medidas:
|
Altura do widget | Largura do widget | |
|---|---|---|---|
| Até 320px | 840px | 100% | |
| De 321 a 516px | 650px | 100% | |
| A partir de 517px | 550px | 100% |