O código personalizado permite ir além das opções de design integradas. Use-o para ajustar estilos, adicionar um banner de cookies ou carregar um script de terceiros no seu site de reservas.
Antes de começar
- Seu salão está no plano Ultimate.
- Você tem a função Super Administrador ou Proprietário.
- Você tem familiaridade com HTML, CSS ou JavaScript. Um código com erro pode quebrar seu site de reservas.
Só quer acompanhar as visitas? Você não precisa de código personalizado. Conecte o Google Analytics, o Google Tag Manager ou o Meta Pixel como integração. Consulte Acompanhe visitas com Google Analytics, Tag Manager ou Meta Pixel.
- 1
Etapa 1 de 4
Abra as configurações de código personalizado
Acesse Configurações › Aparência › Personalizado. Você vê três cartões: HTML Personalizado, CSS Personalizado e JS Personalizado.
- 2
Etapa 2 de 4
Adicione seu código
Cole ou escreva seu código no editor do cartão de que você precisa:
- O HTML Personalizado é adicionado no fim de todas as páginas.
- O CSS Personalizado é adicionado como folha de estilos em todas as páginas.
- O JS Personalizado roda em todas as páginas depois que elas carregam. Escreva JavaScript puro, sem as tags
script.
- 3
Etapa 3 de 4
Salve
Clique em Salvar no fim do cartão. Cada cartão é salvo separadamente.
Você verá:Aparece a mensagem Configurações Atualizadas.
- 4
Etapa 4 de 4
Teste seu site
Abra seu site de reservas em uma nova janela anônima e confira se as páginas aparecem corretamente e se você ainda consegue concluir um agendamento.
Onde seu código roda
Seu código roda em todas as páginas do seu site de reservas, incluindo o fluxo de reserva, as páginas da conta do cliente e suas páginas personalizadas. Ele também roda dentro do seu widget de reservas quando você o incorpora em outro site.
Ele não roda no painel do Softalon.
Se você mudar de plano
Se seu salão passar para um plano sem código personalizado, seu código deixa de rodar no site. Ele continua salvo, então volta a funcionar se você retornar ao plano Ultimate.
O JavaScript personalizado roda em páginas onde os clientes informam dados pessoais e de pagamento. Só adicione scripts de fontes em que você confia.
Se algo não funcionar
Meu site ficou quebrado depois de adicionar CSS
Limpe o editor de CSS Personalizado, clique em Salvar e recarregue seu site. Depois adicione suas regras de volta aos poucos para encontrar a que causa o problema.
Meu script não roda
Verifique se você colou apenas o JavaScript em JS Personalizado, sem as tags script em volta. Tags script colocadas em HTML Personalizado não rodam. Para carregar um arquivo de script externo, crie-o a partir do JS Personalizado:
var s = document.createElement("script");
s.src = "https://example.com/widget.js";
document.body.appendChild(s);
Perguntas frequentes
Não. O código personalizado vale para todas as páginas. Seu JavaScript pode verificar o endereço da página se ele só deve agir em algumas páginas.