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!
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
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
Modello di alimentazione
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
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.
Modello di muratura
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
Modello di griglia
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
Modello di carosello
È 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
Modello di cursore
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:
Per le integrazioni di altre piattaforme, consultate i link sottostanti:
- Feed dei social media in Shopify
- Feed dei social media in WordPress
- Feed dei social media per Squarespace
- Feed dei social media per PageCloud
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:
- Accedi a EmbedFeed
- Andare a Widget e fare clic su Modifica o Crea un nuovo widget
- Nella barra laterale andate su Layout e scegliere il modello dall'elenco
- Personalizzare e modificare il feed dei social media
- Copiate il codice HTML fornito e incollatelo nel vostro costruttore di siti web.
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.
Display 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.