Añade reseñas de Google en vivo o vídeos de YouTube a Framer
Añada un componente Framer Embed, pegue el fragmento de TileSet en su sección HTML, publique y su sitio mostrará reseñas de Google en vivo o vídeos de YouTube.
Agregarlo a una página
- En TileSet, crea tu widget y copia el fragmento: una etiqueta script y un
div. - En Framer, abra el menú Insertar, busque Embed y arrastre el componente Embed a donde debería ir el feed.
- En la sección HTML del componente, pegue ambas líneas del fragmento.
- Dé al componente el ancho que desee y suficiente altura para el feed en el lienzo.
- Publique el sitio y abra la página publicada. Framer ejecuta scripts solo en el navegador, no en el editor, por lo que el feed se muestra en el sitio publicado.
Pega ambas líneas en el mismo cuadro
Mantenga la etiqueta de script y el div juntos en el mismo componente Embed. Esa es la forma en que la ayuda de Framer describe cómo añadir un script a una página. Varios feeds en una página funcionan de la misma manera: un componente Embed por widget, cada uno con el fragmento completo.
Para qué sirve el Código Personalizado
La configuración de Código Personalizado de Framer añade un script a la cabecera o al cuerpo de todo el sitio, o de páginas elegidas. Ese es el lugar para scripts que no necesitan un espacio en la página. No puede colocar un div donde desee el feed, por lo que TileSet utiliza el componente Embed.
Dale un estilo que combine
En TileSet puede configurar columnas, el espacio entre las fichas, el radio de las esquinas y claro u oscuro, para que el feed encaje en su diseño sin CSS adicional. Configure el widget para que coincida con el fondo de su página.
Comprueba que funciona
- Publique el sitio y abra la página en vivo una vez en su navegador, para que el widget se cargue.
- En la pestaña “Install” (Instalar) del widget, pega la dirección de la página en “Check my page” (Comprobar mi página) y presiona “Check” (Comprobar).
Si el cuadro permanece vacío en la página publicada, compruebe que ha pegado ambas líneas y que el componente es lo suficientemente alto. Más información en Instalar el fragmento.