Cloudbeds Websites - Personalização de seções e criação de links de âncora

Objetivo Adicionar e reutilizar seções de página e criar links de âncora no editor do Cloudbeds Websites.
Indicado para Usuários Administradores e Gerentes/Gerentes Gerais que editam um Cloudbeds Website.
Use quando Você quiser adicionar uma seção, reutilizar uma seção existente ou criar navegação para uma parte específica da página.
Requisitos Um site da Coudbeds aberto no editor do Cloudbeds Websites.
Resultado esperado Você poderá adicionar e reutilizar seções e criar, vincular, editar ou excluir âncoras no seu website.

Introdução

Use o editor do Cloudbeds Websites para adicionar seções de página, reutilizar seções existentes e criar links de âncora que enviam os visitantes diretamente para conteúdos específicos em uma página. Este artigo aborda os fluxos de trabalho do Editor 2.0 confirmados para essas tarefas de personalização.

Configurações de design para todo o site, planos de fundo avançados, comportamento do cabeçalho e gerenciamento de mídia são abordados em guias separados do Cloudbeds Websites.

Conteúdo

Adicionando seções

Seções são áreas de conteúdo que você pode adicionar a uma página. No Editor 2.0, selecione + Adicionar seção e escolha entre as opções Layouts, Design ou Gerado por IA.

  1. Selecione + Adicionar seção onde deseja adicionar o conteúdo;
  2. Selecione a opção de seção que deseja usar.

O menu de seção mostra as opções de criação disponíveis.

Editor de sites Cloudbeds mostrando o botão Adicionar Seção e as opções de seção Layouts, Projetadas e Geradas por IA.

Opção de seção O que acontece em seguida
Layouts Escolha um layout para a nova seção.
Projetada

Veja as opções de seções projetadas disponíveis no editor.

Geradas por IA Abra o painel de IA no lado direito do editor.

Escolha um layout

Selecione Layouts e, em seguida, escolha um dos layouts de seção disponíveis. O seletor de layout exibe as opções de colunas disponíveis para a nova seção.

Seletor de layout de Adicionar Seção do Cloudbeds Websites mostrando os arranjos de layout de seção disponíveis.

Escolha uma seção projetada

Selecione Projetada para navegar pelos designs de seção disponíveis. Escolha uma seção entre as categorias disponíveis e, em seguida, use Criar Seção, Salvar Seção ou Salvar e Adicionar Outra, conforme mostrado no editor.

A visualização de seção projetada inclui categorias de seção, designs disponíveis, controles de pré-visualização e as opções para criar ou salvar a seção.

Galeria de seções do Cloudbeds Websites mostrando as guias Projetadas e Personalizadas, categorias de seção, designs disponíveis, controles de pré-visualização de dispositivo, Criar Seção, Salvar e Adicionar Outra, e Salvar Seção.

Use a opção gerada por IA

Selecione Geradas por IA. O painel de IA abre no lado direito do editor, onde você pode inserir um pedido para uma nova seção.

Painel de IA no Editor de Sites da Cloudbeds mostrando ações sugeridas e um campo de prompt para criar uma nova seção na página atual.

Copiando e colando uma seção

Copiar e colar permite reutilizar uma seção existente em vez de recriá-la.

  1. Selecione a seção que você quer reutilizar;
  2. Abra as opções da seção e selecione Copiar;

O menu de opções da seção inclui a ação Copiar para a seção selecionada.

Seção selecionada no Editor de Sites da Cloudbeds com o menu de opções da seção aberto e Copiar destacado.

  1. Abra as opções da seção onde você quer reutilizar a seção;
  2. Selecione Colar.

Depois que uma seção foi copiada, o menu de opções da seção inclui a ação Colar.

Seção selecionada no Editor de Sites da Cloudbeds com o menu de opções da seção aberto e Colar destacado.

Links de âncora enviam os visitantes diretamente para uma seção específica da página. Use os fluxos de trabalho abaixo para adicionar uma âncora, vincular conteúdo a uma âncora existente ou editar ou excluir uma âncora.

Adicionando uma âncora

Adicione uma âncora a uma seção ou Widget que você quer que os visitantes alcancem diretamente.

  1. Clique com o botão direito na seção ou Widget onde você quer criar a âncora;
  2. Selecione Definir como âncora;

O menu de opções da seção mostra Definir como âncora antes que a âncora seja criada.

Menu de opções da seção do Cloudbeds Websites mostrando Definir como âncora para a seção selecionada.

  1. Insira o Nome da âncora;
  2. Se você quiser que a âncora fique disponível na navegação do site, selecione Adicionar isso à navegação do site;
  3. Selecione Adicionar.

A janela "Definir como âncora" inclui o campo para o nome da âncora, a opção de navegação do site e o botão Adicionar.

Janela Definir como âncora mostrando o campo Nome da âncora, a opção Adicionar isso à navegação do site e o botão Adicionar.

Você pode abrir as configurações do link a partir de um texto vinculado, um botão ou das opções de uma seção.

  1. Abra as configurações do link usando um destes caminhos:
    • Ao adicionar um link de texto ou botão, selecione o ícone Link.
    • Ou clique com o botão direito em uma seção e selecione Adicionar link.

Ao editar um texto, o ícone Link aparece na barra de ferramentas do texto.

Barra de ferramentas de edição de texto do Cloudbeds Websites com o ícone Link destacado.

Em uma seção, você também pode abrir as configurações do link selecionando Adicionar link nas opções da seção.

Menu de opções da seção do Cloudbeds Websites mostrando Adicionar link para a seção selecionada.

  1. Selecione Âncora;
  2. Selecione a Página;
  3. Selecione a Âncora.

O painel Adicionar link permite que você selecione Âncora, depois escolha a página e o destino da âncora.

Painel Adicionar link do Cloudbeds Websites com Âncora selecionada e campos suspensos Página e Âncora visíveis.

Editando ou excluindo uma âncora

Use Editar âncora quando precisar renomear uma âncora existente ou removê-la.

  1. Clique com o botão direito no widget ou na seção que contém a âncora;
  2. Selecione Editar âncora;

O menu de opções da seção mostra Editar âncora quando uma âncora já existe.

Menu de opções da seção do Cloudbeds Websites mostrando Editar âncora para uma seção com uma âncora existente.

  1. Edite o nome da âncora e selecione Atualizar para salvar a alteração;
  2. Para remover a âncora, selecione Excluir âncora.

A janela Editar ponto de âncora inclui o nome da âncora, os controles Atualizar e Excluir âncora.

Janela Editar ponto de âncora mostrando o campo do nome da âncora, botão Atualizar e opção Excluir âncora.


Agora que você pode trabalhar com seções e links de âncora no editor do Cloudbeds Websites, use estes guias para estilização do site, configuração do cabeçalho e gerenciamento de mídia:

Esse artigo foi útil?
Usuários que acharam isso útil: 0 de 0

Comentários

0 comentário

Por favor, entre para comentar.