Ghidul complet pentru utilizarea SmartVideo cu Divi Builder pentru găzduirea video WordPress

Pentru utilizatorii Divi Builder, SmartVideo vă oferă doar instrumentul de care aveți nevoie pentru a oferi o experiență de redare video modernă, profesională și nativă pe site-ul dvs.

Trăim în era temelor WordPress puternice și a creatorilor de pagini care vă ajută să creați orice site web sub soare. Un astfel de generator de teme și pagini vizuale este Divi Builder , creat de cei cool de la Elegant Themes.

Dacă sunteți un utilizator autorizat Divi Builder, vă va plăcea postarea de astăzi. În câteva minute, vă vom arăta exact cum să utilizați SmartVideo al lui Swarmify împreună cu Divi Builder.

Acum nu mai trebuie să utilizați playerele video încărcate de linkuri Vimeo sau YouTube pe site-ul dvs. Vă oferim un player video fără dezordine, care arată absolut uimitor pe site-ul dvs. web alimentat de Divi.

Care sunt beneficiile directe?

• Playerul video SmartVideo nu conține branding de la terți (bună ziua, YouTube) și link-uri care elimină traficul pe care munciți atât de mult să îl conduceți către site-ul dvs. Acum, vă puteți marca playerele video pentru acel aspect și senzație clară și profesională :)
• Video CDN-ul nostru și tehnologia proprie EdgeAI vă permit să oferiți videoclipuri super-rapide, fără buffer și fără erori vizitatorilor site-ului dvs., indiferent unde se află aceștia în lume. Utilizatorii dvs. vă vor mulțumi.
• Folosim aceleași infrastructuri de streaming, cum ar fi Netflix și Hulu, deoarece suntem pe deplin dedicați misiunii noastre. Drept urmare, vă bucurați de videoclipuri cu pornire instantanee și fără blocaj, care vă ajută să rețineți mai mulți vizitatori și să vă creșteți veniturile.
• Soluția noastră de codificare video dă de cap, ceea ce înseamnă că vizitatorii site-ului dvs. se bucură de redare video de înaltă calitate, indiferent de dispozitivul pe care îl folosesc. Spune-i la revedere videoclipurilor incomplete care arată groaznic pe diferite ecrane și rezoluții.
• Și multe altele, după cum veți afla mai târziu în articol :)

Deocamdată, să aflăm mai multe despre Divi Builder și despre cum să-l integrăm cu SmartVideo.

Spoiler Alert: Puteți adăuga manual codul SmartVideo pe site-ul dvs. Divi Builder, dar acum puteți sări peste toate chestiile tehnice cu noul nostru plugin SmartVideo WordPress. Aceasta înseamnă că puteți integra cu ușurință SmartVideo cu Divi Builder, chiar dacă nu puteți codifica pentru a vă salva viața.

Ce este Divi Builder?

Dacă ești nou, Divi este o temă WordPress frumoasă și puternică și un generator de pagini vizuale. Datorită tehnologiei avansate de generare vizuală, Divi vă ajută să creați rapid site-uri web WordPress minunate.

Divi este livrat cu o mulțime de machete prefabricate pe care le puteți importa în instalarea WordPress cu un singur clic. În plus, aveți Divi Visual Builder care vă permite să vă personalizați site-ul web prin glisarea și plasarea elementelor.

Așa este, nu aveți nevoie de cunoștințe anterioare de codificare pentru a crea un site web remarcabil cu Divi. Dacă acest lucru nu este suficient, puteți chiar să utilizați două machete diferite în același timp, oferindu-vă multă libertate de proiectare.

Divi vine cu o mulțime de caracteristici uimitoare, inclusiv:

