Come incorporare i feed dei social media nei siti Figma?

Sì! Figma ha un nuovo web builder chiamato Siti Figma, e ora è possibile progettare e pubblicare un sito web in un ambiente senza codice.

You can create responsive, visually polished landing pages, portfolios, or internal projects – all powered by your Figma designs. But what if you want to make your pages more dynamic with real-time prova sociale?

Now you can embed any EmbedSocial widget – an Feed di Instagram, a Cursore delle recensioni di Google, or a TikTok mentions gallery – directly into your Figma Site.

Per vostra informazione: è possibile incorporare automaticamente un file Widget di Instagram con un aggregatore di social media, dando vita al vostro sito web con contenuti freschi.

Cosa sono i siti Figma?

Figma Sites è uno strumento di pubblicazione leggero che consente di trasformare qualsiasi progetto Figma in una pagina web viva e condivisibile senza bisogno di sviluppatori.

---

Pensate a un modo per inviare micrositi, campagne o presentazioni utilizzando il sistema di progettazione esistente. E ora, grazie al supporto embed, potete arricchire le vostre pagine con i widget live di EmbedSocial.

Passi per incorporare i widget delle recensioni di Instagram o Google nei siti Figma

Solo iframe sono supportati nei siti Figma. Ciò significa che è necessario utilizzare il codice opzione di incorporazione iframe dal widget EmbedSocial. Ecco come fare passo dopo passo:

Passo 1: Copiare il codice Iframe del widget

1. Andare al proprio account EmbedSocial o creare un nuovo account se si è un nuovo utente.
2. Vai a Widget, creare un nuovo widget o selezionare quello che si desidera incorporare (Instagram Feed, Google Reviews, TikTok, ecc.).
3. Nell'Editor, nel pannello delle impostazioni di sinistra, fate clic sul pulsante 'Incorporare' e fare clic su
4. Copiare il iframe (assicurarsi di fare non utilizzare la versione JavaScript)

Passo 2: Aggiungere il blocco HTML nei siti Figma

Seguite questi passaggi per incollare il codice nel vostro sito Figma:

1. Aprite il vostro Sito Figma progetto.
2. Dal pannello di sinistra, fare clic sul pulsante ➕ per aggiungere un nuovo blocco.
3. Selezionare Incorporati dalle opzioni del blocco.
4. Scegliere quindi la voce URL o HTML blocco. È necessario modificare il blocco nell'area in cui si desidera incorporare il codice.
   
5. Verrà visualizzato un nuovo pannello HTML sulla destra, dove sarà necessario incollare il file iframe codice.
   

Fase 3: Regolare la posizione e pubblicare

• Dopo l'incorporazione, è possibile regolare il block’s position, larghezza, e altezza.
• Il widget verrà visualizzato all'interno del layout del sito Figma, consentendovi di visualizzare l'anteprima e di creare il resto del contenuto di conseguenza.
• Cliccare Pubblicare per vedere le modifiche dal vivo.

Here is a live Figma site with an embedded Instagram widget by EmbedSocial – vederlo in azione.

Per iniziare

You’ll now have a fully functional EmbedSocial widget inside your Figma Site – whether it shows Instagram UGC, testimonianze dei clientiun widget spedibile o le recensioni di Google in tempo reale. È un modo semplice per trasformare il vostro design statico in un'esperienza viva alimentata da contenuti autentici.