Completa Brizy Builder/Cloud + Swarmify per l'hosting video WordPress

Usi il page builder Brizy WordPress o Brizy Cloud? In tal caso, continua a leggere per scoprire come integrare Swarmify con entrambe le piattaforme per prestazioni video notevolmente migliori.

I costruttori di siti Web hanno reso la creazione di splendidi siti Web incredibilmente facile. In passato, dovevi imparare a programmare per creare anche il più semplice dei siti web.

Al giorno d'oggi, le cose sono completamente diverse. Non sono necessarie conoscenze di programmazione precedenti per creare siti Web come i professionisti.

Tutto grazie a strumenti come Brizy WordPress Page Builder e la sua sorella Brizy Cloud ospitata nel cloud. La stessa azienda offre entrambe le soluzioni.

Brizy WordPress Page Builder si presenta sotto forma di un plug-in che installi sul tuo sito Web WordPress. Sai, qualcosa come Elementor e Divi, tra gli altri.

Brizy Cloud, d'altra parte, si presenta sotto forma di un costruttore di siti Web online come Webflow, Wix e Weebly, tra gli altri.

Sia Brizy Cloud che Brizy WordPress Builder ti offrono gli strumenti necessari per creare una vasta gamma di siti Web senza sudare.

Sono sostanzialmente lo stesso prodotto. L'unica grande differenza è che uno è un plug-in di WordPress e l'altro è un servizio ospitato nel cloud.

Prendilo?

La buona notizia è che puoi integrare facilmente Swarmify con Brizy Cloud o un sito Web WordPress creato utilizzando il generatore di pagine Brizy.

E nel post di oggi vi mostriamo esattamente come fare!

Senza ulteriori indugi, iniziamo poiché c'è molto da imparare :)

Che cos'è Brizy Builder/Cloud?

Per prima cosa, cos'è Brizy? Brizy è un costruttore di siti Web straordinariamente facile da usare che è disponibile in due versioni: un plug-in WordPress e una versione ospitata su cloud.

Il plugin Brizy WordPress è ottimo per le persone con un sito Web WordPress. Brizy Cloud è perfetto per i principianti che desiderano creare siti Web con zero capacità di codifica.

Sia il plugin Brizy che Brizy Cloud ti offrono un editor drag-and-drop che ti aiuta a creare visivamente un sito web.

Brizy è stato creato dal pluripremiato sviluppatore di temi WordPress Themefuse , per aiutarti a creare siti Web straordinari con un costruttore di siti Web intuitivo che è un gioco da ragazzi da usare.

Ho preso sia la versione di WordPress che il cloud per un giro e sono rimasto impressionato. Themefuse ha cambiato completamente il gioco con un costruttore di siti Web semplice ma potente che non ti intralcia.

Ecco un elenco delle funzionalità che mi sono piaciute.

Caratteristiche principali di Brizy Builder/Cloud

• Editor intuitivo drag-and-drop
• Oltre 40 layout di siti Web predefiniti che puoi importare con un clic
• Oltre 150 blocchi prefabbricati
• Stili globali per personalizzare rapidamente il tuo sito
• Oltre 4000 icone
• Decine di elementi di contenuto come moduli, distanziatori, testo, pulsanti, ecc.
• Stili illimitati
• Iniezione di codice personalizzato
• Un sottodominio gratuito (ad es. https://cherry1993132.brizy.site/) con Brizy Cloud (potresti ospitare una pagina di destinazione gratuita se lo desideri)
• Nome di dominio personalizzato
• Perfetta integrazione con le tue app preferite, tra cui Zapier, Mailchimp e altre ancora
• Salvataggio automatico nel cloud
• Reattivo e pronto per i dispositivi mobili
• E altro ancora!

Brizy offre tutte le funzionalità necessarie per creare siti Web straordinari in tempi record.

Se sei alla ricerca di un costruttore di siti Web, Brizy non ti deluderà. Se stai già utilizzando Brizy, preparati per la prossima sezione, dove impareremo di più su Swarmify SmartVideo e su come integrarlo con il tuo sito web Brizy.

Cos'è Swarmify SmartVideo?

Se leggi questo blog da un po', conosci già Swarmify e SmartVideo.

Se sei nuovo qui... benvenuto e sentiti come a casa :)

Per i principianti, Swarmify è una società di accelerazione video che si occupa di offrire esperienze video veloci e di alta qualità alle piccole imprese di tutto il mondo.

Per raggiungere questa missione, Swarmify ha investito molto nella tecnologia proprietaria e nella stessa infrastruttura utilizzata da giganti dello streaming come Netflix e Hulu.

L'azienda ha anche investito in uno SmartCDN che assicura che i tuoi video vengano caricati velocemente per tutti gli utenti, indipendentemente da dove si trovano nel mondo.

Per saperne di più: sulle funzionalità di SmartVideo qui.

