Ghidul complet Beaver Builder + Swarmify pentru găzduire video

Folosești Beaver Builder? Dacă da, Swarmify vă ajută să oferiți experiențe video rapide, fără tampon și profesionale pe site-ul dvs., fără a pierde banii.

Având peste un milion de site-uri web, Beaver Builder este un constructor de pagini popular cu drag and drop printre utilizatorii WordPress.

Generatorul de pagini este incredibil de ușor de utilizat, dar vine cu un set unic de caracteristici care l-au îndrăgit atât pentru începători, cât și pentru experți.

De exemplu, am primit următoarea pagină în mai puțin de cinci minute:

Este practic un șablon gata făcut pe care îl poți importa în câteva secunde. Apoi, înlocuiți imaginile și textul cu conținutul dvs. și sunteți activ.

Dacă nu vă plac șabloanele Beaver Builder, puteți începe cu o pagină goală. Apoi trageți și plasați blocurile de conținut la locul lor și creați vizual restul paginii dvs. fără a scrie HTML sau a vă lupta cu codurile scurte.

În trecut, am acoperit alți generatori de pagini, cum ar fi Divi, Elementor, Brizy și Webflow. Consultați ghidurile ori de câte ori puteți :)

Astăzi, vă arătăm exact cum să utilizați Beaver Builder și Swarmify pentru a oferi experiențe video rapide, fără blocaje și profesionale pe site-ul dvs.

Fără alte prelungiri, să începem pentru că sunt multe de învățat.

Ce este Beaver Builder?

Înainte de orice, haideți să aflăm mai multe despre Beaver Builder de dragul primului cronometru dintre noi.

Beaver Builder este un constructor premium de pagini WordPress. Instrumentul vă ajută să creați vizual pagini WordPress receptive.

Aceasta înseamnă că creați pagini prin glisarea și plasarea blocurilor de conținut. Nu aveți nevoie de experiență anterioară de codare pentru a utiliza generatorul de pagini Beaver Builder.

Aceasta este o veste excelentă pentru începători și profesioniști, deoarece vă puteți simplifica fluxul de lucru și puteți economisi mult timp pe măsură ce construiți site-uri web.

Cele mai mari nume din WordPress iubesc și au încredere în Beaver Builder:

Cea mai bună parte despre Beaver Builder este faptul că este atât de ușor de utilizat încât veți construi site-uri web WordPress în câteva ore și nu în zile.

Iar faptul că este ușor de utilizat nu înseamnă că Beaver Builder nu este la fel de puternic ca alți generatori de pagini. Este un generator de pagini robust datorită unei liste extinse de caracteristici ingenioase.

Caracteristici, zici?

Da, Beaver Builder se mândrește cu următoarele caracteristici:

• Design 100% receptiv, ceea ce înseamnă că paginile dvs. vor arăta grozav pe mai multe dispozitive
• Cadrul tematic Beaver Builder pentru toate proiectele dvs. WordPress
• Zeci de șabloane prefabricate pentru a crea pagini de destinație, pagini de pornire, pagini de conținut etc.
• Beaver Builder Creator de pagini Drag and Drop
• O mulțime de blocuri de conținut pentru a adăuga text, imagini, butoane, titluri, videoclipuri etc.
• O mulțime de widget-uri WordPress, inclusiv widget-ul SmartVideo
• Setări globale
• HTML personalizat, CSS și JavaScript, dacă este necesar
• Comenzi rapide de la tastatură
• Supliment Beaver Themer pentru a personaliza fiecare parte a site-ului dvs., inclusiv anteturile și subsolurile
• Control total asupra designului site-ului dvs
• Compatibil cu o gamă largă de teme WordPress
• O versiune gratuită disponibilă ca plugin pe WordPress.org
• Sprijin de clasă mondială
• Capacitate multisite
• Etichetare albă
• Et cetera

Beaver Builder este un puternic generator de pagini care face ca crearea de site-uri web WordPress frumoase și receptive o simplă. Dacă este prima dată, puteți încerca versiunea gratuită și puteți face upgrade la un plan pro mai târziu.

Oferă trei pachete de prețuri perfecte pentru proprietarii de site-uri începători, liber profesioniști și agenții creative. Toate pachetele vă permit să utilizați Beaver Builder pe un număr nelimitat de site-uri web.

Acum că suntem cu toții pe aceeași pagină, haideți să trecem la SmartVideo al lui Swarmify.

Ce este Swarmify SmartVideo?

Swarmify este o companie de accelerare video axată pe aducerea de streaming la calitate Netflix pentru toată lumea într-un pachet simplu. Platforma noastră SmartVideo simplifică toate părțile mobile complexe și costisitoare care înconjoară implementarea video.

