Avançado

Quando sua página for muito longa, você pode querer dar aos seus usuários uma opção para rolar rapidamente de volta para o topo da página.

1. Adicionando o "Rolar para o topo":
   • Arraste e solte "Avançado" da barra de ferramentas principal;
   • Selecione o widget Rolar para o topo;
2. Personalização do botão:
   • Layout:
     Selecione o plano de fundo do contador na barra de ferramentas direita.
   • Plano de fundo:

     Selecione o layout e clique no ícone de plano de fundo na barra de ferramentas direita, escolha a cor e a opacidade do plano de fundo do botão;
     Ou carregue uma imagem/vídeo;

   • Posição:

     Altere a posição do botão no layout na barra de ferramentas direita;

   • Tamanho:

     Ajuste o tamanho do botão ou marque a opção "Permitir ajuste automático" na barra de ferramentas direita;

3. Personalizando a imagem:
   • Cor do ícone:
     Selecione o plano de fundo do contador na barra de ferramentas direita;
   • Plano de fundo:

     Selecione o layout e clique no ícone de plano de fundo na barra de ferramentas direita, escolha a cor e a opacidade do plano de fundo do botão;

   • Borda:

     Clique em borda na barra de ferramentas à direita. Selecione largura, cor e estilo para a borda. Você também pode selecionar ter bordas e cantos diferentes;

4. Adicionando ao botão:
   • Arraste e solte "Botão" da barra de ferramentas principal;
   • Escolha a composição do botão;
   • Selecione "Botão" na barra de ferramentas direita e clique no ícone ao lado de URL;
   • Selecione "Rolar para o topo";
   • Clique no botão "Aplicar".

1. Arraste e solte "Avançado" da barra de ferramentas principal;
2. Escolha a composição Booka.place;

1. Insira seu "Nome de Login" do Booka.place;
2. Escolha o "Número do Alojamento";
3. Insira o "Número da Aplicação";
4. Personalize a "Cor do texto" e a "Cor do fundo" clicando no ícone ao lado de cada opção;
5. Selecione a "Data de início" e a "Data de término" nos menus suspenso;
6. Defina o número de 'Meses' a serem exibidos no calendário.

1. Adicionar o AdSense:
   • Arraste e solte "Avançado" da barra de ferramentas principal;
   • Escolha a composição AdSense;
   • Clique em Código HTML e insira o código do AdSense.
     O conteúdo do código deve estar configurado como "Desativar conteúdo enquanto estiver no criador (recomendado)" para evitar interferências no criador.
2. Personalizar o AdSense::
   • Tamanho:
     Ajuste o tamanho do elemento ou selecione "Permitir ajuste automático de tamanho" na barra de ferramentas à direita.

1. Adicionar Google Calendar:
   • Arraste e solte "Avançado" da barra de ferramentas principal;
   • Escolha a composição Google Calendar;
   • Insira o ID do calendário do Google na barra de ferramentas à direita.
2. Personalizando o Google Calendario:
   • Nome do calendário:
     Insira o nome do calendário na barra de ferramentas à direita.
   • Idioma:
     Selecione o idioma na lista suspensa na barra de ferramentas à direita.
   • Fuso horário:
     Selecione o fuso horário na lista suspensa na barra de ferramentas à direita.
   • Primeiro dia:
     Selecione o primeiro dia da semana na lista suspensa na barra de ferramentas à direita.
   • Cor de fundo:
     Clique em Cor de fundo na barra de ferramentas à direita.
   • Modo de exibição:
     Selecione semana / mês / agenda na barra de ferramentas à direita.
   • Opções:
     Selecione opções adicionais na barra de ferramentas à direita.
   • Tamanho:
     Ajuste o tamanho do elemento ou selecione "Permitir ajuste automático de tamanho" na barra de ferramentas à direita.

1. Adicionar Tabela:
   • Arraste e solte "Avançado" da barra de ferramentas principal;
   • Escolha a composição Tabela;
   • Insira o "Espaçamento das células" na barra de ferramentas à direita.
