La guida completa di Shopify + Swarmify per l'hosting di video eCommerce

Swarmify ti aiuta ad accelerare i video sul tuo negozio online Shopify per aumentare il coinvolgimento degli utenti e aumentare le tue entrate.

Sapevi che le pagine dei prodotti con contenuti video registrano un aumento dell'80% delle conversioni ? Esatto, i tuoi clienti adorano vedere cosa ottengono.

Puoi caricare il meglio delle immagini dei prodotti, scrivere descrizioni irresistibili e raccogliere recensioni brillanti sui tuoi prodotti, ma i contenuti video guidano il punto a casa in pochi secondi.

Puoi facilmente dimostrare come funziona il tuo prodotto e utilizzare testimonianze video per mostrare perché le persone sono entusiaste del tuo prodotto. Il punto è che il video marketing è una tattica potente per aumentare le vendite sul tuo negozio di eCommerce Shopify.

E nel post del blog di oggi, ti mostriamo esattamente come utilizzare Swarmify e Shopify per offrire ai tuoi utenti video ad avvio istantaneo, senza buffer e incredibilmente veloci. Configurare il tutto è facile come A, B, C, quindi non preoccuparti se non sei esperto di tecnologia :)

Con Swarmify, godi di una migliore esperienza utente, tassi di conversione più elevati e, in definitiva, più vendite. D'altra parte, i video lenti carichi di link di terze parti (ad es. YouTube) non faranno altro che offuscare il tuo marchio, rubare il tuo traffico e allontanare gli utenti.

Ora tu non lo vuoi, e nemmeno noi. Senza ulteriori indugi, iniziamo con alcune informazioni di base, quindi siamo sulla stessa pagina.

Cos'è Shopify?

Shopify è una piattaforma di e-commerce leader del settore. Ti offrono un sacco di strumenti per creare un negozio online e iniziare a correre.

Che tu sia un principiante o un professionista, Shopify rende straordinariamente facile iniziare a vendere, sia online che nel tuo negozio di pietra e malta.

La creazione di un negozio online Shopify è roba da studenti di quarta elementare. La piattaforma viene fornita con un semplice costruttore di negozi e tonnellate di modelli già pronti che puoi personalizzare fino allo sfinimento.

Inoltre, ti offrono un editor di prodotti intuitivo, che ti consente di creare, pubblicare e gestire il tuo inventario come un capo. Puoi persino ottimizzare i tuoi prodotti per i motori di ricerca grazie alle funzionalità SEO integrate.

Inoltre, hai tutti gli strumenti necessari per elaborare e spedire gli ordini senza sudare. Oltre a ciò, ti offrono una suite di strumenti di marketing per "...creare, eseguire e analizzare campagne di marketing digitale..." senza congetture.

Per completare il tutto, hai a disposizione diversi gateway di pagamento, il che semplifica la raccolta e l'elaborazione dei pagamenti.

Ti iniziano con una prova di 14 giorni senza carta di credito per testare le acque. Per sbloccare tutte le funzionalità di Shopify, devi iscriverti a un piano a pagamento.

Caratteristiche principali di Shopify

Shopify è la piattaforma di eCommerce preferita da milioni di utenti, grazie a funzionalità come:

• Editor di siti Web facile da usare per creare negozi online come uno sviluppatore web esperto
• Oltre 70 temi che puoi personalizzare per adattarli al tuo negozio
• Point of Sale (POS), così puoi vendere nel tuo negozio o sul tuo smartphone/dispositivo mobile
• Integrazione semplice con Oberlo per le attività di drop shipping
• Costruttore di negozi online
• Processori di pagamento multipli
• Design reattivo e ottimizzato per i dispositivi mobili
• Foto d'archivio gratuite
• Modifica facilmente HTML, CSS e JS del tuo negozio
• Nome di dominio personalizzato, ad esempio swarmify.com
• Piattaforma di blogging completa, ottima per il content marketing
• Certificato SSL gratuito
• Recupero cassa abbandonata
• Tariffe di spedizione flessibili e tasse automatiche
• Più lingue
• $ 100 crediti pubblicitari di Google se spendi $ 25 per un nuovo account Google Advertising
• Perfetta integrazione con i social media
• Larghezza di banda illimitata
• Assistenza 24 ore su 24, 7 giorni su 7
• E molto di più!

