O widget Galeria de Fotos facilita a adição de várias imagens ao seu site (ou a conexão de um feed do Instagram); para obter mais informações, consulte a seção neste artigo, Conecte um feed profissional do Instagram). Quando as imagens na Galeria de Fotos são clicadas, elas podem ser abertas em uma galeria lightbox ou vinculadas a uma página do seu site, a um URL do site, a um pop-up, a uma âncora, a um endereço de e-mail ou mais. Você pode adicionar títulos, descrições e texto alternativo a cada imagem.
Conteúdo dinâmico
Esse widget também pode exibir páginas dinâmicas. Para obter mais informações, consulte Opções de exibição e navegação para registros de coleção.
Nota
Para obter diretrizes de imagem, consulte Diretrizes de mídia.
A área Conteúdo é onde o conteúdo do widget pode ser gerenciado.
Opções de configuração da galeria
-
Para ativar links nas imagens da galeria, clique no Ativar links nas imagens da galeria ative na parte superior da caixa de conteúdo.
-
Isso desativa o recurso lightbox. Se uma imagem não tiver um link, nada acontecerá quando a imagem for clicada
-
-
Clique Conecte o Instagram para se conectar a uma conta profissional do Instagram (somente imagens serão exibidas, postagens com vídeos não serão visíveis). As contas profissionais do Instagram incluem contas comerciais ou de criadores.
-
Clique Adicionar imagem para adicionar imagens (várias podem ser selecionadas ao mesmo tempo para serem adicionadas à galeria). As seguintes opções estão disponíveis:
-
Selecione entre as imagens imediatamente disponíveis.
-
Clique Visualização completa para abrir o Seletor de imagens.
-
Clique no ícone plus para fazer upload de uma imagem.
Nota
Para obter informações adicionais, consulte Gerenciador de mídia, bibliotecas e seletores.
-
Opções de configuração de imagem individual
Clique em uma imagem para abrir suas opções de configuração.
-
Substituir imagem.
-
Editar. Altere as propriedades da imagem usando o editor de imagens.
-
Posição. Ajuste qual parte da imagem é exibida.
-
Editar link. Isso só será visível se o Ativar links nas imagens da galeria a configuração está ativada. Se um link não estiver definido, nada acontecerá quando a imagem for clicada
-
Título. Se um título não for desejado, clique no olho (
) ícone. Se não houver texto inserido, mas ele ficar visível, o espaço permanecerá no widget e ficará visível
-
Descrição. Se uma descrição não for desejada, clique no olho (
-
Botão. Se um botão não for desejado, clique no olho (
-
Texto alternativo. Digite seu próprio texto alternativo ou clique no Brilho (
) ícone para usar o AI Assistant para gerar texto alternativo. Repita o procedimento para cada imagem individual na Galeria de fotos ou clique em Todo o texto alternativo para visualizar e gerenciar o texto alternativo de todas as imagens do site. O ícone Sparkle será desativado se uma imagem não for selecionada.
Nota
O texto alternativo gerado pelo AI Assistant está no mesmo idioma do idioma atual da página.
-
Para alterar o layout da galeria, clique no Layout aba. Você tem as seguintes opções:
-
Clique no layout existente para ver mais opções de design para sua galeria de fotos. Os layouts são gerenciados por dispositivo e com base na visualização atual na qual o layout está selecionado
-
O texto pode ser adicionado abaixo das imagens, ao passar o mouse ou na imagem. Texto/botão abaixo da imagem, Texto/botão ao passar o mouse, ou Texto/botão na imageme, em seguida, selecione uma posição para o texto/botão.
-
Selecione o Número de colunas na Galeria de fotos.
-
Para ajustar o número de colunas automaticamente para evitar espaços em branco, clique no Colunas de ajuste automático alternar.
-
Selecione quantos Linhas visíveis você deseja exibir.
-
-
Para configurar imagens, clique no Imagens aba. Você tem as seguintes opções:
-
Altere a altura da imagem e o espaçamento entre as imagens (para todas as imagens na galeria). Isso só se aplica a determinados layouts.
-
Adicione cantos arredondados.
-
Exiba a imagem completa na galeria.
-
Adicione sombra.
-
Altere o efeito de foco e a animação da imagem (disponível no novo widget).
-
Desative a otimização da imagem.
Nota
Desativar a otimização de imagem pode afetar a velocidade e/ou o desempenho da página.
-
-
Para configurar a moldura (por exemplo, adicionar uma cor de fundo ou personalizar a borda), clique no Moldura aba.
-
Para desligar Carregamento lento clique no botão de alternância (isso está ativado por padrão para ajudar na velocidade da página carregando imagens somente quando elas se tornam visíveis na rolagem).
-
Para ocultar a opção de compartilhamento, clique no Ocultar compartilhar imagens alternar. Isso remove o botão de compartilhamento que os usuários veem ao clicar em uma imagem.
-
-
Para alterar o espaçamento interno e externo, clique na guia Espaçamento.
Devido a uma alteração feita pela Meta, todas as conexões feitas antes de dezembro de 2024 precisarão ser reconectadas.
Usuários com uma conta profissional do Instagram* (não contas privadas ou pessoais) podem adicionar um feed do Instagram ao widget da galeria de fotos. O widget exibe até 100 imagens do seu feed e é atualizado automaticamente quando novas postagens são adicionadas. Se uma postagem do Instagram tiver mais de uma imagem, somente a primeira imagem dessa postagem será exibida no widget da galeria de fotos
*As contas profissionais do Instagram podem ser definidas como Business ou Creator. Saiba mais sobre Contas profissionais do Instagram.
Nota
-
Novas atualizações de imagem podem levar até 2 horas para serem exibidas.
-
Somente fotos serão exibidas (vídeos não podem) e somente de contas públicas e de uma conta comercial.
-
Somente uma conta do Instagram pode ser conectada por site.
-
As fotos de colaboração não podem ser exibidas.
-
Para alterar a conta, abra a galeria de fotos conectada e clique em Desconectare faça login com a nova conta. Talvez seja necessário limpar o cache do navegador após a desconexão e antes de tentar se reconectar
-
Os clientes não precisam fornecer informações de usuário e senha. Você pode conceder aos clientes permissões de conteúdo do Widget para que eles mesmos façam login no Instagram
Para conectar um feed profissional do Instagram ao widget Galeria de fotos:
-
Adicione o widget Galeria de fotos ao seu site. Para obter mais informações, consulte Adicionar widgets.
-
Clique Conecte o Instagram.
-
Digite suas credenciais do Instagram e clique em Entrar.
-
Clique Autorizar.
Se você receber um erro ao fazer login, acesse Instagram.com no seu navegador. Na guia Perfil, clique no Configurações ícone e selecione Saire, em seguida, reconecte-se ao widget.
As legendas das imagens podem ser exibidas ao passar o mouse sobre uma imagem. Para exibir as legendas das imagens, clique no Mostrar legendas das imagens ative a guia Conteúdo do widget Galeria de fotos (por padrão, a opção está desativada).
Você também pode alterar a cor, o tamanho e a fonte do texto, bem como a cor de fundo das legendas das imagens no Aba Design.
Nota
Essa funcionalidade só está disponível no desktop, pois a funcionalidade de passar o mouse não está disponível para dispositivos móveis.
Para reconectar o Instagram corretamente ao widget da Galeria de Fotos:
-
No editor, clique no Galeria de fotos widget para abrir o Editor de conteúdo.
-
Para desconectar o widget do Instagram, clique em Desconectar.
-
Feche o editor.
-
Para ir https://www.instagram.com/ e saia diretamente do Instagram.
-
Abra uma janela anônima, acesse o editor e reconecte o Instagram ao widget da Galeria de Fotos.
Se sua conexão com o Instagram estiver desconectada, seu token de autenticação pode ter expirado e você precisará reconectar o widget da Galeria de Fotos ao Instagram e reautorizar suas credenciais.
Para reconectar o widget da Galeria de Fotos ao Instagram:
Solucione problemas com o widget Galeria de fotos.
Se a opção Conectar dados não estiver aparecendo quando você clica com o botão direito do mouse no widget da Galeria de Fotos, verifique o seguinte:
-
Certifique-se de que a biblioteca de conteúdo tenha conteúdo. Se a biblioteca de conteúdo estiver vazia, a opção Conectar dados não aparecerá.
-
Em sua coleção, verifique se o URL do item de página está definido como Item, em vez de ficar em branco.
-
Certifique-se de que todos os campos em sua coleção estejam definidos com os tipos de dados correspondentes corretos. Um problema comum de configuração é ter todos os campos definidos como Rich Text quando deveriam corresponder ao tipo de conteúdo real (por exemplo, os campos de imagem devem ser definidos como Tipo de imagem).
-
Entre em contato com o administrador do site para garantir que você tenha as permissões corretas.
Depois de verificar e corrigir o exposto acima, publique novamente seu site para que as alterações entrem em vigor.