2. Personalizar a Tabela:
   • Inserir linha/coluna:
     Clique com o botão direito do mouse, selecione "Inserir" e escolha uma das opções.
   • Remover linha/coluna:
     Clique com o botão direito do mouse, selecione "Remover" e escolha uma das opções.
   • Editar texto:
     Clique com o botão direito do mouse e selecione "Editar texto da célula".
   • Limpar célula(s):
     Clique com o botão direito do mouse e selecione "Limpar célula(s)".
   • Cor de fundo:
     Clique em Cor de fundo na barra de ferramentas à direita e escolha a cor e a opacidade.
   • Borda:
     Clique em Borda na barra de ferramentas à direita e escolha a largura, cor ou estilo da borda.
   • Tamanho:
     Ajuste o tamanho do elemento ou selecione "Permitir ajuste automático de tamanho" na barra de ferramentas à direita.

1. Adicionar Zendesk:
   • Arraste e solte "Avançado" da barra de ferramentas principal;
   • Escolha a composição Zendesk;
   • Insira o chave do Widget na barra de ferramentas à direita.
2. Personalizar Zendesk:
   • Tamanho:
     Ajuste o tamanho do elemento ou selecione "Permitir ajuste automático de tamanho" na barra de ferramentas à direita.

1. Adicionar Olark:
   • Arraste e solte "Avançado" da barra de ferramentas principal;
   • Escolha a composição Olark;
   • Insira o ID do site na barra de ferramentas à direita.
2. Personalizar Olark:
   • Tamanho:
     Ajuste o tamanho do elemento ou selecione "Permitir ajuste automático de tamanho" na barra de ferramentas à direita.

1. Adicionar Tawk.to:
   • Arraste e solte "Avançado" da barra de ferramentas principal;
   • Escolha a composição Tawk.to;
   • Insira o ID do site na barra de ferramentas à direita.
2. Personalizar Tawk.to:
   • Tamanho:
     Ajuste o tamanho do elemento ou selecione "Permitir ajuste automático de tamanho" na barra de ferramentas à direita.

1. Adicionar Contagem Regressiva:
   • Arraste e solte "Avançado" da barra de ferramentas principal;
   • Escolha a composição Contagem Regressiva;
   • Insira o "Data de término" e o "Horário de término" na barra de ferramentas à direita.
2. Personalizar Contagem Regressiva:
   • Exibição da contagem regressiva:
     Clique no ícone de contagem regressiva na barra de ferramentas à direita e selecione fonte, cor e estilo.
   • Texto:
     Clique no ícone de texto na barra de ferramentas à direita e escolha fonte, cor, tamanho e estilo.
   • Espaçamento da legenda:
     Insira o espaçamento da legenda na barra de ferramentas à direita.
   • Posição da legenda:
     Selecione a posição da legenda (superior ou inferior) na barra de ferramentas à direita.
   • Tamanho:
     Defina o tamanho do elemento ou selecione "Permitir ajuste automático de tamanho" na barra de ferramentas à direita.

O GetButton permite que você se conecte às seguintes plataformas:
Facebook Messenger, WhatsApp, Viber, Snapchat, Line, Telegram, Vkontakte, SMS (móvel), Chamada, E-mail, Instagram.

1. Adicionar GetButton:
   • Arraste e solte "Avançado" da barra de ferramentas principal;
   • Escolha a composição GetButton;
   • Conecte seu botão a uma das plataformas na barra de ferramentas à direita.
2. Adicionar GetButton-PRO:
   • Ativando o GetButton-PRO:
     Insira a "Chave da versão Pro" na barra de ferramentas à direita.
   • Mensagem de saudação:
     Escreva a mensagem de saudação na barra de ferramentas à direita. Ela aparecerá 5 segundos após o carregamento da página.
   • Logotipo da empresa:
     Insira o logotipo da empresa na mensagem de saudação na barra de ferramentas à direita.
   • Marca GetButton:
     Desative a marca do botão na barra de ferramentas à direita.
   • Google Analytics:
     Ative o Google Analytics para rastrear cliques.
   • Cor:
     Clique em cor e selecione a cor do botão na barra de ferramentas à direita.
   • Posição:
     Ajuste a posição vertical e horizontal do botão na barra de ferramentas à direita.
3. Personalizar GetButton:
   • Chamada para ação:
     Escreva uma mensagem de chamada para ação que aparecerá apenas no desktop na barra de ferramentas à direita.
   • Posição:
     Selecione a posição do botão na barra de ferramentas à direita.
   • Cor:
     Escolha a cor do botão na lista suspensa na barra de ferramentas à direita.
   • Tamanho:
     Defina o tamanho do elemento ou selecione "Permitir ajuste automático de tamanho" na barra de ferramentas à direita.

