¿Quieres mostrar las publicaciones más recientes en tu sitio web y mantenerlas al día sin tener que actualizarlas manualmente? El widget de Feeder inserta un feed en directo en cualquier sitio web y se actualiza automáticamente cuando llegan nuevas publicaciones. Configúralo una vez, pega un fragmento de código y listo.
Funciona en cualquier lugar donde puedas añadir un poco de HTML, incluidos WordPress, Squarespace, Wix, Webflow y las páginas creadas a mano con código.
Qué necesitas
El widget forma parte de las herramientas de publicación de Feeder y está disponible en los planes de pago de Feeder. Si tienes el plan gratuito, al abrir el creador verás una opción para cambiar de plan.
Paso 1: Crea tu widget
- Abre Feeder, ve a la pestaña Publicar y selecciona Widgets. Enlace directo: feeder.co/settings/publish/widgets.
- Crea un widget y elige el feed que quieres mostrar.
- Configura su aspecto: tema, colores, fuente, anchura, altura y número de publicaciones. La vista previa se actualiza al momento, así que tus visitantes verán exactamente lo mismo.
- Guarda el widget.
Paso 2: Copia el código para insertar el widget
El creador ofrece tres formas de insertar el widget, todas con el ID de tu widget ya incluido. Elige la que mejor se adapte a tu sitio.
iframe (funciona en casi todas partes)
Es la opción más segura para WordPress y la mayoría de los creadores de sitios web, ya que no depende de scripts personalizados.
https://widgets.feeder.co/?frame&widget=YOUR_WIDGET_ID
Etiqueta script
Muestra el feed directamente en la página. Úsala si tu sitio permite scripts personalizados y quieres que el feed se integre con el diseño.
<feeder-widget data-widget-id="YOUR_WIDGET_ID" style="width: 100%; height: 600px"></feeder-widget>https://widgets.feeder.co/widget.js
URL simple
Práctica para las herramientas que piden un enlace para insertar contenido.
https://widgets.feeder.co/?embed&widget=YOUR_WIDGET_ID
Añade el widget a WordPress
No necesitas instalar ningún plugin en WordPress. Solo tienes que pegar el código para insertar el widget en un bloque o en un área de widgets. Recomendamos usar la versión iframe, ya que WordPress suele eliminar los scripts personalizados por motivos de seguridad.
En una página o entrada (editor de bloques)
- Edita la página o entrada donde quieras mostrar el feed.
- Añade un bloque y elige HTML personalizado.
- Pega el código iframe del paso 2.
- Previsualiza o publica la página. El feed aparecerá donde hayas colocado el bloque.
En una barra lateral o en el pie de página
- Ve a Apariencia > Widgets (o a Apariencia > Personalizar > Widgets).
- Añade un widget de HTML personalizado al área que quieras.
- Pega el código iframe y guarda los cambios.
Con el editor clásico
Cambia de la pestaña Visual a la pestaña Texto y pega el código iframe donde quieras que aparezca el feed.
¿Usas WordPress.com? Para insertar HTML personalizado necesitas el plan Business o uno superior. En WordPress autogestionado (WordPress.org), cualquier administrador puede añadir el código siguiendo los pasos anteriores.
Otros creadores de sitios web
- Squarespace, Wix, Webflow y similares: añade un bloque de inserción o de HTML personalizado y pega el código iframe.
- Sitios creados a mano con código: pega el iframe o la etiqueta script directamente en el HTML.
Consejos y solución de problemas
- Cambia el tamaño: modifica la anchura y la altura en el código para insertar el widget, o ajústalas en el creador antes de copiarlo.
- ¿No aparece nada? Es posible que tu sitio esté eliminando los scripts. Cambia a la versión iframe, que funciona en más sitios.
- Siempre actualizado: el widget obtiene el contenido directamente de tu feed de Feeder, así que las nuevas publicaciones aparecen automáticamente. No tendrás que volver a pegar el código.
¿Tienes algún problema o necesitas ayuda para configurarlo? Escríbenos cuando quieras a support@feeder.co. 👋