Copy and paste this code into your website (HTML, WordPress, Wix, etc.) wherever you want the latest posts from SomosCristianos.org to appear:

A) Simple with white background:

<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) More elegant with a white background, boxed layout and pagination:

<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) An iframe to display the entire SomosCristianos.org website:

<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:

Below we explain how to integrate it depending on the platform you use:

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.

Support