1. Adicionar Count Up:
   • Arraste e solte "Avançado" da barra de ferramentas principal;
   • Escolha a composição Count Up;
   • Insira o números "De" e "Para" na barra de ferramentas à direita.
2. Personalizar o Count Up:
   • Duração:
     Selecione a duração da contagem na barra de ferramentas à direita.
   • Texto:
     Clique em Texto na barra de ferramentas à direita e escolha fonte, cor, tamanho, estilo, alinhamento e espaçamento entre letras.
   • tamanho:
     Defina o tamanho do elemento ou selecione "Permitir ajuste automático de tamanho" na barra de ferramentas à direita.

1. Adicionar Smartarget Whatsapp:
   • Arraste e solte "Avançado" da barra de ferramentas principal;
   • Escolha a composição Smartarget Whatsapp;
   • Insira o ID de Usuário do Smartarget na barra de ferramentas à direita.
2. Personalizar o Smartarget:
   • Tamanho:
     Configure o tamanho do elemento ou selecione "Permitir ajustar tamanho automaticamente" na barra de ferramentas à direita.

1. Adicionar o blog:
   • Arraste e solte "Blog" da barra de ferramentas principal;
   • Escolha a composição do blog;
   • Selecione o blog e clique em "Nova Postagem no Blog" na barra de ferramentas direita para criar uma nova postagem;
   • Adicione imagem, título, data, hora, categoria e estado;
   • Escreva a postagem na seção de texto.
2. Personalizar o blog::
   • Imagens da galeria:

     Selecione a galeria e clique em imagens na barra de ferramentas direita. Adicione título das imagens, link, endereço e descrição.

   • Plano de fundo:

     Selecione a galeria e clique em plano de fundo para escolher a cor/opacidade na barra de ferramentas direita.

   • Miniaturas:

     Defina a largura, altura, espaçamento interno e alinhamento das miniaturas. Configure o efeito de animação e outras opções para estado padrão e ao passar o mouse.

   • Filtro:

     Marque a caixa ao lado de "Mostrar filtro de busca de texto" para ativar a barra de pesquisa e filtragem do blog.

   • Legendas:

     Configure como exibir a legenda das imagens, cor de fundo e estilo do texto na barra de ferramentas direita.

   • Animação:

     Defina a "Efeito", "Direção", "Duração" e "Atraso" da animação conforme sua preferência.

3. Configuração do formato de data na postagem do blog:
   1. Selecione "Lista" na barra de ferramentas direita;
   2. Navegue até "Formato de Data" ao lado do campo;
   3. Adicione o ano, mês, dia e horas da data usando variáveis especiais da lista fornecida;
   4. Após configurar, feche a janela de configuração do Formato de Data.

To add category in blog:

• Select blog and click "Edit posts" in right toolbar;
• Press next to any blog post;
• Press under "Category" section;
• Press "Add item" button;
• Set Item Name;
• Press "Apply" button.

1. Adicionar accordion:
   • Arraste e solte a opção "Avançado" da barra de ferramentas principal;
   • Escolha a composição"Accordion";
2. Editando accordion:
   • Novo item:

     Selecione o elemento e clique em "Novo Item" na barra de ferramentas à direita.

   • Editar item:

     Selecione o elemento e clique em "Editar Item" na barra de ferramentas à direita para editar a seção, alterar/adicionar título.

     Clique no ícone de "Item" na barra de ferramentas à direita para adicionar um ícone ao item.

     Nota: O slide selecionado será editado.

   • Layout:

     Selecione o elemento e escolha "Layout" na barra de ferramentas à direita.

   • Adicionar elemento:

     Selecione uma seção do elemento e arraste e solte o elemento desejado da barra de ferramentas principal.

3. Personalizando o accordion:
   • Padrão:

     Defina as cores padrão de fundo, borda e título na barra de ferramentas à direita.

   • Hover (passar o mouse):

     Defina as cores de fundo, borda e título ao passar o mouse na barra de ferramentas à direita.

   • Ativo:

     Defina as cores de fundo, borda e título do estado ativo na barra de ferramentas à direita.

   • Texto:

     Configure as cores de fundo para as seções e a borda na barra de ferramentas à direita.

   • tamanho:

     Defina o tamanho do elemento ou selecione "Permitir ajustar tamanho automaticamente" na barra de ferramentas à direita.

