Plano WIX gratuito
Para um plano gratuito, o construtor WIX tem limitações e é impossível incorporar o widget de reserva online Altegio para abri-lo na tela padrão. Uma das opções mais relevantes é instalar o widget de reservas online usando <iframe>.
Instruções passo a passo
1. Abra o editor WIX e vá para a seção Loja. Clique no botão Incorporar site.
2. Haverá uma área para criação de um site aberto.
3. Para definir um link para um widget de reserva online neste bloco, clique nele e você verá o botão Digite o endereço do site. Clique neste botão.
4. Adicione o link do widget Altegio e clique no botão Atualizar.
5. Salve o site na visualização de design e publique-o.
Plano pago WIX
Para instalar uma reserva online em um botão personalizado do WIX, seu próprio domínio deve estar conectado ao site.
Instalando uma reserva online no WIX (botão Altegio)
1. Abra o modo de edição do site. No menu superior, selecione Configurações – Códigos de análise.
2. Pressione o botão + nova ferramenta, selecione Novo código no menu suspenso.
3. No campo para inserir o trecho de código, cole o código do botão padrão obtido na guia Reserva on-line > Widget de reserva on-line > widget > Código do botão. Em “Onde colocar o código?” especifique Corpo – fim. Clique no botão Adicionar.
4. Clique em Salvar e publique um site.
Instalando uma reserva online em um botão personalizado do WIX
1. Adicione um botão na visualização de design que será um botão para reservas online.
2. Nas configurações do link, especifique Onde este item leva – Endereço da Web – Insira um link para seu formulário de reserva online como https://nXXXXXX.alteg.io
Você pode encontrar o link no widget Reserva online > Reserva online, à direita do nome do formulário de reserva online.
3. Salve e publique o site.
4. Abra o modo de edição do site. No menu superior, selecione Configurações – Códigos de análise. Clique no botão + nova ferramenta, selecione Novo código no menu suspenso.
5. No campo do código, cole o seguinte código:
<script async src="https://wXXXXXX.alteg.io/widgetJS"></script>
<script>
let elem = document.querySelectorAll('[href^="https://nXXXXXX.alteg.io”]');
for (i = 0; i < elem.length; i++) {
elem[i].classList.add('ms_booking');
}
</script>
XXXXXX deve ser substituído pelo identificador do seu formulário de reserva online, você pode encontrá-lo no link.
Por exemplo, no linkhttps://n193246.alteg.io/, o identificador é os números193246.
Exemplo de código:
<script async src="https://w193246.alteg.io/widgetJS"></script>
<script>
let elem = document.querySelectorAll('[href^="https://n193246.alteg.io”]');
for (i = 0; i < elem.length; i++) {
elem[i].classList.add('ms_booking');
}
</script>
6. No parágrafo “Onde colocar o código?” indicar Corpo – fim. Clique no botão Adicionar.
7. Salve e publique o site.
Comentários