Guia SitPup
Como adicionar um widget de reservas ao Wix
O Wix dá-te duas formas diferentes de adicionar código de incorporação, e não servem para a mesma coisa. Isto cobre qual escolher, mais o passo do layout móvel que os utilizadores do Wix costumam descobrir tarde demais.
5 min de leitura
Página SitPup relacionada: Widget de reservas
Termina primeiro a configuração na SitPup
A parte do Wix demora um par de minutos. A parte que decide se o fluxo de reservas é realmente útil acontece antes, na SitPup.
Abre a página Widget, adiciona os teus serviços com preços e capacidade, ativa os animais que aceitas, define a tua disponibilidade na página Calendário, depois publica a partir da secção Incorporar widget. Publicar é o que gera o teu código, por isso não há nada para colar até isto estar feito.
Opção 1: incorporar um widget, para uma única página
Esta é a escolha certa quando queres o botão num sítio específico numa página específica, posicionado visualmente como qualquer outro elemento.
- 1
Abre o painel adicionar
No editor Wix, clica no ícone de mais na barra lateral esquerda.
- 2
Escolhe incorporar, depois incorporar um widget
Dependendo da tua versão do Wix, pode aparecer listado como "Código Incorporado" ou "Incorporações Personalizadas". Levam ao mesmo sítio.
- 3
Cola o código da SitPup
Clica no elemento de incorporação, escolhe a opção de introduzir código, e cola as duas linhas.
- 4
Redimensiona e posiciona o elemento
O Wix apresenta a incorporação dentro de uma caixa fixa que arrastas e redimensionas. Dá-lhe a largura total da tua coluna de conteúdo e altura suficiente para o botão não ficar cortado.
O Wix executa incorporações dentro da sua própria moldura. Isso não é problema aqui: o widget é autónomo e não precisa de acesso ao resto da tua página para funcionar.
Opção 2: código personalizado, para o site todo
Se quiseres o botão em várias páginas, adicionar um elemento de incorporação a cada uma à mão torna-se cansativo e inconsistente. O Wix tem uma definição própria para isto.
Vai a Definições, depois Código Personalizado, e adiciona lá o código da SitPup. Escolhes em que páginas carrega, todas ou uma seleção específica, e se carrega no head ou no fim do body. Para um botão de reserva, o body é a escolha certa.
O Código Personalizado está disponível nos planos pagos do Wix com um domínio ligado. Num site Wix gratuito vais precisar do caminho Incorporar um Widget.
Onde colocá-lo num site de cuidados de animais
O botão converte melhor onde um visitante acabou de ler algo que o faz querer reservar. Em sites de cuidados de animais, isso costuma ser o final de uma descrição de serviço, logo depois dos teus preços, ou como primeira opção na tua página de contacto, acima do formulário de contacto.
O fundo de uma página inicial longa é a posição mais fraca, porque assume que as pessoas descem até lá, e as análises em sites de pequenos negócios mostram consistentemente que a maioria não desce. Se estás a decidir entre dois sítios, usa ambos; o mesmo código funciona em quantos sítios quiseres.
Verifica o layout móvel separadamente
Este é o passo específico do Wix que as pessoas ignoram. O Wix mantém um layout móvel separado do de computador, e os elementos que posicionas no computador nem sempre caem bem no telemóvel.
Muda para a vista móvel no editor e olha especificamente para a incorporação. Os problemas comuns são o elemento ficar totalmente escondido, reduzido a ponto de o botão ficar ilegível, ou sobrepor-se à secção abaixo. Corrige isso lá, porque a maioria dos teus visitantes vai ver essa versão em vez da de computador.
Publica, depois envia uma reserva de teste real
As alterações no editor Wix não ficam ativas até publicares, por isso o primeiro passo é óbvio mas fácil de esquecer com pressa.
Depois abre o URL publicado numa janela de navegador privada, clica no botão, e envia um pedido de teste genuíno com datas e dados do animal preenchidos. Verifica que aparece em Reservas no teu painel SitPup com tudo o que esperavas ver. Repete o clique no teu telemóvel. Só depois envies tráfego real para a página.
Pontos principais
- Configura serviços, preços e disponibilidade na SitPup e publica antes de abrires o editor Wix.
- Usa Incorporar um Widget para uma página; usa Definições, depois Código Personalizado, para um botão em todo o site.
- O Código Personalizado precisa de um plano Wix pago com um domínio ligado.
- O Wix mantém um layout móvel separado: verifica e corrige a incorporação lá também.
- Publica, depois testa a partir da página ativa no computador e no telemóvel antes de enviares tráfego.
Obtém o teu botão de reserva para Wix
Configura o formulário, publica, e cola o excerto num elemento de incorporação ou em Código Personalizado.