Pode instalar o widget de reserva directamente no seu website, página do Facebook ou conta de Instagram 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 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/en_GB/module/263821-13c83"><img src="https://static.myfourchette.com/uploads/email_campaign/56567_new_GB.png"></a>

VEJA AQUÍ O RESULTADO

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/en_GB/module/263821-13c83" style=" width: 100%; min-height:800px; border:none; overflow:scroll;"></iframe>

VEJA AQUÍ O RESULTADO

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.



screenshot

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 id no iframe:

<iframe class="eltenedor" src="https://module.lafourchette.com/pt_PT/cta/iframe/56567-a3fd1"></iframe>

Cole antes da etiqueta </head> os seguintes estilos:

<style type="text/css">

.eltenedor{
width: 100%;
border:none;
overflow: scroll;
}
/* Media queries widget */
@media only screen and (max-width : 320px) {
    .eltenedor{
    min-height: 840px;
    }
}
@media only screen and (min-width : 321px) and (max-width : 516px){
    .eltenedor{
    min-height: 650px;
    }
}
@media only screen and (min-width : 517px) {
    .eltenedor{
    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%