Adicione um botão Agendar ao seu próprio site. Os clientes agendam em um painel que se abre sobre a sua página, assim nunca saem do seu site, e o agendamento entra na sua agenda como qualquer outro.
Antes de começar
- Quem pode fazer isso: administradores e proprietários copiam o código. Quem edita o seu site faz a colagem.
- Ative o agendamento online primeiro. O botão abre a sua página de agendamento. Consulte Configurar agendamento online.
Adicionar o botão ao seu site
Abra a configuração
Acesse Configurações → Reserva → Agendamento online.
Copie o código
Em Incorporar ao seu site, selecione Copiar.
Cole no seu site
Cole no HTML da sua página ou no bloco de HTML personalizado ou de incorporação do seu construtor de sites. Squarespace, Wix e WordPress têm essa opção.
Publique o seu site
Salve e publique a página no seu construtor de sites.
O que o código faz
O código tem duas partes:
| Parte | O que faz |
|---|---|
<script src=".../embed/book.js" async> | Carrega o botão de agendamento uma vez por página, sem deixar a página lenta |
<a data-owneli-book="your-business">Book an appointment</a> | O botão. Qualquer item com data-owneli-book abre o agendamento. |
data-owneli-book="your-business" nele em vez de usar o link do código. Vários botões na mesma página funcionam normalmente, carregando o script apenas uma vez.Se você adicionou o botão de agendamento ao seu site há algum tempo, ele continua funcionando como está. Não é necessário colar o novo código.
Escolha como ele abre
Em Como abre, ao lado do código, escolha como o agendamento aparece sobre a sua página:
| Escolha | O que os clientes veem |
|---|---|
| Pela direita | Um painel desliza a partir da direita. Este é o padrão. |
| Pela esquerda | Um painel desliza a partir da esquerda. |
| De baixo | Uma aba sobe a partir da parte inferior da página. |
| De cima | Uma aba desce a partir da parte superior da página. |
| No centro | Uma janela se abre no meio da página. |
Sua escolha é salva na sua empresa, para que o seu site a reconheça em poucos minutos sem precisar de edições. Em celulares, De baixo continua como aba e as outras opções preenchem a tela.
data-owneli-open="bottom" nele, ou right, left, top ou modal. Um botão cujo código já contenha data-side="left" ou data-owneli-mode="modal" continuará abrindo dessa maneira.Sua política de pagamento se aplica normalmente e, se você usa rastreamento de conversão, um agendamento é contabilizado no seu site de forma automática.
Verifique se funcionou
Abra o seu site em uma janela anônima e selecione o botão. A sua página de agendamento se abrirá sobre o seu site com os seus serviços. Ao fechá-la, a página continuará ali.
Se algo der errado
Nada acontece quando clico no botão
Verifique se a linha do <script> também foi colada e se o construtor do seu site não a removeu. Alguns construtores só permitem scripts em planos pagos.
Meu site tem uma Política de Segurança de Conteúdo (CSP)
Se um desenvolvedor ou plugin de segurança tiver adicionado uma, autorize o endereço presente no <script src> do seu código, por exemplo https://owneli.com, tanto em script-src quanto em frame-src. Nada mais precisa ser alterado.
Não consigo editar meu site
Em vez disso, compartilhe o Seu link público a partir da mesma aba, por exemplo, na bio do seu Instagram.