SmartVideo gestionează automat încărcarea, codificarea, găzduirea și livrarea videoclipurilor dvs. indiferent de locul în care le stocați, fie că este vorba de YouTube, Dropbox, Amazon S3, Google Cloud și așa mai departe.

De ce Swarmify SmartVideo?

Platforma Swarmify SmartVideo ajută companiile să rezolve unele dintre cele mai grele probleme în fluxul video: tamponarea și calitatea streamingului. SmartVideo împiedică, de asemenea, like-urile YouTube să-ți sifoneze traficul folosind playere video încărcate cu link-uri.

Datorită soluției noastre de livrare, puteți livra videoclipuri de 12 ori mai rapide decât jucătorii medii din industrie . Aceeași platformă de livrare vă ajută, de asemenea, să reduceți blocajele de 8x .

„Swarmify SmartVideo a fost lansat în mai 2017. Am văzut o creștere enormă în fiecare lună. Mai multe companii recunosc costul real al utilizării YouTube. Înainte de SmartVideo, soluția noastră era disponibilă numai companiilor de mari dimensiuni. În total, am sărbătorit recent că am transmis în flux peste cinci sute de milioane de videoclipuri”, spune Nathan Barnett, CEO, Swarmify. „Dacă site-ul tău se încarcă rapid, dar videoclipul se încarcă lent, vei pierde în continuare acel client.” Sursa: YourStory.com

SmartVideo vă ajută să livrați videoclipuri rapide, fără tampon și de înaltă calitate pe site-ul dvs. web Beaver Builder. Vă oferim un player video fără dezordine, care nu conține niciun link și branding terță parte, permițându-vă să oferiți experiențe video profesionale vizitatorilor site-ului dvs.

Iată câteva dintre caracteristicile care fac din SmartVideo cea mai bună platformă de accelerare video din jur.

• Player video curat, fără distragere a atenției - YouTube și alte platforme își aglomerează playerul cu link-uri pentru a vă sifona traficul. Playerul SmartVideo este curat, personalizabil și fără scurgeri.
• Conversii automate YouTube și Vimeo - Dacă utilizați deja videoclipuri YouTube sau Vimeo pe site-ul dvs. Beaver Builder, SmartVideo va converti automat toate videoclipurile de îndată ce instalați pluginul nostru WordPress.
• Optimizat pe fiecare dispozitiv, ceea ce înseamnă că videoclipurile dvs. pot fi vizionate pe orice dispozitiv și browser.
• Lățime de bandă și stocare nelimitate
• Redare rapidă, fără buffer și fără blocare
• Asistență continuă oferită de dezvoltatori super-talentați și prietenoși
• Structură simplă a prețurilor, fără contracte umbroase
• Analize de implicare video
• CDN video global pentru a oferi utilizatorilor videoclipuri extrem de rapide, indiferent unde se află aceștia în lume
• etc.

Swarmify SmartVideo este un schimbător de joc în domeniul accelerării video. Aducem multă experiență de lucru și expertiză la masă.

În plus, instalarea SmartVideo pe site-ul dvs. Beaver Builder este incredibil de ușoară, așa cum veți afla în secțiunea următoare. Dar dacă ești vreodată blocat, poți oricând să ne contactezi :) Suntem întotdeauna bucuroși să vă ajutăm.

Mișcându-ne rapid, permiteți-ne să instalăm SmartVideo pe site-ul dvs. web Beaver Builder.

NB: Pentru următoarea secțiune, veți avea nevoie de un cont Swarmify activ. Nu aveți încă un cont? Creați unul astăzi și profitați de reducerea dvs. exclusivă de 50%.

Cum să integrați Swarmify SmartVideo cu un site web Beaver Builder

Deoarece Beaver Builder funcționează cu WordPress, vom folosi pluginul gratuit SmartVideo. După ce v-ați creat contul Swarmify, descărcați pluginul SmartVideo WordPress pe computer.

Apoi, conectați-vă la tabloul de bord de administrare WordPress și navigați la Plugin-uri > Adăugați nou , după cum se arată mai jos.

Apoi, faceți clic pe butonul Încărcați pluginul , selectați pluginul SmartVideo de pe computer și apăsați Instalare acum :

După aceea, activați pluginul:

Nu suntem încă acolo - este timpul să vă conectați site-ul web cu contul dvs. Swarmify.

Cum?

Faceți clic pe SmartVideo în meniul dvs. de administrare WordPress, așa cum evidențiem mai jos.

Pe tabloul de bord SmartVideo, faceți clic pe butonul Configurare :

Procedând astfel, veți ajunge la următoarea pagină de configurare, care are instrucțiuni și un GIF interactiv care arată exact ce trebuie să faceți în continuare.

Dar pentru a vă scuti de probleme, conectați-vă rapid la contul Swarmify și copiați cheia Swarm CDN în partea de sus:

Reveniți la pagina de configurare SmartVideo din WordPress, derulați în jos, inserați cheia Swarm CDN și faceți clic pe Activare SmartVideo , după cum se arată mai jos.

Este destul de simplu; Nu mă aștept să întâmpinați dificultăți. Odată terminat, ar trebui să vedeți eticheta verde Activat în partea de sus:

Înainte de a afla cum să adăugați un videoclip SmartVideo pe site-ul dvs. Beaver Builder, permiteți-ne să acoperim câteva dintre setările SmartVideo disponibile pe pagina de mai sus.

Faceți clic pe fila Setări , așa cum evidențiem în captura de ecran de mai jos.

Procedând astfel, veți ajunge la următoarea pagină de setări.

Să trecem pe scurt peste fiecare secțiune. Am numerotat secțiunile corespunzător, pentru plăcerea dumneavoastră.

(1) În partea de sus, aveți opțiunea de a activa sau dezactiva SmartVideo. Evident, doriți să păstrați SmartVideo întotdeauna activat pentru a garanta cea mai bună performanță.

(2) Opțiuni de bază

Aveți a doua secțiune cu câteva opțiuni de bază pentru a vă personaliza playerul și experiența SmartVideo. Opțiunile disponibile includ:

• Activați sau dezactivați conversiile automate YouTube și Vimeo - Bifați caseta de selectare pentru a converti automat videoclipurile YouTube și Vimeo aflate deja pe site-ul dvs. Activați și lăsați-o așa.
• Afișați subtitrări atunci când sunt disponibile din surse YouTube - Cu excepția cazului în care este esențial, lăsați această casetă de selectare nebifată.
• Optimizați videoclipurile de fundal și videoclipurile existente - Activați această opțiune, iar SmartVideo va optimiza videoclipurile existente și videoclipurile de fundal. Activați și lăsați-o așa.
• Schimbați forma butonului de redare - Se explică de la sine. Aveți trei opțiuni de formă: Implicit (sau Hexagon ), Dreptunghi și Cerc . Alegeți orice vă place. Forma implicită funcționează pentru mine :)
• Alegeți o culoare pentru a potrivi componentele playerului video cu culorile site-ului dvs. - Din nou, aveți șansa de a personaliza modul în care arată playerul video pe site. Alege-ți culoarea personalizată de aici :)

Mai jos avem...

(3) Opțiuni avansate

Când încărcați pagina de setări, secțiunea Opțiuni avansate este restrânsă. Faceți clic pe titlu pentru a încărca secțiunea, care vă oferă următoarele opțiuni.

• Activați sau dezactivați metoda alternativă de aspect - Această opțiune este utilă dacă întâmpinați probleme cu dimensiunile video ciudate sau pe ecran complet. Bifați caseta de selectare.
• Activați sau dezactivați accelerarea încărcării - Dacă aveți probleme cu încărcările videoclipurilor dvs., activați această opțiune .
• (Numai planul Pro) Setați un filigran - Aici puteți seta o imagine sau logo ca filigran pentru playerul video. Acest lucru este grozav pentru scopuri de branding, așa că utilizați cea mai bună imagine/logo.
• (Numai planul Pro) Adăugați adresa URL a anunțului VAST - Aici introduceți adresa URL a anunțului dacă doriți să generați bani din videoclipuri cu reclame de la AdSense, DFP, SpotX și așa mai departe.

După ce aveți setările corecte, nu uitați să faceți clic pe Salvare setări din partea de jos a paginii.

Cu asta din drum, permiteți-ne să adăugăm un videoclip inteligent pe pagina dvs. Beaver Builder.

Cum să adăugați SmartVideo la o pagină Beaver Builder

Folosesc aceeași pagină pe care ți-ai arătat-o ​​mai devreme în scopuri ilustrative. Voi înlocui imaginea marcată din partea de sus cu un SmartVideo:

Am împrumutat videoclipul Lansări SpaceX de pe canalul YouTube SpaceX. Este același videoclip din demonstrația noastră (Te rog sa verifici).

