Imagem

Como inserir uma imagem de compartilhamento da página?


Escolha uma imagem no formato miniatura para ser exibida como a prévia do seu site ao compartilhar sua URL no Facebook, Twitter, WhatsApp, outras redes sociais e em aplicativos de mensagens de texto. Adicionar imagens de compartilhamento social é uma boa maneira de configurar a aparência das publicações sociais vinculadas ao seu site; aprenda neste tutorial a como realizar essa configuração no Construtor de Sites Builderall Builder. 



Passo 1
 - Acesse o site e a página que deseja adicionar o Botão no Construtor de Sites Builderall Builder.

Passo 2 - Acesse as Configurações da página que deseja adicionar a imagem de compartilhamento. 



Passo 3
- Localize na área Configurações de SEO a opção "Imagem de Compartilhamento da página".  

 



Passo 4
- Selecione a opção "Escolher", para adicionar sua imagem de compartilhamento. 

 

Recomendamos o tamanho de 1200 × 628 pixels para imagens de compartilhamento de link.

 



Passo 5
- Salve a imagem configurada na opção "Salvar" das Configurações de SEO. 

 




                                                                                         Importante!

Após salvar a imagem de compartilhamento e testar compartilhar a URL do seu site, pode ocorrer da imagem não aparecer corretamente; isso ocorre pela necessidade de aguardar as atualizações de cachê das próprias redes sociais para confirmar a configuração, ou seja, aguarde algumas horas/dias (não há um tempo máximo especifico, o mesmo vária em cada rede social) e teste novamente, a imagem deve aparecer corretamente gradualmente em cada rede social e aplicativos de mensagem.

Para adiantar esse processo você pode usar o Depurador de Compartilhamento do Facebook e confirmar as informações que são usadas quando o conteúdo do seu site é compartilhado no Facebook, Messenger e em outros locais. Clique aqui e acesse o tutorial em nossa Central de Ajuda sobre como utilizar o Depurador de Compartilhamento. 


Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantas imagens de compartilhamento desejar em uma única ou em diferentes páginas e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.


Avalie a nossa Central de Ajuda, sua opinião é importante para nós! 

Faça seu negócio decolar 🚀
Equipe Builderall



Como inserir uma imagem no construtor de sites Builderall Builder?


As imagens de um site compõe o que chamamos de Marketing Visual, ao adicionar uma imagem em um site podemos: transmitir uma mensagem de forma objetiva, chamar a atenção dos visitantes do site, levar ao engajamento com o conteúdo da imagem; sendo assim, as imagens são um elemento essencial para o seu site. Aprenda neste tutorial a como adicionar imagens em suas páginas no Construtor de Sites Builderall Builder. 



Como adicionar uma Imagem? 

Passo 1 - Acesse o site e a página que deseja adicionar a Imagem no Construtor de Sites Builderall Builder.

Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento.

Passo 3 - Acesse o menu lateral direito do construtor de sites; selecione a opção Adicionar e clique na área de Elementos; selecione a opção "Imagem".  




Passo 4
- Escolha um dos modelos de imagens disponíveis para utilizar; clique no botão escolhido e arraste até o local do painel desejado.

Há dois tipos de imagens disponíveis: a Imagem 3D (primeira opção entre os modelos, possui apenas 1 modelo, adiciona uma imagem com efeito 3D, ou seja, com movimento, ao passar o mouse por cima); Imagem (3 modelos diferentes, adiciona uma imagem comum na vertical, horizontal ou com sombra pré-configurada).


Gif-imagem.gif



Como editar a Imagem escolhida?

Antes de aprendermos as opções de configurações, vamos conhecer o submenu indicado ao selecionar a imagem. 



Salvar elemento - selecione para salvar a imagem adicionada como um "elemento pessoal" e utilizá-la em outros sites e páginas sem a necessidade de repetir todas as configurações. 


Camada abaixo/acima - selecione para mover a imagem entre as camadas do painel e ajustar a sobreposição dos elementos. 


Elemento central - 
selecione para ajustar automaticamente a imagem no centro do painel/caixa que ele foi adicionado.


Ocultar elemento - selecione para adicionar a imagem na parte de "ocultados" do site, ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar. 