• Peste 40 de elemente ale site-ului web, cum ar fi butoane de îndemn, galerii, formulare, bloguri, glisoare, mărturii etc.
• Peste 800 de modele prefabricate în diferite nișe, cum ar fi afaceri, comerț electronic, tehnologie, sănătate etc.
• Control complet al designului
• Design 100% receptiv cu setări suplimentare pentru toate tipurile de dispozitive
• Control CSS personalizat
• O bibliotecă mare de efecte, tranziții și stiluri
• Un milion și una de opțiuni de design
• Și multe altele!

Cea mai bună parte este că atunci când achiziționați Divi, aveți acces la alte teme și pluginuri WordPress. Elegant Themes are peste 700.000 de clienți, așa că sunteți pe mâini sigure.

„Divi este REGELE când vine vorba de ușurința în designul web. Ceea ce înainte dura o săptămână, durează câteva ore, iar acum suntem cu toții în obiectivul nostru personal de a converti site-urile web ale clienților noștri în Divi.” - Scott Lawrence

Divi este perfect pentru freelanceri, agenții și proprietari de site-uri care caută un generator de pagini vizuale puternic, intuitiv și ușor de utilizat. Indiferent dacă știți să codificați sau nu, Divi este un instrument incredibil de creare de site-uri web.

Acestea fiind spuse, ce este SmartVideo?

Ce este Swarmify SmartVideo?

Pentru noii veniți, Swarmify este un serviciu de accelerare video de prim rang pe care l-am lansat în 2013, după zile de dezvoltare și testare riguroasă.

A noastră este o platformă de găzduire video cu servicii complete, cu codare, redare, CDN video, seturi de instrumente de livrare și distribuție. Suntem mândri să lucrăm cu un număr tot mai mare de antreprenori din toate categoriile sociale.

Suntem pasionați de ceea ce facem și muncim neobosit pentru a vă oferi videoclipuri care se încarcă instantaneu, fără tamponare, așa cum este norma cu multe site-uri de găzduire video, cum ar fi YouTube, Wistia și Vimeo.

Swarmify vă garantează o redare video de 12 ori mai rapidă și un tampon de 8 ori mai mic decât playerele video medii de pe piață. Ne concentrăm doar pe accelerarea videoclipurilor și suntem destul de buni la asta :)

Lăsând deoparte plugul fără rușine, Swarmify este incredibil de ușor de integrat cu mai multe platforme de creare de site-uri web, inclusiv WordPress, Shopify și Squarespace, printre altele.

Deși puteți încorpora manual playerul video SmartVideo pe site-ul dvs. WordPress, puteți economisi timp folosind pluginul nostru revoluționar SmartVideo WordPress.

Pluginul este ridicol de ușor de instalat și configurat pe site-ul dvs. WordPress + Divi Builder. Veți oferi experiențe video rapide și de înaltă calitate vizitatorilor dvs. în mai puțin de 10 minute!

Cu aceste informații de fundal, suntem acum pregătiți pentru partea distractivă. În secțiunea următoare, veți învăța cum să utilizați Swarmify cu Divi Builder. Cu alte cuvinte, vă arătăm cum să adăugați un videoclip la un aspect tipic Divi Builder.

Cum să utilizați Swarmify SmartVideo cu Divi Builder

Pentru următoarea secțiune, trebuie să instalați și să activați atât pluginul SmartVideo WordPress, cât și Divi. Instalarea și activarea fie SmartVideo, fie Divi este treaba elevilor de clasa a patra, nu ne așteptăm să întâmpinați probleme.

Dacă aveți pregătite Divi și SmartVideo, lăsați-ne să ne apucăm de treabă. În scopuri ilustrative, lucrez cu aspectul agenției web Divi care arată cam așa:

Destul de îngrijit, nu? Ceea ce voi face este să adaug un videoclip SmartVideo chiar sub titlul principal, care scrie „ Agenție de design web cu servicii complete ”. Vezi imaginea de mai sus.

Să începem!

În tabloul de bord WordPress, navigați la pagina pe care doriți să o editați. În cazul nostru, editez pagina de pornire afișată în captura de ecran de mai sus.