Ora puoi dire addio a YouTube goffo e Vimeo incorpora grazie al nostro lettore video privo di ingombri che sembra bello e professionale sul tuo sito web.

Meglio ancora, il nostro servizio SmartVideo converte automaticamente tutti i tuoi video YouTube e Vimeo dopo averlo configurato sul tuo sito web Brizy.

Se ospiti i tuoi video altrove, sarai lieto di notare che supportiamo i principali siti di caricamento video e servizi di archiviazione cloud.

SmartVideo offre una riproduzione senza buffer e a prova di stallo su tutti i dispositivi. La nostra soluzione di facile implementazione garantisce che "... fai più vendite, riduci le frequenze di rimbalzo e mantieni i visitatori concentrati sul tuo marchio".

Inoltre, ottieni larghezza di banda e spazio di archiviazione illimitati, così puoi continuare a condividere i tuoi video migliori senza costi elevati.

Detto questo, è necessario un account Swarmify attivo per la sezione successiva, in cui imparerai come integrare SmartVideo con il tuo sito Web Brizy, sia che tu stia utilizzando il plug-in di WordPress o la versione ospitata su cloud.

Facciamolo!

Come integrare SmartVideo con Brizy Builder per WordPress

Cominciamo con Brizy Builder per WordPress. Installare SmartVideo sul tuo sito Web WordPress è straordinariamente semplice.

Iniziamo installando il plugin SmartVideo per WordPress.

Accedi alla dashboard di amministrazione di WordPress e vai a Plugin > Aggiungi nuovo , come mostrato di seguito.

Quindi, inserisci SmartVideo nella casella di ricerca e quindi fai clic su Installa ora , come evidenziato di seguito.

Successivamente, premi il pulsante Attiva :

Quindi, fai clic su SmartVideo nel menu di amministrazione di WordPress:

Il tuo plug-in SmartVideo non è ancora pronto. Sarebbe meglio collegarlo al nostro Swarm CDN tramite una chiave speciale che si trova nel tuo account Swarmify.

Quindi, fai clic sul pulsante Configura se hai già un account Swarmify:

Se non hai un account Swarmify, hai la possibilità di crearne uno. Avevo già uno Swarmify, quindi ho fatto clic sul pulsante Configura , che mi ha portato alla pagina seguente.

Come puoi vedere nell'immagine sopra, SmartVideo è ancora disabilitato. Scorri la pagina verso il basso e vedrai un campo che ti consente di inserire la tua chiave CDN Swarm:

Incollerai la chiave che stai per copiare di seguito nel campo sopra.

Accedi alla dashboard di Swarmify e copia la chiave CDN di Swarm in alto:

Torna al tuo sito WordPress, incolla la chiave Swarm CDN nel campo e fai clic su Abilita SmartVideo , come mostrato di seguito.

Ora quando scorri verso l'alto, noterai che SmartVideo è abilitato:

È stato super facile.

Ora, il tuo sito Web Brizy WordPress è connesso a SmartVideo :)

Non sei un naturale in questo?

Per ulteriori opzioni, fai clic sulla scheda Impostazioni in alto, come mostrato di seguito.

Nella pagina delle impostazioni, hai molte opzioni extra per personalizzare la tua esperienza SmartVideo. È possibile modificare i colori del lettore video SmartVideo e la forma del pulsante di riproduzione, tra le altre cose:

Attiva Ottimizza video in background e video esistenti , come mostrato sopra, e fai clic su Salva impostazioni nella parte inferiore della pagina.

Prima di andare avanti, aggiungiamo uno SmartVideo al tuo sito Web WordPress Brizy. Sto lavorando con la pagina seguente.

Sostituirò l'immagine evidenziata in alto con il video Starship: Journey to Mars di SpaceX che ho preso in prestito dal canale YouTube di Newsthink.

Utilizzeremo il seguente tag SmartVideo per incorporare il video:

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

Ricorda di sostituire path/to/my/video.mp4 con l'URL effettivo del tuo video.

N/B: se stai utilizzando YouTube, devi utilizzare il link di incorporamento : https://www.youtube.com/embed / -kU6fMGh4l4 invece del link di visualizzazione diretta: https://www.youtube.com/watch ?v= -kU6fMGh4l4. Se utilizzi il collegamento diretto, SmartVideo non troverà ed elaborerà il tuo video.

Detto questo, il mio tag SmartVideo pronto è simile a questo:

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

Se stai utilizzando un'altra sorgente video, ad esempio Amazon S3, sostituisci il collegamento YouTube con l'URL del video effettivo. Dai un'occhiata ai 9 migliori servizi di caricamento video e archiviazione su cloud.

E dopo?

Apri la pagina WordPress che desideri modificare all'interno di Brizy facendo clic su Continua a modificare con Brizy :

Questo dovrebbe caricare la tua pagina all'interno dell'intuitivo editor drag-and-drop. Dal momento che sto sostituendo l'immagine, selezionerò l'immagine e farò clic sull'icona Elimina :