Se usi già Shopify, non hai bisogno che ti indichi perché è una superba piattaforma di eCommerce. Se sei un principiante totale con zero competenze tecnologiche, non puoi mai sbagliare Shopify come fornitore di eCommerce.

Per addolcire l'affare, Shopify offre piani convenienti a partire da soli $ 9 al mese. Se stai avviando una nuova attività, il loro piano Shopify di base ($ 29 al mese) offre un eccellente rapporto qualità-prezzo.

Detto questo, cos'è Swarmify?

Cos'è Swarmify?

A meno che tu non sia completamente nuovo qui, Swarmify è un servizio di accelerazione video unico nel suo genere che ti aiuta a fornire video 12 volte più veloci ai tuoi utenti.

Utilizziamo la stessa tecnologia utilizzata dai giganti dello streaming Netflix e Hulu per offrire esperienze video senza ritardi e senza buffer.

Se utilizzi (o prevedi di utilizzare) video sul tuo negozio Shopify, ti offriamo esattamente ciò di cui hai bisogno per aumentare la velocità di caricamento dei tuoi video.

Inoltre, ti aiutiamo a offrire ai tuoi acquirenti esperienze video completamente personalizzate.

Invece di utilizzare il lettore video di YouTube fornito con il marchio YouTube, i collegamenti e i video consigliati dalla concorrenza, ti offriamo il nostro lettore SmartVideo.

Il nostro rivoluzionario video player non contiene alcun marchio o link. È al 100% privo di ingombri, inoltre puoi personalizzarlo per abbinarlo al tuo negozio Shopify in pochi minuti.

Ecco perché molti imprenditori come te scelgono Swarmify SmartVideo per i loro negozi online Shopify.

Caratteristiche principali di Swarmify

Siamo leader nel settore e ti offriamo funzionalità all'altezza della nostra reputazione.

• Larghezza di banda illimitata , sai, proprio come Shopify :)
• Memoria illimitata
• Rete di distribuzione di contenuti video SmartCDN: i tuoi acquirenti godono di video 12 volte più veloci rispetto alla media del settore, indipendentemente da dove si trovino
• Conversioni automatiche di YouTube: se utilizzi già YouTube e hai alcuni video di YouTube nel tuo negozio Shopify, SmartVideo converte automaticamente tutti i video e li pubblica dai nostri stack super veloci e CDN
• Possibilità di ospitare video su diverse piattaforme come YouTube, Wistia, Vimeo, Google Drive, Amazon S3, pCloud e così via. I tuoi clienti non noteranno la differenza perché serviamo tutti i tuoi video nel nostro lettore video senza ingombri
• Codifica video eccezionale per esperienze di visualizzazione ottimizzate su ogni dispositivo
• Ottimizzazione continua dello streaming - Durante la riproduzione, SmartVideo monitora continuamente l'esperienza video di ogni singolo utente e previene i guasti prima che si verifichino.
• Riproduzione senza stallo - SmartVideo offre in media 8 volte meno buffering durante la riproduzione rispetto ad altri lettori. Ora, i tuoi clienti non devono aspettare che i video dei prodotti vengano inseriti nel buffer. Devi ringraziare il nostro EdgeAI per questo :)
• Installazione facile
• Supporto di prim'ordine supportato da sviluppatori appassionati
• E molto altro (Leggi di più sulle funzionalità qui)

In qualità di imprenditore, desideri utilizzare i video sul tuo negozio online Shopify per una migliore fidelizzazione degli utenti, tassi di conversione più elevati e più vendite.

E poiché il marketing video è impegnativo, hai bisogno di un host video che renda il tuo lavoro più facile, non più difficile.

Entra in Swarmify e tu salvi la giornata. Ti offriamo proprio ciò di cui hai bisogno per offrire ai tuoi acquirenti esperienze video rapide, personalizzate e professionali.

Con la riproduzione video veloce e di alta qualità dalla tua parte, vendere sul tuo negozio Shopify diventa molto più semplice che se servissi video direttamente da YouTube, Wistia, Vimeo o altri siti di hosting di video.

Con questo preambolo, andiamo avanti e integriamo SmartVideo con il tuo negozio Shopify.

Come utilizzare Shopify + SmartVideo per l'hosting video eCommerce

