Os widgets são os componentes fundamentais do seu site. Personalize os widgets para ajustar a aparência e o layout do site.
Seja para capturar leads, levar os visitantes de página em página, mostrar imagens ou colocar uma mensagem importante em um parágrafo, os widgets podem ajudar. Este artigo explica tudo o que você precisa saber sobre os widgets para Cloudbeds Websites.
Adicionar widgets
- No painel esquerdo, clique em Widgets para abrir o painel de widgets. Pesquise widgets ao navegar pela lista ou usar a barra de pesquisa de widgets.
- Clique e arraste o widget para o local desejado no site. Será exibido um indicador de posição azul. O widget aparecerá no local mostrado pelo indicador de posição azul.
Ao arrastar e soltar um widget no seu site, observe o texto no indicador de posição azul:
- Inserir aqui: o widget será adicionado a uma linha ou coluna existente.
- Inserir em nova linha: uma nova linha será adicionada e o widget será colocado dentro dela.
- Inserir em nova coluna: uma nova coluna será adicionada e o widget será colocado dentro dela.
- Clique com o botão direito em qualquer widget e selecione Adicionar widget abaixo no menu de contexto para adicionar widgets imediatamente abaixo do widget atual. Se você clicar com o botão direito em uma coluna, clique em + Adicionar e selecione Adicionar widget abaixo.
- Selecione entre os quatro widgets mais populares ou clique em Mais widgets para abrir o menu completo. Depois de adicionar o widget, você pode editá-lo normalmente.
Para deixar os widgets lado a lado, arraste um widget para seu site, adicione uma coluna à linha onde o widget foi colocado e arraste outro widget para essa coluna. Como alternativa, arraste o widget de duas colunas para seu site e arraste e solte os widgets em cada coluna.
Editar os widgets
- Para editar um widget, passe o mouse sobre ele e clique com o botão direito para ver o menu de contexto. Cada widget tem opções diferentes. Continue lendo abaixo para saber mais sobre as mais comuns a quase todos.
- Para excluir um widget, removendo-o de todos os dispositivos, clique com o botão direito no widget e, depois, em Excluir.
- Editar design: você pode mudar o estilo do widget, incluindo cor, texto, imagens e muito mais, bem como alterar o espaço em branco ao redor dele. Clique em um widget e, depois, na aba Design.
- Animação de entrada: permite personalizar a forma como o elemento é exibido na tela. Por exemplo, aparecendo gradualmente, pulando ou aumentando o zoom. Clique com o botão direito no widget, selecioneAnimação de entrada e escolha uma animação.
- Escolha un recipiente: seleciona a coluna ou a linha onde está o widget, permitindo que você o encontre e edite facilmente. Clique com o botão direito no widget, clique em Selecionar contêiner e selecione Coluna ou Linha.
- Copiar e colar: ao copiar um widget, ele é salvo para que você possa colá-lo depois em outro local. A opção de colar só aparece se você tiver um widget que foi copiado. Clique com o botão direito no widget e selecione Copiar ou Colar.
- Ocultar no dispositivo: use esse recurso para alterar o conteúdo dependendo do dispositivo usado pelo visitante para acessar o site.
- Por exemplo, mostre um widget click-to-call para usuários em dispositivos móveis ou um formulário de contato para usuários em desktops. Os widgets ocultos pelo recurso Ocultar no dispositivo não são excluídos. Você pode ver todos os elementos ocultos em uma página clicando em Mostrar elementos na parte inferior do painel esquerdo. Clique com o botão direito no widget, clique em Ocultar no dispositivo e selecione um dispositivo.
- Definir como âncora: os links âncora permitem direcionar os visitantes para uma seção da página, facilitando a navegação em uma página mais longa ou o acesso a uma seção específica que você deseja mencionar. Clique com o botão direito no widget e selecione Definir como âncora.
- Alinhamento: defina se o widget será alinhado à esquerda, à direita ou centralizado na sua área. Para definir o alinhamento, clique com o botão direito no widget e, depois, em Alinhar à esquerda, Alinhar Centralizado ou Alinhar à direita.
Alguns widgets tem comportamentos bastante variados em visualizações diferentes. Verifique a forma como o widget aparece em cada visualização após adicioná-lo para garantir a exibição correta.
Comentários
Por favor, entre para comentar.