Documentación de SeedProd

Documentación, Materiales de Referencia y Tutoriales para SeedProd

Bloque de Incrustación de Tweet de X (Twitter)

El bloque de Incrustación de Tweet de X (Twitter) te permite incrustar un tweet específico directamente en cualquier página de SeedProd. Es una forma conveniente de destacar una publicación individual — como un testimonio de cliente, un anuncio de producto o una mención destacada — y compartirla con tus visitantes sin necesidad de que visiten X (Twitter).

Solo necesitas el ID del Tweet, que puedes encontrar en la URL del tweet. Una vez añadido, puedes elegir un esquema de color claro u oscuro, controlar si se muestra el hilo de la conversación y las tarjetas multimedia, ajustar el ancho del widget y seleccionar el idioma de visualización para que coincida con tu audiencia.

Bloque de Tweet incrustado de X (Twitter) que muestra un tweet incrustado en una página de SeedProd con tema oscuro

Requisitos: El bloque de Incrustación de Tweet de X (Twitter) está disponible en todos nuestros planes de licencia.


Añadir el Bloque de Incrustación de Tweet de X (Twitter) a tus Páginas

Sigue estos pasos para añadir un bloque de Incrustación de Tweet de X (Twitter) a tu página de SeedProd:

Paso 1: Añadir el Bloque

En Diseño > Bloques, arrastra y suelta el bloque Incrustación de Tweet de X (Twitter) en la sección deseada de tu página.

Arrastrando el bloque de Tweet incrustado de X (Twitter) a una página de SeedProd

Paso 2: Configurar los Ajustes de Contenido

Una vez añadido, haz clic en el bloque de Incrustación de Tweet de X (Twitter) para abrir su configuración. En la pestaña Contenido, encontrarás las siguientes opciones en la sección Configuración de X (Twitter):

  • ID del Tweet: Introduce el ID numérico del tweet que deseas incrustar. Puedes encontrar el ID del Tweet en la URL del tweet; es el número largo al final, después de /status/. Por ejemplo, en https://twitter.com/seedprod/status/1385250840898850816, el ID del Tweet es 1385250840898850816.
  • Esquema de color: Elige entre Claro y Oscuro para que el widget de tweet incrustado coincida con el diseño de tu página.
  • Ocultar conversación: Activa para ocultar el hilo de la conversación que aparece debajo del tweet (Sí/No).
  • Ocultar fotos/vídeos/tarjetas: Activa para ocultar cualquier tarjeta multimedia, foto o vídeo adjunto al tweet (Sí/No).
  • Ancho: Establece el ancho del widget de tweet incrustado en píxeles usando un deslizador.
  • Alineación: Establece la alineación horizontal del widget en la página — Izquierda, Centro o Derecha — con controles por dispositivo para escritorio, tableta y móvil.
  • Idioma: Elige el idioma de visualización para la interfaz del widget. Las opciones incluyen Automático, Inglés, Árabe, Bengalí, Checo, Danés, Alemán, Griego, Español, Persa, Finlandés, Filipino, Francés, Hebreo, Hindi, Húngaro, Indonesio, Italiano, Japonés, Coreano, Malayo, Neerlandés, Noruego, Polaco, Portugués, Rumano y más.
Pestaña de Contenido del bloque de Tweet incrustado de X (Twitter) que muestra el ID del Tweet, el esquema de colores, las opciones de alternancia, el ancho y la configuración del idioma

Paso 3: Personaliza el Diseño

En la pestaña Avanzado, puedes controlar aún más el diseño y el comportamiento de tu bloque de Incrustación de Tweet de X (Twitter).

Espaciado:

  • Margen: Establece el espaciado exterior alrededor del bloque en los cuatro lados, con controles independientes para escritorio, tableta y móvil.
  • Relleno: Establece el espaciado interior dentro del contenedor del bloque en los cuatro lados, con controles por dispositivo.

Atributos:

  • Clase personalizada: Añade una o más clases CSS personalizadas al contenedor del bloque para una estilización específica.
  • ID CSS: SeedProd genera automáticamente un ID CSS único para este bloque. Puedes usarlo para referenciar el bloque en CSS o JavaScript personalizado.
  • Atributos personalizados: Añade atributos HTML personalizados al elemento contenedor del bloque. Introduce cada atributo en una línea nueva usando el formato clave|valor.

Visibilidad del Dispositivo:

  • Ocultar en escritorio: Activa para ocultar el bloque cuando se ve en pantallas de escritorio.
  • Ocultar en tableta: Activa para ocultar el bloque cuando se ve en pantallas de tableta.
  • Ocultar en móvil: Activa para ocultar el bloque cuando se ve en pantallas móviles.

Efectos de Animación:

  • Efecto de desplazamiento: Aplica una animación activada por desplazamiento al bloque, incluyendo opciones de Desplazamiento Vertical y Desplazamiento Horizontal con controles de dirección, velocidad y desplazamiento de la ventana gráfica.
  • Efecto del ratón: Aplica un efecto de paralaje impulsado por el movimiento del ratón al bloque.
Pestaña Avanzada del bloque de Tweet incrustado de X (Twitter) que muestra Espaciado, Atributos, Visibilidad del dispositivo y Efectos de animación

Paso 4: Guarde sus Cambios

Una vez que hayas terminado de configurar el bloque de Tweet incrustado de X (Twitter) y personalizar su apariencia, asegúrate de guardar tu trabajo.


¡Has añadido con éxito un bloque de Tweet incrustado de X (Twitter) a tu página! Incrustar tweets individuales es una excelente manera de resaltar pruebas sociales, presentar menciones notables o compartir anuncios en contexto. Utiliza el esquema de colores y las opciones de visibilidad para asegurar que el widget se integre perfectamente con el diseño de tu página.

Artículos Relacionados