NB: Dacă YouTube este sursa dvs., asigurați-vă că utilizați linkul de încorporare (adică https://www.youtube.com/embed/gmJgW-yMAIg ) în loc de linkul direct de vizionare (adică https://www. youtube.com/watch?v=gmJgW-yMAIg ).

Pentru a găsi linkul de încorporare, mergeți sub videoclip și faceți clic pe butonul Partajare :

După aceea, faceți clic pe butonul Încorporați , așa cum se arată mai jos.

Apoi intrați în fereastra pop-up care apare și copiați linkul de încorporare, așa cum evidențiem mai jos.

Vedea? Nu a fost atât de greu.

NB: Un alt lucru, dacă achiziționați videoclipuri de pe canalul dvs. YouTube și videoclipurile dvs. sunt setate la „ privat ”, schimbați-l în „ nelistat ”.

Cu acel preambul, să mergem mai departe.

Deschide-ți pagina în Beaver Builder:

Deoarece înlocuiesc imaginea, trebuie să o șterg mai întâi făcând clic pe pictograma Eliminare astfel:

Ceea ce mă lasă cu o coloană goală:

Sfat profesionist : puteți sări peste pasul de mai sus dacă nu înlocuiți o imagine ca în cazul meu. Asigurați-vă că aveți o coloană sau un rând gol în care adăugați videoclipul. Dacă ați mai folosit Beaver Builder înainte, aceasta nu ar trebui să fie o problemă.

Apoi, faceți clic pe pictograma de adăugare a modulului de conținut ( + ) plus din partea de sus:

După aceea, trageți și plasați blocul de conținut SmartVideo unde doriți să plasați videoclipul:

Tragerea și plasarea modulului SmartVideo afișează caseta frumoasă prezentată mai jos.

Această cutie vă permite să faceți o mulțime de lucruri. De exemplu, vă permite să alegeți sursa video și să controlați câteva opțiuni de bază și avansate - mai multe despre asta într-un minut.

Apoi, faceți clic pe Sursă video , alegeți YouTube , inserați codul de încorporare și apăsați pe Salvare , în această ordine:

Grozav. Puteți vedea deja butonul de redare hexagonal galben și playerul video chiar înainte de a da clic pe Salvare.

Faceți clic pe Terminat în partea de sus și apoi Publicați :

Sfat profesionist : Puteți salva nefinalizarea dacă încă lucrați la pagină.

Dacă îmi verific videoclipul inteligent pe front-end, îl voi vedea în playerul video fără dezordine. Videoclipul este deja optimizat și accelerat de Swarmify, așa cum puteți vedea mai jos.

Fără branding YouTube, fără buffering și fără linkuri care să-ți capteze traficul. Da, nu există nici „Videoclipuri recomandate” atunci când întrerup videoclipul. In plus, se incarca destul de repede :)

Dar pare ciudat de mic, dar asta pentru că nu mi-am schimbat lățimea coloanei în Beaver Builder. Puteți modifica lățimea coloanelor și puteți muta lucrurile până când obțineți dimensiunea potrivită.

M-am jucat cu lățimea coloanei mele și am editat ceva conținut și asta este ceea ce am primit"

Nu-i rău. La urma urmei, mai mare este mai bine :)

Acum haideți să vorbim despre opțiunile de bază și avansate pe care le-am menționat acum o secundă. Tu stii? Când adăugam videoclipul și a apărut cutia aceea drăguță?

Faceți clic în interiorul modulului de conținut SmartVideo din Beaver Builder:

Procedând astfel, veți ajunge la următoarele opțiuni, unde puteți vedea opțiunile de bază și avansate:

Spre deosebire de opțiunile de bază și avansate pe care le-am acoperit atunci când v-am conectat site-ul la contul Swarmify, opțiunile de mai sus vă permit să personalizați modul în care se comportă jucătorul, în lipsa unui cuvânt mai bun.

Asta vreau să spun. Continuați și faceți clic pe Opțiuni de bază , ceea ce vă conduce aici:

Uită-te la asta! Multe opțiuni pentru a controla lucruri precum lățimea, înălțimea playerului video, redarea video în linie (foarte pentru browserul cu sistemul de operare Safari) și design responsive.

Aveți și comenzi precum Redare automată (dacă activați această opțiune, asigurați-vă că redarea automată a videoclipului este dezactivată) , Dezactivat (videoclipul începe dezactivat) , Buclă (video-ul continuă să fie redat) și chiar unul pentru a dezactiva controalele (dar nu o faceți pentru că utilizatorii nu vor putea să reda, să întrerupă sau să reducă volumul, ceea ce este enervant).

Apoi aveți fila Avansat , care arată astfel:

Din nou, o mulțime de opțiuni pentru a vă personaliza și mai mult playerul video. Adăugați animații (faceți ca videoclipul să sară când se încarcă pagina), setați spații în jurul playerului video și multe altele.

Din nou, ca întotdeauna, nu uitați să salvați modificările când ați terminat.

Gânduri finale

Beaver Builder este un generator de pagini destul de elegant. Este puternic dincolo de ceea ce ți-ai imagina la început, dar odată ce intri acolo și începi să te chinuiești, îți dai seama rapid că ai un instrument formidabil pentru a construi orice site web modern.

Dar nu este construit pentru optimizarea video sau chiar pentru accelerare; este doar un generator de pagini. Aici intervine soluția Swarmify SmartVideo. Vă ajutăm să oferiți experiențe video rapide și profesionale pe site-urile dvs. Beaver Builder.

Toate fără costurile mari, limitele și provocările tehnice care vin cu majoritatea gazdelor video.

Am omis ceva? Adresați-ne oricând și vom fi bucuroși să discutăm.