O bloco Página do Facebook permite incorporar um feed ao vivo da página do Facebook diretamente em qualquer página do SeedProd. Os visitantes podem ver sua linha do tempo, eventos ou conteúdo de mensagens sem sair do seu site, ajudando você a manter seu público envolvido e atualizado.
Com opções para controlar quais guias são exibidas, ajustar o estilo do cabeçalho, mostrar ou ocultar fotos de perfil e definir a altura da incorporação, este bloco oferece controle total sobre como sua página do Facebook aparece no seu site.
Adicionando o bloco da página do Facebook às suas páginas
Siga estas etapas para adicionar um bloco de página do Facebook à sua página SeedProd:
Passo 1: Adicione o bloco
Em Design > Blocos, arraste e solte o bloco Página do Facebook na seção desejada da sua página.
Etapa 2: Configurar as definições de conteúdo
Depois de adicionar, clique no bloco Página do Facebook para abrir suas configurações. Na guia Conteúdo, configure qual página do Facebook exibir e como ela deve aparecer.
Configuração do Facebook:
- ID do aplicativo do Facebook: exibe seu aplicativo do Facebook conectado. Se ainda não houver um ID de aplicativo configurado, você verá uma solicitação para defini-lo nas configurações da página. Depois de conectado, uma opção Alterar aplicativo será exibida para mudar para um aplicativo diferente.
- Link: Insira o URL completo da página do Facebook que você deseja incorporar (por exemplo, https://www.facebook.com/yourpage/).
- Guias: selecione quais guias de conteúdo exibir no feed da página incorporada. Você pode escolher uma ou mais opções entre Linha do tempo, Eventos e Mensagens. A Linha do tempo mostra as publicações recentes, Eventos mostra os próximos eventos e Mensagens abre uma opção de mensagem direta.
- Cabeçalho pequeno: ative para exibir uma versão compacta do cabeçalho da página do Facebook, economizando espaço vertical na incorporação.
- Ocultar foto de capa: ative para ocultar a foto de capa da página do feed incorporado.
- Fotos de perfil: ative para mostrar as fotos de perfil dos amigos que curtiram a página junto com a incorporação.
- Ocultar botão CTA: ative para ocultar o botão de call to action (como Curtir ou Seguir) da página incorporada.
- Altura: defina a altura do feed da página do Facebook incorporado em pixels, de 70 a 700 px.
- Alinhamento: defina o alinhamento horizontal da página incorporada — Esquerda, Centro ou Direita.
Etapa 3: Personalizar o design
Na guia Avançado, você pode ajustar o espaçamento e a visibilidade do seu bloco da página do Facebook.
Espaçamento:
- Margem: controle o espaçamento externo ao redor do bloco da sua página do Facebook (superior, direito, inferior, esquerdo). Suporta valores por dispositivo para desktop, tablet e celular.
- Preenchimento: ajuste o espaçamento interno do bloco da sua página do Facebook (superior, direito, inferior, esquerdo). Suporta valores por dispositivo para desktop, tablet e celular.
Atributos:
- CSS ID: Exibe o identificador exclusivo gerado automaticamente para o seu bloco da página do Facebook, criado automaticamente pelo SeedProd para personalização de estilo ou segmentação JavaScript.
- Classe personalizada: adicione classes CSS personalizadas para aplicar estilos específicos do seu tema ou CSS personalizado.
- Atributos personalizados: adicione quaisquer atributos HTML ao elemento wrapper do bloco. Insira cada atributo em uma nova linha usando o formato: nome-do-atributo|valor.
Visibilidade do dispositivo:
- Ocultar na área de trabalho: oculte o bloco da página do Facebook nas telas da área de trabalho.
- Ocultar no tablet: Oculte o bloco da página do Facebook em dispositivos tablet.
- Ocultar no celular: oculte o bloco da página do Facebook em dispositivos móveis.
Efeitos de animação:
- Animação de entrada: escolha um efeito de animação que seja reproduzido quando o bloco da página do Facebook aparecer na tela, como Saltar, Aparecer gradualmente, Ampliar, Girar e muitos outros.
Etapa 4: Salve suas alterações
Depois de terminar de configurar o bloco Página do Facebook e personalizar sua aparência, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um bloco da página do Facebook à sua página! Esse bloco facilita a exibição do feed ao vivo da sua página do Facebook em qualquer página do SeedProd, mantendo os visitantes conectados à sua presença social sem redirecioná-los para fora do seu site. Certifique-se de que o ID do seu aplicativo do Facebook esteja configurado para que a página incorporada seja carregada corretamente para todos os visitantes.