Deschideți pagina în editor ca de obicei. Pentru a începe editarea paginii de mai sus în Divi Builder, faceți clic pe butonul Editare cu Divi Builder , așa cum evidențiem mai jos.

Dacă procedați astfel, pagina dvs. se încarcă în front-end. Apoi, faceți clic pe butonul Activare Visual Builder , așa cum se arată mai jos.

Apoi, derulați la secțiunea pe care doriți să o editați. În cazul nostru, adăugăm un SmartVideo chiar sub titlul principal din partea de sus a paginii.

Când treceți cu mouse-ul peste secțiune, apar opțiuni de editare. Pur și simplu faceți clic pe pictograma plus (+) pentru a adăuga un nou modul:

Procedând astfel, se deschide o fereastră pop-up care vă permite să adăugați un nou modul Divi:

Apoi, tastați „SmartVideo” în caseta de căutare și faceți clic pe SmartVideo , după cum se arată mai jos.

După aceea, este timpul să vă configurați videoclipul folosind fila Setări SmartVideo . După cum puteți vedea în imaginea de mai jos, aveți o mulțime de opțiuni disponibile:

În Setări SmartVideo , puteți:

• Alegeți sursa video - Poate fi biblioteca media WordPress, YouTube, Vimeo sau orice altă sursă ( NB : Dacă videoclipul dvs. YouTube este setat la privat , schimbați-l în nelistat )
• Schimbați lățimea și înălțimea videoclipului dvs
• Setați un poster personalizat pentru videoclipul dvs. (SmartVideo este implicit la primul cadru al videoclipului dacă nu alegeți o imagine de poster personalizată)
• Activați/dezactivați opțiunile, cum ar fi Redare automată, Buclă și Dezactivare
• Activați/dezactivați opțiunile, cum ar fi comenzile video, designul receptiv și redarea video inline pentru browserul iOS Safari
• Controlați designul videoclipului dvs. folosind opțiunile Divi, care includ chenare, dimensionare, spațiere, filtre, umbrire casete, animații și multe altele :)

După ce ați terminat, faceți clic pe butonul Salvați , așa cum detaliem mai jos:

Nu uitați să salvați modificările în Divi Visual Builder după aceea:

Acum, dacă vedem site-ul nostru eșantion pe front-end, vedem noul player video SmartVideo gata să treacă petrecerea:

Pentru a adăuga un SmartVideo în orice secțiune, pur și simplu repetați procesul. Lansați pagina pe care doriți să o editați în Divi Visual Builder, faceți clic pe pictograma plus (+) pentru a adăuga un nou modul, alegeți modulul SmartVideo, adăugați opțiunile și salvați modificările.

La fel de simplu ca A, B, C!

Adăugarea videoclipurilor SmartVideo pe site-ul dvs. Divi nu a fost niciodată mai ușoară. Puteți uita totul despre brandingul YouTube, videoclipurile recomandate și linkurile care vă fură traficul.

În plus, puteți personaliza complet playerul video SmartVideo pentru a se potrivi cu stilul site-ului dvs.

Ce e mai mult?

Dacă aveți deja videoclipuri pe site-ul dvs. Divi, SmartVideo le convertește automat imediat ce configurați pluginul nostru.

Asigurați-vă că activați Optimizați fundalul și videoclipurile existente în setările dvs. SmartVideo.

Cum?

În tabloul de bord WordPress, navigați la SmartVideo > Setări . Apoi, comutați Optimizați fundalul și videoclipurile existente :

După aceea, faceți clic pe butonul Salvare setări din partea de jos a paginii:

Și asta este tot - SmartVideo va converti automat toate videoclipurile existente.

Asta e corect; nu trebuie sa faci altceva :)

Cum să personalizați SmartVideo Video Player

Înainte de a ajunge la sfârșit, să acoperim câteva opțiuni pentru a personaliza playerul video SmartVideo.