4. Manter o elemento/aba anterior aberto por padrão:
   • No criador, expanda o elemento/aba que deseja manter aberto por padrão no site publicado;
   • Marque a opção "Fechar automaticamente o item anterior" na barra de ferramentas à direita.

1. AdicionaR slider:
• Arraste e solte a opção "Avançado" da barra de ferramentas principal;
• Escolha a composição "Slider";
2. Editando slider:
   • Novo item:

     Selecione o elemento e clique em "Novo Item" na barra de ferramentas à direita.

   • Editar item:

     Selecione o elemento e clique em "Editar" na barra de ferramentas à direita para editar a seção, alterar/adicionar título.

     Nota: O slide selecionado será editado. Clique em um dos botões de rádio na parte inferior do elemento para alterar o slide ou selecione, por exemplo, "1 slide" na barra de ferramentas à direita em "Estrutura da página".

   • Layout:

     Selecione o elemento e escolha "Layout" na barra de ferramentas à direita.

   • Adicionar elemento:

     Selecione uma seção do elemento e arraste e solte o elemento desejado da barra de ferramentas principal.

3. Personalizar o slider:
   • Alterar frequência:

     Defina a frequência de troca na barra de ferramentas à direit.

   • Padrão:

     Configure as cores padrão de fundo, borda e título na barra de ferramentas à direita.

   • Hover (passar o mouse):

     Configure as cores de fundo, borda e título ao passar o mouse na barra de ferramentas à direita.

   • Ativo:

     Configure as cores de fundo, borda e título do estado ativo na barra de ferramentas à direit.

   • Tamanho:

     Defina o tamanho do elemento ou selecione "Permitir ajustar tamanho automaticamente" na barra de ferramentas à direita.

Anúncios:

1. Adicionar abas:
• Arraste e solte a opção "Avançado" da barra de ferramentas principal;
• Escolha a composição "Abas";
2. Editar abas::
   • Novo item:

     Selecione o elemento e clique em "Novo Item" na barra de ferramentas à direita.

   • Editar item:

     Selecione o elemento e clique em "Editar Item" na barra de ferramentas à direita para editar a seção, alterar/adicionar título.

     Nota: A aba selecionada será editada.

   • Layout:

     Selecione o elemento e escolha "Layout" na barra de ferramentas à direita.

   • Adicionar elemento:

     Selecione uma seção do elemento e arraste e solte o elemento desejado da barra de ferramentas principal.

3. Personalizar abas::
   • Padrãot:

     Defina as cores padrão de fundo, borda e título na barra de ferramentas à direita.

   • Hover (passar o mouse):

     Defina as cores de fundo, borda e título ao passar o mouse na barra de ferramentas à direita.

   • Ativo:

     Defina as cores de fundo, borda e título do estado ativo na barra de ferramentas à direitar.

   • Tamanho:

     Defina o tamanho do elemento ou selecione "Permitir ajustar tamanho automaticamente" na barra de ferramentas à direita.

Anúncios:

1. Adicionar Bookingmood:
   • Arraste e solte "Avançado" da barra de ferramentas principal;
   • Escolha a composição Bookingmood;
   • Insira o chave de API do Bookingmood e clique em "Atualizar" na barra de ferramentas à direita.
2. Personalizar o Bookingmood:
   • Opções:
     Selecione o elemento e clique em "Opções" na barra de ferramentas à direita.
     Selecione nas listas suspensas "Semana começa em", "Primeira semana contém data" e "Moeda".
   • Estilo:
     Selecione "Tema" e "Fonte" nas listas suspensas e escolha as cores.
   • Layout:
     Selecione "Tamanho" do elemento na lista suspensa. Escolha as opções que deseja exibir no layout.
   • Tamanho:
     Defina o tamanho do elemento ou selecione "Permitir ajustar tamanho automaticamente" na barra de ferramentas à direita.

Nota: Você precisa ter uma conta no Bookingmood para gerar a chave da API e gerenciar suas reservas e pedidos.