Editar conteúdo da página em uma área de arrastar e soltar

No editor de página do tipo arrastar e soltar, os usuários podem reorganizar e aplicar estilos de fundo personalizados a diferentes seções de uma página. A edição do tipo arrastar e soltar está disponível nas páginas criadas com modelos Starter, modelos padrão do HubSpot, modelos de tema ou modelos codificados com áreas de arrastar e soltar.

Compreender o editor de arrastar e soltar

As áreas de arrastar e soltar são composta de módulos, que são blocos de conteúdo do site. Esses módulos podem ser organizados em linhas horizontais ou em colunas verticais. Linhas e coluna podem ser agrupadas em seções de elementos.

Ao agrupar esses elementos, você pode aplicar um conjunto de estilos de fundo a uma seção de uma página. Você também pode arrastar e soltar linhas, colunas ou seções para reorganizar o layout da página.

1. Módulo: blocos individuais de conteúdo do site. Alguns módulos, como o módulo de rich text, podem conter vários tipos de conteúdo. 
2. Coluna: uma pilha vertical de vários módulos ou linhas. Você pode mover ou reorganizar as colunas em sua página, ou aplicar uma cor de fundo ou estilo a uma coluna inteira.
3. Linha: uma linha horizontal de módulos ou colunas. Você pode mover ou reorganizar as linhas em sua página, ou aplicar uma cor de fundo ou estilo a uma linha inteira.
4. Seção: um grupo de várias linhas ou colunas. Você pode mover ou aplicar uma cor de fundo ou estilo a uma seção.

Editar conteúdo do módulo

Para personalizar o conteúdo dentro de um módulo, passe o cursor do mouse sobre o módulo e clique em um ícone:

• edit Editar módulo: edite o conteúdo do seu módulo no editor de conteúdo ou no painel esquerdo. 
• styles Módulo de estilos: gerencie o estilo desse módulo no editor da barra lateral. A maioria dos estilos de módulo pode ser gerenciada na guia Estilo, mas algumas opções de estilo específicas estão disponíveis na guia Opções.
• clonduplicate Clonar módulo: faça uma cópia desse módulo em sua página.
• delete Excluir módulo: remova esse módulo da página.

Editar linhas, colunas ou seções

Você pode editar os estilos de uma linha, coluna ou seção de elementos. Por exemplo, você pode centralizar seu conteúdo, aplicar uma imagem de fundo ou editar o espaçamento entre os elementos da página.

Para editar os estilos de uma linha, coluna ou seção:

• No editor de página, passe o cursor do mouse sobre a linha, a coluna ou a seção, clique no ícone de seta e selecione styles Estilo de [linha/coluna/seção].
• Para personalizar o deslocamento e a margem ao redor de uma linha, coluna ou seção, clique em Alinhamento e espaçamento no editor da barra lateral.
• Para editar o plano de fundo da seção, clique em Plano de fundo no editor da barra lateral e selecione uma opção de estilo: 
  • Nenhuma: remova todas as cores ou imagens de fundo.
  • Cor: defina uma cor única como plano de fundo. Insira um valor hexadecimal ou clique no seletor cor, selecione uma cor e insira um valor de transparência. 
  • Imagem: defina uma imagem como plano de fundo. Para adicionar uma nova imagem, clique em Upload para adicionar uma imagem do computador, ou em Procurar imagens para selecionar uma imagem dos seus arquivos. 
  • Gradiente: defina duas cores que se fundem no plano de fundo. Clique no menu suspenso Direção e selecione uma direção de gradiente. Para cada cor, insira um valor hexadecimal ou clique no seletor de cor, selecione uma cor e insira um valor de transparência. 
• Para fazer uma cópia de um elemento existente, passe o cursor do mouse sobre o elemento e clique no ícone de setae selecione duplicate Copiar [linha/coluna/seção].
• Para excluir um elemento da página, passe o cursor do mouse sobre o elemento, clique no ícone de seta e selecione delete Excluir [linha/coluna/seção].

Adicionar um módulo comum à página

Para adicionar um módulo à sua página, clique no módulo no editor da barra lateral e o arraste e solte em qualquer lugar na sua página. 

Ajuste o layout da sua página

Você pode ajustar a largura dos elementos na sua página, clicando e arrastando o divisor vertical entre as colunas.

Editar estilos de página

• Se você estiver usando um modelo Starter, poderá modificar as fontes, os estilos e as cores aplicadas ao seu texto, formulários e botões.
• Se você estiver usando um modelo codificado criado por um desenvolvedor com uma área de arrastar e soltar, poderá usar as opções de estilo incluídas no modelo pelo desenvolvedor.
• Se você estiver usando um modelo de tema, poderá acessar e editar as configurações de tema.