Vista previa en vivo

Lo que muestra la vista previa del creador, cómo ver los modos claro y oscuro, y por qué puede verse distinta de tu página publicada.

El creador muestra una vista previa en vivo del widget en una página de ejemplo, junto a los controles. Usa el contenido real de tu fuente y se actualiza a medida que cambias un control.

Claro y oscuro

Con “Theme” (Tema) establecido en “Auto” (Automático), el widget en vivo sigue la configuración del dispositivo de cada visitante, por lo que “Preview on” (Vista previa en) encima de la vista previa cambia la página de ejemplo entre “Light page” (Página clara) y “Dark page” (Página oscura) para comprobar ambos resultados. Con “Theme” establecido en “Light” (Claro) o “Dark” (Oscuro) el widget se ve igual en cualquier página, por lo que el cambio no se muestra.

Lo que la vista previa no muestra

• El CSS de tu propia página. El widget trae su propia fuente del sistema y sus colores, pero las reglas de todo el sitio (por ejemplo, sobre imágenes o enlaces) igual pueden afectarlo, así que revisa la página publicada después de pegar el fragmento de código.

Comportamiento que la vista previa reproduce

Una vez que el widget se carga, sus mosaicos mantienen su forma mientras llegan las imágenes. Antes de eso, el div no tiene altura, así que dale un min-height en tu página si quieres que no haya ningún desplazamiento. Las imágenes se cargan de forma diferida y el lightbox abre una publicación o un video sin salir de la página. Puedes abrir uno en la vista previa para probarlo.

Después de incrustarlo

La pestaña “Activity” (Actividad) del widget indica si el código insertado se vio en una página, en qué sitio y cuándo se cargó por última vez, a los pocos minutos de la primera carga. Para ver los recuentos a lo largo del tiempo, consulta “Analytics” (Analíticas), disponible en Starter y superiores (consulta Planes y créditos).