Copia y pega este código en tu página web (HTML, WordPress, Wix, etc.) donde quieras que aparezcan las últimas publicaciones de SomosCristianos.org:

A) Simple con fondo blanco:

<div style="text-align:center; margin-bottom:10px;">
  Contenido provisto por 
  <a href="https://somoscristianos.org" target="_blank">SomosCristianos.org</a>
</div>

<iframe
  src="https://somoscristianos.org/widget-de-publicaciones/"
  width="100%"
  height="650"
  style="border:0; overflow:auto;"
  loading="lazy">
</iframe>

Ejemplo de como se va a ver en tu sitioweb (contiene paginación):

B) Más elegante con fondo blanco, cuadro y paginación:

<div class="sc-embed-wrapper">
  <div class="sc-embed-header">
    Contenido de 
    <a href="https://somoscristianos.org" target="_blank" rel="noopener noreferrer">
      SomosCristianos.org
    </a>
  </div>

  <iframe
    src="https://somoscristianos.org/widget-de-publicaciones/"
    width="100%"
    height="780"
    style="border:0; overflow:auto; border-radius:14px;"
    loading="lazy">
  </iframe>
</div>

<style>
  .sc-embed-wrapper {
    max-width: 1200px;
    margin: 20px auto;
    padding: 16px 18px 20px;
    background: #f5f5f9;
    border-radius: 18px;
    border: 1px solid #e0e0eb;
    box-shadow: 0 10px 26px rgba(0,0,0,0.06);
  }
  .sc-embed-header {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    color: #666;
    text-align: right;
    margin-bottom: 10px;
  }
  .sc-embed-header a {
    color: #1f5fbf;
    font-weight: 600;
    text-decoration: none;
  }
  .sc-embed-header a:hover {
    text-decoration: underline;
  }
</style>

Ejemplo:

C) Un Iframe para que despliegues todo el sitioweb de somoscristianos.org:

<div style="width: 100%; max-width: 1000px; margin: 0 auto; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
    <iframe 
        src="https://somoscristianos.org" 
        width="100%" 
        height="600" 
        style="border: 0;" 
        loading="lazy" 
        allowfullscreen
        title="Somos Cristianos">
    </iframe>
</div>

Ejemplo:

A continuación te explicamos cómo integrarlo según la plataforma que uses:

1. Si tu sitio web usa WordPress (Gutenberg / Editor de bloques)

Entra a tu panel de WordPress.
Dirígete a Páginas o Entradas y selecciona dónde deseas mostrar el widget.
Haz clic en Editar.
Añade un bloque nuevo con el botón +.
Selecciona el bloque HTML personalizado.
Pega el código del widget dentro del bloque.
Guarda y actualiza tu página.

Listo. El widget se mostrará inmediatamente en tu sitio.

2. Si tu sitio usa WPBakery Page Builder

Abre la página donde quieres incrustar el widget.
Haz clic en Frontend Editor o Backend Editor.
Agrega un nuevo elemento con el botón +.
Busca y selecciona Raw HTML (HTML sin procesar).
Pega el código del widget dentro de ese cuadro.
Guarda y actualiza la página.

El widget aparecerá de forma automática.

3. Si tu página está hecha con Wix

Ingresa al editor de Wix.
Ve al panel izquierdo y selecciona Agregar (Add).
Elige Embed.
Selecciona HTML iframe o Insert HTML.
Pega todo el código del widget.
Ajusta el ancho/alto si lo deseas.
Guarda y publica.

El widget cargará las publicaciones más recientes.

4. Si usas Squarespace

Entra al editor de la página.
Haz clic en el botón + para agregar un bloque.
Selecciona Code (Código).
Pega el código del widget.
Guarda los cambios.

El contenido se mostrará automáticamente.

5. Si tu web es HTML puro o está hecha a mano

Coloca el código del widget dentro del <body> del archivo donde quieras que aparezca:

<body>
    <!-- Tu contenido -->
    
    <div style="text-align:center; margin-bottom:10px;">
      Contenido provisto por 
      <a href="https://somoscristianos.org" target="_blank">SomosCristianos.org</a>
    </div>

    <iframe
      src="https://somoscristianos.org/widget-de-publicaciones/"
      width="100%"
      height="650"
      style="border:0; overflow:auto; border-radius:10px;"
      loading="lazy">
    </iframe>
</body>

Guarda el archivo y actualiza tu navegador.

6. Si usas otro sistema (Weebly, Joomla, Shopify, Webflow, Blogger)

El procedimiento es siempre el mismo:

Busca un área donde puedas pegar código HTML.
Inserta el código del widget.
Guarda los cambios.

Todos los sistemas modernos aceptan iframe sin problema.

Notas importantes

El widget se actualiza automáticamente, no necesitas hacer nada.
Siempre mostrará las publicaciones más recientes de SomosCristianos.org.
El enlace superior es opcional pero recomendable para dar crédito.
Puedes ajustar el alto cambiando height="650" si lo deseas.

Soporte