Se non stai sostituendo nulla, trascina e rilascia l'elemento di contenuto Incorpora ovunque aggiungi il video.

La mia pagina ora si presenta così:

Quindi, fai clic sull'icona Aggiungi (+) per visualizzare il pannello laterale, quindi trascina e rilascia Incorpora dove vuoi. (Nel nostro caso, è all'interno della sezione dell'eroe poiché stiamo sostituendo l'immagine):

Quindi, fai clic all'interno dell'elemento Incorpora e fai clic sul pulsante Incorpora , come mostrato di seguito:

Quindi, copia e incolla il tag SmartVideo nella casella che appare:

Lo guarderai!

Il lettore video SmartVideo è già in azione. Quindi, aggiorna la tua pagina:

Ora, quando visualizzo il mio sito Web di esempio sul frontend, vedo questo:

L'immagine è sparita e al suo posto abbiamo un bellissimo lettore SmartVideo. Nessuno può dire che abbiamo preso in prestito il video da YouTube.

Ora che abbiamo integrato Swarmify SmartVideo con il tuo sito WordPress Brizy, aggiungiamo SmartVideo a Brizy Cloud.

Come integrare Swarmify SmartVideo con Brizy Cloud

Non abbiamo un plugin per Brizy, ma aggiungere Swarmify alla piattaforma cloud è più facile di quanto pensi. Utilizzeremo lo snippet JavaScript SmartVideo.

Non è come un tag SmartVideo perché va nella sezione <head> delle tue pagine, non nel <body> come il tag SmartVideo. Se non capisci cosa significa, non preoccuparti, siamo al tuo fianco.

Ma dove ottengo questo frammento di JavaScript?

Non preoccuparti, è all'interno del tuo account Swarmify.

Come ottenere il tuo snippet JavaScript SmartVideo

Accedi al tuo account Swarmify e fai clic su Configurazione :

Quindi, scegli se hai video di YouTube sul tuo sito Brizy Cloud e fai clic su Avanti :

Suggerimento per professionisti: scegli sempre Sì per aiutare nella conversione automatica se dovessi utilizzare i video di YouTube in futuro.

Hai video di sfondo? Specificalo e fai clic su Avanti :

Stai benissimo :)

Quindi, cambia i colori del lettore video se lo desideri e fai clic su Avanti :

Successivamente, hai la possibilità di modificare la forma del pulsante di riproduzione. Fare clic su Avanti dopo:

Aggiungi una filigrana personalizzata se necessario e fai clic su Avanti :

Quindi, scegli se desideri includere annunci pubblicitari nei tuoi video e premi Fine :

Infine, premi Copia negli Appunti :

Non è stato difficile, vero?

Il tuo JavaScript SmartVideo è pronto. Ora aggiungiamolo al tuo sito Web Brizy Cloud .

Come aggiungere il tuo snippet JavaScript al sito web di Brizy Cloud

Accedi alla dashboard di Brizy Cloud (presumo che tu abbia già un sito Web Brizy Cloud) e scegli il sito Web che desideri modificare:

Questo ti porta direttamente al costruttore di siti Web drag-and-drop di Brizy Cloud:

Come puoi vedere, sto usando lo stesso modello di prima :)

Ma non essere confuso ; ora siamo all'interno di Brizy Cloud e non di Brizy Builder per WordPress . Gli editor visivi hanno lo stesso aspetto, con alcune piccole eccezioni.

Quindi, premi l'icona Impostazioni :

Successivamente, premi la scheda Impostazioni :

Quindi, fai clic su Iniezione di codice :

Incolla il tuo snippet JavaScript SmartVideo nella sezione Intestazione e premi Salva modifiche , come mostrato di seguito.

E questo è tutto! Il tuo Brizy Cloud è ora connesso a Swarmify SmartVideo.

Suggerimento per professionisti : ricordi come abbiamo aggiunto un tag SmartVideo utilizzando l'elemento Incorpora quando lavori con Brizy Builder per WordPress ? Ripeti la procedura per aggiungere un video SmartVideo al tuo sito Web Brizy Cloud .

Sto parlando di questo:

Non voglio ripetere l'intero processo perché sarebbe ridondante quando è praticamente la stessa cosa. Stesso processo.

Suggerimenti finali

L'integrazione con Brizy Builder implica l'utilizzo del plug-in SmartVideo per WordPress. L'integrazione con Brizy Cloud sfrutta lo snippet JavaScript SmartVideo.

L'incorporamento di un video in Brizy Builder o Brizy Cloud rimane lo stesso. Usa l'elemento Incorpora per aggiungere un tag SmartVideo dove vuoi.

Non dimenticare di sostituire path/to/my/video.mp4 nel tag SmartVideo con l'URL effettivo del tuo video, indipendentemente da dove è archiviato.

Qualsiasi domanda? Facci sapere :)