Instalação na web
Pode instalar o widget de reserva directamente no seu website para a aumentar as suas reservas.
O widget tanto pode redirecionar utilizadores a uma nova página que contenha a plataforma de reservas ou ainda permitir que façam as suas reservas através da instalação do iframe widget. A escolha é sua! O processo de instalação é rápido e fácil, compatível com todos os dispositivos como computadores, tablets, smartphones, etc.
Abaixo pode encontrar os passos para instalar cada uma das opções de widgets.
Redirecionar para um novo separador, link dentro de um texto
Use o seguinte link para o seu widget:
<a href=" LINK DEL WIDGET ">Texto</a>
Paste the resulting code into your site.
EXEMPLO
<a href="https://module.lafourchette.com/pt_PT/module/263821-13c83">Online Booking</a>
Redirecionar para um novo separador, link dentro de um botão
Mude o texto para um botão:
<a href=" LINK DEL WIDGET "><img src="/imagen.png"></a>
Cole o código originado no seu site.
EXEMPLO:
<a href="https://module.lafourchette.com/pt_PT/module/263821-13c83"><img src="https://static.myfourchette.com/uploads/email_campaign/56567_new_GB.png"></a>
Embutido no seu site através do iframe
Usando o seguinte código:
<iframe src=" LINK DEL WIDGET " style="width: 100%; min-height:800px; border:none; overflow:scroll;"></iframe>
EXEMPLO:
<iframe src="https://module.lafourchette.com/pt_PT/module/263821-13c83" style=" width: 100%; min-height:800px; border:none; overflow:scroll;"></iframe>
Link dentro de um iframe adaptado ao tamaño do ecrã (usando Media Queries)
Como fazer para que o seu widget se adapte aos diferentes tipos de ecrã de forma automática. O nosso módulo de reservas tem uma longitude dinâmica, quer dizer que o tamanho da altura difere durante o proceso de reserva.
Widget durante a reserva
Para não termos uma longitude fixa em todos os casos e evitar que apareça o scroll usamos media queries para adpatá-lo aos diferentes tamanhos de ecrã de qualquer dispositivo.
Utiliza um class no iframe:
<iframe class="thefork" src="https://module.lafourchette.com/pt_PT/module/56567-a3fd1"></iframe>
Cole antes da etiqueta </head> os seguintes 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 agora a altura do iframe irá trocando em função do comprimento do ecrã e do html que contem. Na seguinte tabela indica a relação entre as medidas:
Largura do ecrã | Altura do widget | Largura do widget |
---|---|---|
Até 320px | 840px | 100% |
De 321 a 516px | 650px | 100% |
A partir de 517px | 550px | 100% |