Per la sezione seguente, devi disporre di un negozio Shopify funzionante. Se sei ancora bagnato dietro le orecchie, ecco una guida ingegnosa su come creare un negozio Shopify.

Inoltre, hai bisogno di un account Swarmify pronto. Dai un'occhiata ai nostri piani tariffari convenienti e scegli il piano perfetto per la tua attività. Vuoi saperne di più? Dai un'occhiata al nostro crescente elenco di casi di studio.

Come aggiungere uno SmartVideo alla pagina di un prodotto Shopify

Nella sezione "Media" della pagina di amministrazione del prodotto, fai clic su "Aggiungi media" e carica un video. Una volta installato SmartVideo sul tuo sito, il video verrà consegnato dalla nostra rete di distribuzione globale, tuttavia, il video verrà comunque visualizzato nel video player standard di Shopify.

Per visualizzare un video nel lettore SmartVideo, devi consentire a SmartVideo di convertire automaticamente un video YouTube o Vimeo.

Per il nostro prodotto di esempio, ho preso in prestito un video di recensione da Unbox Therapy su YouTube.

Quindi sono andato avanti e ho creato un prodotto di esempio completo del video di YouTube. Ecco come appare sul nostro negozio Shopify di esempio:

Abbastanza pulito, vero? Devo ammettere che all'inizio sembra buono, ma ci sono un paio di problemi.

In primo luogo, c'è l'ovvio marchio di YouTube, che potrebbe non essere adatto al tuo negozio Shopify.

In secondo luogo, il titolo nella parte superiore del video player è un collegamento abilmente intrecciato che reindirizza i tuoi acquirenti su YouTube. Quando lavori così duramente per indirizzare il traffico verso il tuo sito web, non vuoi assolutamente che ciò accada.

In terzo luogo, ecco come appare il player di YouTube quando l'utente riproduce e mette in pausa il video:

Guarda quello; il player di YouTube è pieno zeppo di disordine e distrazioni intese a sottrarre i tuoi visitatori.

Vedi la sezione "Altri video"?

Quella sezione potrebbe mostrare video dei tuoi concorrenti , il che è semplicemente inaccettabile. E quando il tuo acquirente condivide il video con gli amici, il link reindirizza gli utenti a YouTube e non al tuo negozio Shopify!

Se ti piace utilizzare i video dei prodotti sul tuo negozio Shopify, puoi vedere chiaramente come l' hosting di video direttamente da YouTube sia un problema , anche se si tratta di un servizio gratuito.

O, come si suol dire, non c'è niente come un pranzo gratis :)

In poche parole...

Non puoi proiettare quella sensazione e aspetto professionale con il video player di YouTube. Inoltre, le distrazioni porteranno via solo i tuoi acquirenti, con conseguente riduzione dei tassi di conversione e delle vendite.

Come aggiungere uno SmartVideo a una pagina Shopify standard

Una volta installato SmartVideo, i video di YouTube e Vimeo verranno automaticamente convertiti sul tuo sito, ma il modo più pulito per aggiungere uno SmartVideo a una normale pagina Shopify è sfruttare un tag SmartVideo.

Nella sezione dei contenuti dell'amministratore della tua pagina, fai clic sul pulsante "Inserisci video" e incolla il tag SmartVideo nella casella di testo.

Dopo aver installato SmartVideo (come parleremo nella prossima sezione), il video sarà visibile sulla tua pagina:

Ora che sai con cosa stiamo lavorando, integriamo Swarmify con il tuo negozio Shopify e vediamo la differenza.

Copia lo snippet di configurazione di Swarmify

Al momento in cui scriviamo, non disponiamo di un'app Shopify. Ciò significa che devi integrare Swarmify con Shopify manualmente. Tuttavia, il processo è facile come A, B, C.

Cosa fare?

Accedi alla dashboard di Swarmify :

La dashboard di Swarmify è semplice e facile da usare. Non ti impantaniamo con funzionalità inutili. Lo manteniamo magro proprio come piace a te :)

Quindi, fai clic sulla scheda Configurazione , come mostrato di seguito.

Nella schermata successiva, scegli se hai già video di YouTube nel tuo negozio Shopify e fai clic su Avanti :

Suggerimento professionale : la cosa migliore è scegliere " Sì " per attivare la conversione automatica di YouTube. Ho anche scelto " Sì".