Schimbarea formei și culorii playerului video

În mod implicit, playerul video SmartVideo utilizează un buton de redare hexagonal galben. Cu toate acestea, puteți schimba forma și culoarea pentru a se potrivi site-ului dvs. Iată cum.

În tabloul de bord WordPress, faceți clic pe SmartVideo:

Odată ce vă aflați în tabloul de bord SmartVideo, faceți clic pe fila Setări , așa cum se arată mai jos.

Pe ecranul Setări , derulați în jos și veți găsi secțiuni care vă permit să schimbați forma și culoarea butonului de redare:

Iată mai multe note despre captura de ecran de mai sus.

1. Pentru a schimba forma butonului playerului, alegeți Implicit , Dreptunghi sau Cerc din meniul derulant.
2. Alegeți o culoare personalizată pentru butonul de player.
3. Faceți clic pe butonul Salvare setări pentru a salva modificările.

Acum vă puteți bucura de butonul de player nou personalizat :)

Mai multe opțiuni avansate

SmartVideo vine cu mai multe opțiuni pentru a adăuga subtitrări din surse YouTube, pentru a activa/dezactiva accelerarea încărcării, pentru a comuta la aspecte alternative, pentru a adăuga un filigran personalizat și pentru a vă monitoriza videoclipurile cu reclame.

Iată cum puteți găsi opțiunile de mai sus pe pagina Setări SmartVideo. Pentru a adăuga subtitrări din sursele YouTube, bifați caseta de mai jos și amintiți-vă să vă salvați setările:

Pentru a lansa mai multe opțiuni, derulați în jos și faceți clic pe Opțiuni avansate , așa cum evidențiem mai jos.

În secțiunea Opțiuni avansate , aveți următoarele opțiuni:

1. Activați sau dezactivați metoda alternativă de aspect , ceea ce vă ajută dacă întâmpinați probleme cu dimensiunile video ciudate sau pe ecran complet.
2. Activați sau dezactivați accelerarea încărcării dacă întâmpinați probleme cu încărcările.
3. Setați un filigran/logo personalizat pe playerul dvs. video.
4. Adăugați o adresă URL a anunțului VAST , astfel încât să puteți vinde anunțuri de la Adsense, Spotx, DFP și așa mai departe.

Sfat profesionist: nu uitați întotdeauna să faceți clic pe butonul Salvare setări din partea de jos pentru a salva modificările.

Cuvinte finale

Divi este o temă WordPress minunată și un generator de pagini vizuale. Vă ajută să creați site-uri web frumoase înainte ca următorul tip să termine un sandwich. Procesul este la fel de simplu ca importarea unui aspect și personalizarea acestuia până când renunțați.

Funcționalitatea drag-and-drop face personalizarea oricărui aspect la fel de ușoară ca o plăcintă. Nu aveți nevoie de abilități de codificare, în plus vă editați site-ul web în front-end, văzând că modificările devin efective în timp real.

Dacă utilizați videoclipuri pe site-ul dvs., SmartVideo vă ajută să oferiți experiențe video rapide, fără tampon și profesionale pe site-ul dvs. Chiar dacă vă găzduiți videoclipurile pe YouTube sau în altă parte, playerul nostru video fără dezordine elimină brandingul și linkurile terță parte.

Divi + SmartVideo este o combinație câștigătoare. În mâinile tale, acum ai combinația perfectă pentru a construi rapid site-uri web și pentru a oferi experiențe video de neegalat vizitatorilor site-ului sau clienților de design web.

În plus, nu avem limite de lățime de bandă sau de stocare ca alte servicii, ceea ce înseamnă că puteți găzdui videoclipuri nelimitate la prețuri avantajoase :) Încercați Divi + SmartVideo astăzi și bucurați-vă de videoclipuri rapide și de înaltă calitate fără să vă transpirați.

Spune-ne cum merge. Construire fericită!