Nuovi feed per i social media: Modelli e demo

Scoprite come incorporare gratuitamente un feed di social media nel vostro sito web. Esempi di feed di social media creati con strumenti semplici come EmbedSocial.

templates for social media feeds

Aggiorniamo continuamente la piattaforma EmbedSocial e questa volta abbiamo ridisegnato completamente l'aspetto dei nostri widget per i social media nella sezione "Contenuti". EmbedFeed prodotto.

EmbedFeed è un sistema completo di aggregatore di social media integrato con i principali social network, costruito per generare e visualizzare post sui social media su qualsiasi sito web possibile.

EmbedFeed fornisce strumenti professionali come la moderazione, la personalizzazione, le opzioni CSS personalizzate per etichettare i post con link personalizzati e tonnellate di impostazioni che vi aiuteranno ad adattare il vostro feed dei social media design con il vostro marchio.

Migliaia di utenti utilizzano questo prodotto e inviano regolarmente il loro feedback su eventuali nuove funzionalità e aggiornamenti.

Questa volta siamo lieti di presentare un aggiornamento significativo del design del frontend dei modelli per i social media:

Annuncio: Nuovi modelli di feed per i social media 

Questi modelli sono già disponibili per tutti i nostri utenti precedenti e nuovi e si trovano nella barra delle impostazioni nella sezione Layout. 

Per leggere la nostra fase di progettazione e controllare i nuovi modelli, seguite i link qui sotto: 

Fase di progettazione: Brainstorming, mockup e prototipi

Prima di iniziare la progettazione, avevamo in mente i seguenti principi: 

  • Esigenze, richieste e feedback degli utenti 
  • Seguire le ultime tendenze del design dell'interfaccia utente.
  • Reattività e adattabilità a qualsiasi dispositivo, browser o costruttore di siti web

La fase di ricerca ha incluso alcuni workshop tra i nostri team di marketing, UX e customer success. E tanta pizza!

design workshop

Fortunatamente era prima della crisi di COVID, quindi siamo riusciti a fare brainstorming nel nostro ufficio e a divertirci a visualizzare come lanciare widget migliori per i nostri utenti. 

Nuovo: Modello di collage

collage social media widget

Il modello Collage è un modello completamente nuovo, costruito da zero e destinato soprattutto a mostrare i post dei social media sulle homepage o sulle landing page. 

Utilizzo: Pagine iniziali, pagine di atterraggio

Layout: Moderno 

Caratteristiche

  • Responsive, layout a quattro griglie
  • Possibilità di definire 1 riga di post con paginazione load more o numerata per adattarsi al design della landing page
  • Mostra didascalia/testo al passaggio del mouse
  • Visualizzazione di interi post in una lightbox o reindirizzamento al post originale
  • Aggiungere un pulsante "Segui
  • Aggiungere o rimuovere il titolo
  • Aggiungere pulsanti CTA ai post

Demo: Modello di collage →

Modello di alimentazione

social media feed widget

Il modello Feed è il nostro modello predefinito, progettato per la maggior parte degli utenti che desiderano visualizzare una classica bacheca di social media su una pagina dedicata. Ha tutti gli elementi necessari per creare un feed di social media per il vostro sito web. 

Utilizzo: Pagine dedicate, Pagine Home

Layout: Classico 

Caratteristiche

  • Layout reattivo a tre griglie di colonne
  • Definire il numero di messaggi per pagina
  • Opzioni per l'aggiunta di una paginazione numerata o di un carico supplementare
  • Visualizzazione di interi post in una lightbox o reindirizzamento al post originale
  • Aggiungere un pulsante "Segui
  • Aggiungere o rimuovere un titolo
  • Mostrare o rimuovere la didascalia sotto le immagini.

Demo: Modello di alimentazione →

Modello di parete

wall social media widget