Successivamente, scegli se hai video in background sul tuo negozio Shopify e fai clic su Avanti . Non ho video di sfondo, quindi ho scelto " No :"

Nella pagina successiva, scegli se desideri modificare la combinazione di colori del video player.

Se desideri modificare la combinazione di colori, scegli Sì (1), seleziona il tuo colore personalizzato (2) e fai clic su Avanti (3), come evidenziato nella schermata qui sotto.

Stai andando alla grande :)

Quindi, scegli la forma del pulsante del lettore video e fai clic su Avanti . Al momento, abbiamo tre opzioni: Predefinito (Esagonale), Rettangolo e Cerchio :

Quindi, scegli se desideri aggiungere una filigrana personalizzata ai tuoi video e fai clic sul pulsante Avanti :

Infine, scegli se desideri abilitare gli annunci sui tuoi video e fai clic su Fine :

Dal momento che probabilmente stai aggiungendo video esplicativi ai prodotti Shopify, è meglio senza pubblicità.

Successivamente, fai clic su Copia negli Appunti , come descritto in dettaglio di seguito.

Con il tuo snippet Swarmify copiato, sei pronto per la parte successiva: aggiungerlo al tuo negozio Shopify.

Aggiunta dello snippet di Swarmify al negozio Shopify

Nella sezione seguente, aggiungiamo lo snippet di Swarmify che hai appena copiato nel tuo negozio Shopify.

Non preoccuparti, è semplice :)

Accedi alla dashboard del tuo negozio Shopify e fai clic su Negozio online dal menu di navigazione a sinistra:

Quindi, fai clic su Temi , come mostrato di seguito.

Successivamente, fai clic sul menu a discesa Azioni e seleziona Modifica codice :

Quindi, fai clic su {/} theme.liquid :

Scorri verso il basso fino a visualizzare la sezione con altro codice JavaScript. Di solito inizia con il tag <script> . Ecco uno screenshot per aiutare:

Successivamente, incolla lo snippet Swarmify che hai copiato in precedenza sopra il tag <script> e fai clic su Salva , come mostrato di seguito.

E questo è tutto!

Il tuo negozio Shopify è ora connesso a Swarmify!

Fantastico, vero?

Grazie per essere così paziente. Non volevo saltare nessun passaggio perché è importante farlo fin dall'inizio :)

Ora puoi continuare a caricare video su YouTube e aggiungerli al tuo negozio Shopify. Swarmify codificherà, convertirà e servirà tutti i video in un video player bello e ordinato.

Sai, qualcosa del genere:

Nessun marchio YouTube, nessun collegamento e nessuna distrazione: solo un lettore video ordinato che sembra fantastico anche quando l'utente riproduce e mette in pausa il video :)

N/B : l'ottimizzazione dei video richiede tempo a seconda della durata. Il mio video di esempio era lungo 3,58 minuti, quindi ho aspettato circa quattro minuti :)

E come sapevo che il video era completamente ottimizzato? Sul tuo lettore video vedrai Accelerazione video: ON , come mostrato di seguito.

Stesso video, stessa pagina - risultati diversi. Tutto ciò che attirerebbe il tuo traffico è sparito.

Puf! Tutto finito.

Ora puoi mantenere i tuoi acquirenti dove ne hai più bisogno, sulle pagine dei tuoi prodotti :)

Il video si carica 12 volte più velocemente rispetto al lettore medio e il nuovo lettore privo di ingombri ha un aspetto sorprendente e professionale.

Non sapresti che ho ricevuto il video da YouTube se Unbox Therapy non dicesse: "Per favore iscriviti e seguimi tramite i link nella descrizione... bla bla..."

È un bravo ragazzo, comunque, ma spero che tu abbia capito :)

Personalizzazione del lettore video ulteriormente

Abbiamo un paio di tag per personalizzare ulteriormente il tuo video player.

N/B : a differenza del codice JavaScript che abbiamo aggiunto alla sezione <HEAD> del file {/}theme.liquid , aggiungi i seguenti tag SmartVideo direttamente dove desideri visualizzare il tuo video player. Abbiamo un ottimo esempio Shopify verso la fine :)

Se desideri aggiungere un'immagine poster o una miniatura al tuo video, copia e incolla il seguente codice sul tuo sito:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" poster="path/to/my/image.png" controls></smartvideo>