Excluir - selecione para deletar a imagem criada. 


Editar elemento - selecione para acessar o menu de opções de configurações externas do elemento. 



Opções de edição da Imagem: 






Configurações gerais: configure a imagem que será adicionada e
   suas configurações de SEO. 

• Tamanhos: configure a largura da imagem adicionada na versão
   desktop e na versão tablet, caso habilitada nas configurações da 
   página.

Opacidade: configure a transparência da imagem.

• Borda: crie uma borda para a sua imagem de diferentes
   tamanhos, formas e cores. 

• Sombra: crie e configure uma sombra para a imagem adicionada.

• Border Radius: configure os cantos da imagem adicionada, eles
   podem ser quadrados, arredondados ou completamente circulares. 

• Animação: configure uma ação/animação para a imagem baseado
   em tempo, clique, ação do mouse ou visibilidade do local.

• Tag: função utilizada para tags em scripts externos. O atributo tag
   deve ser utilizado somente por usuários experientes. Com essa
   tag é possível manipular os elementos através do seletor data-
   tag.

• Camadas: alternativa para a configuração de posicionamento das
   camadas. 

• Avançado: alternativa para as configurações de salvar a imagem
  como elemento pessoal


 

 

 

 

 

 

 

 


Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantas imagens desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.


Avalie a nossa Central de Ajuda, sua opinião é importante para nós! 

Faça seu negócio decolar 🚀
Equipe Builderall



Como utilizar o Depurador de Compartilhamento do Facebook para visualizar imagens de compartilhamento?

Ao compartilhar a URL de um site ou de uma página do site no Facebook, Twitter, WhatsApp, outras redes sociais e em aplicativos de mensagens de texto., uma prévia é exibida com um título, imagem e eventualmente uma descrição. O depurador de links de compartilhamento do Facebook é uma ferramenta online com o objetivo de testar e indicar como a rede social gera a prévia de uma URL do seu site quando é compartilhada. Utilize o Depurador de Compartilhamento para ver as informações usadas quando o conteúdo do seu site é compartilhado no Facebook, Messenger e em outros locais.

Aprenda neste tutorial a como acessar e utilizar essa função do Meta for Developers:

 

 

 

 



Passo 1 - Clique no link a seguir para acessar a área de Depurador de Compartilhamento do Meta for Developers: Clique aqui! 

Passo 2 - Cole a URL do seu site/página que deseja confirmas as informações de compartilhamento no campo indicado; selecione o botão "Depurar"; 



Passo 3
- Confira todas as informações de compartilhamento do seu site.


Avalie a nossa Central de Ajuda, sua opinião é importante para nós! 

Faça seu negócio decolar 🚀
Equipe Builderall



Imagens - Padrões recomendados

   As imagens podem ter diversos tamanhos aqui constam algumas recomendações para um melhor dimensionamento sem problemas de distorção ou de imagens desalinhadas.
   

   Dentro dos padrões usados o recomendado de formatos são JPG e PNG, e o peso da imagem deve ser menor que 500kb para o site não ficar muito pesado e acabar prejudicando no carregamento das páginas.

Background de painéis

 

Img_Amostra.png

O tamanho recomendado para uma imagem de background de um painel é de 1250x500, sendo que a altura pode variar dependendo da necessidade.

Img_Logo.png

O tamanho recomendado para ser usado na logo do topo é de 120x120, se a logo for centralizada recomendamos utilizar 160x160 sendo que a largura pode variar dependendo da necessidade.

 

Imagens Laterais

Img_Lateral.jpg

O tamanho recomendado para as imagens médias usadas no corpo do site é de 500x500, lembrando que nesse caso a altura e largura podem variar com a forma que será utilizada.

 

Ícones

Img_Icone.jpg

O tamanho recomendado para os ícones é de 90x90, os ícones dificilmente serão alterados, talvez para um tamanho menor dependendo da quantidade de ícones.

 

Imagens circulares

Imagem_Circular.jpg

Para imagens circulares, as imagens devem ter um padrão de 1:1, por exemplo usar uma imagem com resolução de 1000x1000, e ajustar as bordas em um tamanho padrão que pode variar dependendo do tamanho que será utilizada, na image a cima por exemplo as bordas estão todas em 110.