Il modello Wall è molto simile al Feed. Si concentra maggiormente sull'aspetto classico di una bacheca di un social media, dove il nome utente e i loghi dei social network sono più evidenti nella parte superiore dei post. 

Utilizzo: Pagine dedicate, Pagine Home

Layout: Classico 

Caratteristiche

  • Layout reattivo a tre griglie di colonne
  • Definire il numero di messaggi per pagina.
  • Opzioni per l'aggiunta di una paginazione numerata o di un carico supplementare
  • Visualizzazione di interi post in una lightbox o reindirizzamento al post originale
  • Aggiungere un pulsante "Segui
  • Aggiungere o rimuovere il titolo
  • Mostrare o rimuovere la didascalia sotto le immagini.

Demo: Modello di muro → 

Modello di muratura

masonry social media widget

Il modello Masonry è un moderno design simile a Pinterest per i feed dei social media. Ha lo scopo di offrire una vetrina più elegante alle immagini dei prodotti o ai post pubblicati e contiene immagini più rilevanti rispetto al testo vero e proprio. 

Utilizzo: Pagine dedicate, Pagine Home

Layout: Moderno 

Caratteristiche

  • Layout responsive a tre griglie in muratura
  • Definire il numero di messaggi per pagina
  • Opzioni per l'aggiunta di una paginazione numerata o di un carico supplementare
  • Visualizzazione di interi post in una lightbox o reindirizzamento al post originale
  • Aggiungere un pulsante "Segui
  • Aggiungere o rimuovere il titolo
  • Mostrare o rimuovere la didascalia sotto le immagini

Demo: Modello di muratura →

Modello di griglia

grid social media widget

Il modello Grid è un modello classico per mostrare le immagini e incorporare un feed che assomiglia più a una galleria fotografica. 

Utilizzo: Pagine dedicate, Pagine di atterraggio, Pagine Home

Layout: Classico 

Caratteristiche

  • Opzione responsive per definire il numero di colonne nel layout della griglia
  • Definire la paginazione tra le foto
  • Mostra didascalia/testo al passaggio del mouse
  • Visualizzazione di interi post in una lightbox o reindirizzamento al post originale
  • Aggiungere un pulsante "Segui
  • Aggiungere o rimuovere il titolo
  • Aggiungere pulsanti CTA ai post

Demo: Modello a griglia → 

carousel social media widget

È un modello di carosello moderno che si adatta alle ultime tendenze dell'interfaccia utente per la visualizzazione dei feed dei social media nei primi posti del sito web. È perfetto per i marchi di moda o di cosmetici.

Utilizzo: Home page, piè di pagina, pagine dei prodotti

Layout: Moderno 

Caratteristiche

  • Opzioni per navigare tra le diapositive
  • Aprire i post in una lightbox o reindirizzare al post originale
  • Aggiungere un pulsante "Segui
  • Aggiungere o rimuovere il titolo
  • Visualizza la didascalia al passaggio del mouse
  • Definire l'autoplay

Demo: Modello a carosello → 

Modello di cursore

slider social media widget

Lo slider ha un aspetto più classico rispetto al carosello ed è un'opzione "sicura" che si adatta a quasi tutti i design dei siti web. 

Utilizzo: Home page, piè di pagina, pagine dei prodotti

Layout: Classico 

Caratteristiche

  • Opzioni per navigare tra le diapositive
  • Aprire i post in una lightbox o reindirizzare al post originale
  • Aggiungere un pulsante "Segui
  • Aggiungere o rimuovere il titolo
  • Visualizza la didascalia al passaggio del mouse
  • Definire l'autoplay

Ecco una demo del modello di slider incorporata in questo post:

Demo completa: Modello di cursore →

Caso d'uso: incorporare il feed di Collage in Shopify

I nostri feed funzionano con qualsiasi CMS, web builder o piattaforma di e-commerce.

In questo esempio mostreremo un semplice utilizzo in un negozio Shopify dove è possibile incorporare il feed di Instagram con il nuovo modello di cursore:

embed instagram feed in shopify

Per le integrazioni di altre piattaforme, consultate i link sottostanti:

Perché dovreste incorporare un feed di social media sul vostro sito web, subito

Unendo la potenza dei canali dei social media e del vostro sito web potete ottenere numerosi vantaggi come marketer.

Ne evidenziamo i principali:

  • Crea una migliore esperienza utente sulla vostra pagina web che mantiene i vostri visitatori impegnati 
  • Riduce la frequenza di rimbalzo e aumenta la durata media delle sessioni
  • Diffonde la consapevolezza del marchio e mostra i valori che rappresentate
  • Costruisce forti prova sociale
  • Aumenta le vendite offrendo i vostri prodotti in un formato immersivo
  • Espande la vostra presenza sui social media

Prima di iniziare l'incorporazione, prendetevi del tempo per pensare a cosa volete ottenere aggiungendo i feed dei social media al vostro sito web. 

Ad esempio, se l'obiettivo è quello di aumentare il tempo di permanenza dei visitatori, si può aggiungere un'opzione Feed di FacebookIn questo modo, quando arrivano sul vostro sito web, possono guardare le vostre foto e i vostri video e rimanere nei paraggi. Se volete tenere il vostro pubblico aggiornato sulle ultime novità dell'azienda, un feed di Twitter è l'ideale per voi. 

Oppure, se volete coinvolgere il vostro pubblico mostrando la vostra collezione più recente. In questo caso, incorporare un Feed di Instagram sarà una buona idea per voi. Per aumentare la visibilità del vostro evento, prendete in considerazione l'idea di provare una campagna di hashtag.

Non dimenticate che, se necessario, potete sempre combinare i vostri contenuti sociali da diversi account di social media in un unico luogo.

La scelta è vostra!

Prossime tappe: Incorporare il feed dei social media

Ci auguriamo che i nuovi modelli vi piacciano e continueremo a costruirne altri per i nostri utenti attuali e nuovi.

Per accedere al modello, è sufficiente:

  1. Accedi a EmbedFeed
  2. Andare a Widget e fare clic su Modifica o Crea un nuovo widget
  3. Nella barra laterale andate su Layout e scegliere il modello dall'elenco
  4. Personalizzare e modificare il feed dei social media
  5. Copiate il codice HTML fornito e incollatelo nel vostro costruttore di siti web.
feed templates

Si noti che è possibile aggregare e combinare i media di diverse piattaforme di social media in un unico widget, come la pagina Facebook, Instagram, Twitter, Vimeo, YouTube o TikTok. Sta a voi decidere quali contenuti sociali possono migliorare la vostra presenza online.

Per concludere

Spero che vedere questi feed di social media in azione vi abbia ispirato a fornire al pubblico del vostro sito web un'esperienza superba.

Sì, non esitate a provarli tutti e a vedere quale sarà il fattore WOW che il vostro sito web merita di avere.

E se avete bisogno di assistenza durante il processo di configurazione, non esitate a contattarci; saremo lieti di guidarvi.

embed Instagram feed

Mostra muro dei social media sul vostro sito web automaticamente!

Prova EmbedFeed e visualizzare i feed di Instagram, Facebook, YouTube, Pinterest, TikTok e Vimeo sul vostro sito web in pochi secondi.

Tutte le funzioni PRO | Annullamento in qualsiasi momento.


CEO di EmbedSocial 

Nikola Bojkov è il CEO di EmbedSocial, un imprenditore che trasforma i problemi in prodotti. Con oltre dieci anni di esperienza pratica con le API dei social media, guida EmbedSocial nel suo ruolo di partner tecnico sia per le PMI che per le grandi agenzie, massimizzando l'impatto dei loro contenuti generati dagli utenti. EmbedSocial ha uffici a Skopje, Tokyo e Lisbona e conta oltre 250.000 utenti.