Appunti:

• Sostituisci " percorso/a/mio/video.mp4" e " percorso/a/mia/immagine.png" con i percorsi effettivi rispettivamente del tuo video e dell'immagine poster
• Puoi regolare la larghezza e l'altezza del tuo lettore come ritieni opportuno

Per riprodurre automaticamente il tuo video, utilizza il seguente tag SmartVideo:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls muted autoplay></smartvideo>

Suggerimento per professionisti: a meno che non sia combinato con disattivato , molti browser limiteranno la riproduzione automatica . Ti consigliamo di utilizzare la riproduzione automatica solo in combinazione con . Inoltre, l'aggiunta di riproduzioni in linea è essenziale per una corretta riproduzione in IOS/Safari durante la riproduzione automatica.

Per dire al lettore video di iniziare la riproduzione con l'audio disattivato, utilizzare:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls muted></smartvideo>

Per riprodurre in loop il tuo video una volta terminato, usa:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls loop></smartvideo>

Per impedire la riproduzione del video a schermo intero su Safari iOS, utilizzare:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls playsinline></smartvideo>

Per evitare che il giocatore risponda (larghezza e altezza fisse), rimuovi class="swarm-fluid" dal tag.

N/B: Se utilizzi YouTube come sorgente video:

• Cambia tutti i video da "privati" a "non elencati". In questo modo Swarmify può recuperare ed elaborare i tuoi video.
• Usa il link di incorporamento corretto, non il link diretto alla pagina. Ad esempio, usa https://www.youtube.com/embed/wBp0Rb-ZJak (buono) invece di https://www.youtube.com/watch?v=wBp0Rb-ZJak (non valido ) .

Inoltre, non rimuovere i controlli inclusi in ogni tag SmartVideo. Se lo fai, il tuo utente non avrà i pulsanti per riprodurre il tuo video.

Un esempio di Shopify funzionante

Per illustrare come utilizzare i tag SmartVideo in Shopify, aggiungerò un video a una nuova pagina Shopify.

Puoi aggiungere tag SmartVideo anche ai post del blog di Shopify: la procedura rimane la stessa.

Sto usando lo stesso video di Unbox Therapy. Ricorda di utilizzare il codice di incorporamento e non il collegamento diretto.

In quanto tale, il mio tag SmartVideo pronto è simile al seguente:

 <smartvideo src="https://www.youtube.com/embed/MPzBcvGtry8" width="1280" height="720" class="swarm-fluid" controls muted autoplay></smartvideo>

Quindi, accedi all'amministratore del tuo negozio Shopify e vai a Negozio online > Pagine e aggiungi una nuova pagina :

Nota, il mio è un negozio completamente nuovo senza pagine :) Se avessi pagine esistenti, vedresti qualcosa del genere:

Non importa, puoi modificare una pagina esistente o fare clic su Aggiungi pagina per aggiungerne una nuova. In questo modo si accede all'editor di pagina.

Quindi, aggiungi un titolo alla tua pagina e passa a HTML, come mostrato di seguito.

Quindi, copia e incolla il tag SmartVideo e fai clic su Salva , come evidenziato di seguito:

Ora, se visualizzi la tua pagina nel front-end, vedrai:

Il nostro video di prova è lì, completo di accelerazione video in background. La riproduzione del video è iniziata automaticamente poiché il mio tag SmartVideo include la riproduzione automatica ed è stato disattivato . Puoi anche vedere tutti i controlli lì.

E questo è tutto ciò che serve per utilizzare i tag SmartVideo per personalizzare ulteriormente il tuo lettore video. Combina diversi tag per ottenere i risultati desiderati.

Parole finali

Swarmify è il nuovo standard per l'hosting video. Abbina la nostra tecnologia a Shopify e avrai gli strumenti per offrire fantastiche esperienze video ai tuoi acquirenti desiderosi.

Forniamo esperienze video veloci, personalizzabili e di alta qualità a un'ampia gamma di aziende, proprio come la tua. È la nostra missione generale e stiamo migliorando ogni giorno.

Non crederci sulla parola, dai un'occhiata ai nostri casi di studio e scopri come altre aziende lo stanno uccidendo con l'hosting video Swarmify per l'eCommerce.