Quer exibir as publicações mais recentes no seu site e mantê-las atualizadas sem precisar fazer isso manualmente? O widget do Feeder mostra um feed ao vivo em qualquer site e se atualiza automaticamente quando chegam novas publicações. Configure-o uma vez, cole um trecho de código e pronto.
Ele funciona em qualquer lugar onde seja possível adicionar um pouco de HTML, incluindo WordPress, Squarespace, Wix, Webflow e páginas criadas manualmente com código.
O que você precisa
O widget faz parte das ferramentas de publicação do Feeder e está disponível nos planos pagos do Feeder. Se você usa o plano gratuito, o construtor oferece a opção de fazer upgrade quando você o abre.
Etapa 1: configure seu widget
- Abra o Feeder, acesse a aba Publicar e selecione Widgets. Link direto: feeder.co/settings/publish/widgets.
- Crie um widget e escolha o feed que deseja exibir.
- Personalize a aparência: tema, cores, fonte, largura, altura e quantidade de publicações a exibir. A prévia é atualizada em tempo real. O que você vê é exatamente o que os visitantes verão.
- Salve o widget.
Etapa 2: copie o código de incorporação
O construtor oferece três formas de incorporar o widget, cada uma com o ID do widget já preenchido. Escolha a opção mais adequada ao seu site.
iframe (funciona em quase todos os lugares)
A opção mais segura para WordPress e para a maioria dos criadores de sites, pois não depende de scripts personalizados.
https://widgets.feeder.co/?frame&widget=YOUR_WIDGET_ID
Tag de script
Exibe o feed diretamente na página. Use esta opção se o seu site permite scripts personalizados e você quer que o feed se integre perfeitamente ao layout.
<feeder-widget data-widget-id="YOUR_WIDGET_ID" style="width: 100%; height: 600px"></feeder-widget>https://widgets.feeder.co/widget.js
URL simples
Útil para ferramentas que pedem um link para incorporar.
https://widgets.feeder.co/?embed&widget=YOUR_WIDGET_ID
Adicione o widget ao WordPress
Você não precisa de um plugin do WordPress. Basta colar o código de incorporação em um bloco ou na área de widgets. Recomendamos a versão iframe, pois o WordPress costuma remover scripts personalizados por segurança.
Em uma página ou publicação (editor de blocos)
- Edite a página ou publicação onde deseja exibir o feed.
- Adicione um bloco e escolha HTML personalizado.
- Cole o código iframe da Etapa 2.
- Visualize ou publique. O feed aparecerá no local onde você inseriu o bloco.
Em uma barra lateral ou no rodapé
- Acesse Aparência > Widgets (ou Aparência > Personalizar > Widgets).
- Adicione um widget de HTML personalizado à área desejada.
- Cole o código iframe e salve.
Usando o editor clássico
Alterne da aba Visual para a aba Texto e cole o código iframe onde deseja que o feed apareça.
Usa o WordPress.com? Para incorporar HTML personalizado, é necessário ter o plano Business ou superior. No WordPress auto-hospedado (WordPress.org), qualquer administrador pode adicionar o código seguindo as etapas acima.
Outros criadores de sites
- Squarespace, Wix, Webflow e similares: adicione um bloco de incorporação ou de HTML personalizado e cole o código iframe.
- Sites criados manualmente com código: cole o iframe ou a tag de script diretamente no HTML.
Dicas e solução de problemas
- Redimensionar: altere a largura e a altura no código de incorporação ou ajuste esses valores no construtor antes de copiar o código.
- O conteúdo não aparece? Talvez o seu site esteja removendo scripts. Use a versão iframe, que funciona em mais lugares.
- Sempre atualizado: o widget lê diretamente o seu feed do Feeder, então as novas publicações aparecem automaticamente. Não é preciso colar o código novamente.
Está com dificuldades ou precisa de ajuda para configurar? Fale conosco a qualquer momento pelo endereço support@feeder.co. 👋