Configurar Logos, Video y redes sociales

Qué vas a lograr

• Mostrar logos de marcas, partners o medios en una página.
• Agregar un video con URL, poster y formato correcto.
• Insertar publicaciones de Instagram, TikTok, YouTube o Spotify.

Paso a paso en Flobu

Cómo funciona la interfaz de Flobu en este tutorial

• Menú lateral: entra a Tienda online y abre la página que quieres editar.
• Panel central: selecciona el bloque en la vista previa para revisar cómo se verá.
• Panel derecho: configura Contenido, Logos, Video, Red social, Poster y Presentación.
• Acciones clave: usarás Agregar bloque, Agregar, Cambiar, URL del video, Link de la publicación y los controles por dispositivo.

1) Configurar Logos

1. Abre la página en el editor visual.
2. Haz clic en Agregar bloque.
3. Selecciona Logos.
4. Haz clic sobre el bloque para abrir su configuración.
5. En Contenido, edita el Título del bloque.
6. En Logos, haz clic en Agregar.
7. Selecciona el logo nuevo.
8. En Imagen, usa Agregar o Cambiar.
9. En Contenido, completa el campo Nombre.
10. En Accesibilidad, marca Logo decorativo o completa el Texto alternativo.
11. En Enlace, agrega una URL de destino si el logo debe llevar a otra página.
12. En Presentación, ajusta Columnas, Tamaño de logo, Separación, Estilo de tarjeta, Radio y Nombre visible.

Resultado esperado: El bloque muestra logos ordenados y adaptados para móvil, tablet y escritorio.

2) Configurar Video

1. Haz clic en Agregar bloque.
2. Selecciona Video.
3. Haz clic sobre el bloque.
4. En Video, pega la URL del video.
5. Revisa el proveedor detectado o elige YouTube, Vimeo o Video directo.
6. En Poster, selecciona una imagen si quieres mostrar una portada antes de reproducir.
7. En reproducción, define si el video será automático, repetido, silenciado o con controles visibles.
8. En Presentación, ajusta Proporción, Ancho, Alineación, Recorte, Posición, Radio y Caption.

Resultado esperado: El video se carga con el proveedor correcto y mantiene una proporción adecuada en la tienda.

3) Agregar redes sociales

1. Haz clic en Agregar bloque.
2. Selecciona Instagram, TikTok, YouTube o Spotify.
3. Haz clic sobre el bloque.
4. En Red social, confirma la plataforma que quieres mostrar.
5. Pega el Link de la publicación.
6. Si Flobu indica que el enlace no corresponde o no es seguro, usa una URL válida de esa red.
7. En Contenido, agrega Título o Caption si necesitas contexto.
8. En Presentación, ajusta Alineación, Ancho, Radio y Estilo.
9. Repite el proceso si quieres mostrar más publicaciones.

Resultado esperado: La publicación social aparece incrustada y con el ancho correcto para su formato.

---

Checklist final rápido

• Agregué al menos un logo con imagen o nombre.
• Revisé el texto alternativo de los logos que no son decorativos.
• Ajusté las columnas de Logos para móvil, tablet y escritorio.
• Completé la URL del video.
• Revisé el proveedor y la proporción del video.
• Agregué una publicación social con un enlace válido.
• Revisé el resultado en móvil, tablet y escritorio antes de publicar.

---

Errores comunes

• Dejar el bloque Logos sin elementos. Agrega al menos un logo para que tenga contenido visible.
• Usar logos sin texto alternativo cuando no son decorativos. Completa el campo Texto alternativo para describirlos.
• Pegar un video de YouTube o Vimeo y dejar un proveedor incorrecto. Revisa el proveedor detectado antes de publicar.
• Usar una URL no segura o no soportada en URL del video. Pega un enlace válido.
• Pegar un link social que no corresponde a Instagram, TikTok, YouTube o Spotify. Usa la URL exacta de la publicación.
• Publicar sin revisar móvil. Algunos videos y publicaciones sociales cambian bastante según el ancho disponible.