Ghidul complet Webflow + Swarmify pentru găzduire video

Folosești Webflow? Dacă da, Swarmify vă oferă exact ceea ce aveți nevoie pentru a oferi experiențe video super-rapide și de înaltă calitate.

Ce este un conținut bun? Ce este o pagină de destinație? Ce este un site web?

S-au dus vremurile în care crearea de site-uri web era rezervarea dezvoltatorilor web dragoni care suflă foc.

În zilele noastre, puteți crea site-uri web incredibile în timpul necesar următorului tip pentru a termina un sandwich.

Datorită creatorilor de site-uri web, cum ar fi Webflow, nu trebuie să știți nimic despre codificare pentru a crea site-uri web remarcabile într-o clipă.

Pentru postarea de astăzi, am creat un exemplu de site web ( îl veți vedea într-un minut ) în mai puțin de 30 de minute! Și nu sunt ceea ce ai numi un dezvoltator web profesionist. Nici in visele mele :)

Instrumente precum Webflow au înlăturat multe dintre obstacolele care i-au împiedicat pe oamenii care nu cunosc tehnologie, ca tine și mine, să construiască site-uri web.

Acum...

Dacă utilizați videoclipuri pe site-ul dvs. Webflow, doriți ca acestea să se încarce rapid și fără blocare.

Vrei să oferi utilizatorilor doar cele mai bune experiențe de vizionare și nimic mai puțin decât atât.

Videoclipurile lente care se tamponează în timpul redării nu vor face decât să-ți enerveze vizitatorii și să-i trimită să alerge spre dealuri și direct în brațele de așteptare ale concurenților tăi.

Nu vrei asta pentru că ești inteligent. De asemenea, pentru că acum aveți la dispoziție tehnologia Swarmify SmartVideo.

SmartVideo vă permite să oferiți utilizatorilor dvs. experiențe video complet personalizate și profesionale.

Puteți livra videoclipuri care sunt de 12 ori mai rapide decât jucătorii medii din industrie. Mai bine, soluția proprie de livrare SmartVideo reduce blocajele de 8x.

Și în postarea de astăzi, vă arătăm exact cum să integrați Swarmify cu Webflow pentru a accelera videoclipurile pentru o mai bună implicare a utilizatorilor și mai multe vânzări!

Fără mai mult, haideți să cântărim ancora și să pornim :)

Ce este Webflow?

Deci, ce este acest animal pe care îl numim Webflow? Pentru cei neinițiați, Webflow este o companie americană cu sediul în San Francisco.

Oferă platformă Software as a Service (SaaS) pentru construirea și găzduirea site-urilor web, toate incluse într-un singur pachet.

Webflow vă oferă un generator de site-uri web drag-and-drop, care este ușor de utilizat. În plus, vă oferă o mulțime de funcții care fac construirea de site-uri web receptive la fel de ușoară ca abracadabra.

Când site-ul dvs. este gata, nu trebuie să mergeți în altă parte pentru găzduire web. Webflow vă oferă găzduire de top, care este perfectă pentru toate companiile, mari și mici.

Mărcile de renume precum Zendesk, Dell, Rakuten și Upwork, printre altele, au încredere în Webflow, ceea ce înseamnă că ești pe mâini sigure.

Între tine și mine, nu am mai folosit niciodată un generator de site-uri web atât de intuitiv. Webflow scoate complet din apă companii precum Weebly, Squarespace și Wix.

Și își beau și ei propriul Kool-Aid. Site-ul web oficial Webflow este realizat în, ați ghicit - Webflow!

Caracteristici cheie ale fluxului web

Webflow este popular și cel mai cunoscut pentru următoarele caracteristici cheie.

• Un constructor intuitiv de site-uri web drag-and-drop care vă permite să creați site-uri vizuale
• Zeci de șabloane frumoase gata făcute pe care le puteți personaliza până când le aruncați
• Tone de elemente ale site-ului web
• Funcționalitate de comerț electronic
• Gazduire Amazon S3 super rapida si robusta
• Stiluri nelimitate
• Capacitatea de a adăuga cod HTML, CSS și JS personalizat
• Planuri de prețuri flexibile
• Sistem puternic de gestionare a conținutului (CMS)
• O mulțime de integrări cu terțe părți
• Plan gratuit pentru a testa apele
• O mulțime de interacțiuni și animații
• Conectați un nume de domeniu personalizat
• Utilizați subdomeniul lor, de exemplu, swarmify.webflow.io pentru a găzdui un site web gratuit
• Suport profesional

Dacă sunteți un dezvoltator web frontend (sau doar un joe obișnuit) în căutarea unui constructor de site-uri web ușor de utilizat, dar puternic, Webflow este foarte recomandat.

Este instrumentul perfect pentru a economisi timp și pentru a vă simplifica ziua de lucru deja aglomerată. Dacă sunteți un utilizator Webflow existent, știți deja că Webflow este un constructor perfect de site-uri web.

Cu toate acestea, nu vă oferă instrumentele potrivite pentru a optimiza videoclipurile. Dacă utilizați YouTube, playerul video de pe site-ul dvs. Webflow va afișa în continuare branding YouTube enervant și link-uri care distrag atenția utilizatorilor și vă fură traficul.

Și în timp ce Webflow utilizează găzduire rapidă, videoclipurile pe care le utilizați de pe YouTube sau din orice altă sursă vor stoca în tampon și încă vor dura timp pentru a se încărca.

Aici intervine Swarmify. Vă oferim exact ceea ce aveți nevoie pentru a optimiza videoclipurile de pe site-ul dvs. Webflow, indiferent dacă utilizați YouTube, Vimeo sau orice alt site pentru a vă găzdui videoclipurile.

Ce este Swarmify?

Swarmify a fost lansat în 2013 ca o platformă de accelerare video. Serviciul rulează pe aceeași infrastructură pe care o folosesc giganții de streaming precum Netflix și Hulu.

Vă puteți stoca videoclipurile oriunde doriți și puteți utiliza SmartVideo de la Swarmify pentru a livra videoclipuri utilizatorilor dvs. la viteze fulgerătoare.

Iată un exemplu de scenariu pentru a ilustra ceea ce vreau să spun:

• Încărcați videoclipul pe YouTube sau Vimeo pentru beneficiile sociale și încorporați-l pe site-ul dvs. web, ca întotdeauna
• Integrați SmartVideo cu site-ul dvs. folosind pluginul nostru WordPress sau fragmentul rapid
• SmartVideo descarcă videoclipurile tale YouTube/Vimeo în culise și le încarcă în rețeaua noastră globală de livrare
• SmartVideo vă oferă videoclipuri acum mai rapide într-un player video fără dezordine, care arată uimitor
• Totul se întâmplă în fundal în mod automat . De fapt, SmartVideo convertește automat toate videoclipurile YouTube de pe site-ul dvs. web. Instalați o dată și gata!

SmartVideo folosește EdgeAI intern pentru a preveni blocarea în timpul redării și o soluție SmartCDN care asigură vizitatorilor tăi videoclipuri rapide și fără tampon oriunde în lume.

Dacă folosiți o mulțime de videoclipuri, vitezele mici pot distruge implicarea și pot duce la mai puține vânzări. SmartVideo vă ajută să ocoliți această problemă fără facturi uriașe și limite de stocare/lățime de bandă.

Caracteristici cheie Swarmify

Utilizatorii Swarmify iubesc SmartVideo datorită următoarelor funcții.

• Player video curat, fără dezordine și fără distracție
• Pornire instantanee - videoclipurile SmartVideo încep să fie redate în medie de 12 ori mai repede decât alți jucători (vezi demonstrația noastră aici)
• Experiență de vizionare optimizată pe mai multe dispozitive
• Conversii automate YouTube/Vimeo - Găzduiți deja videoclipuri pe YouTube sau Vimeo? SmartVideo le convertește automat
• Optimizare continuă în flux - Pe parcursul redării, SmartVideo monitorizează continuu experiența video a fiecărui utilizator în parte și previne defecțiunile înainte ca acestea să apară.
• Redare fără blocaj - SmartVideo vă oferă de 8 ori mai puțină memorie tampon în timpul redării decât alți jucători, în medie.
• Totul nelimitat - Bucurați-vă de lățime de bandă și spațiu de stocare nelimitat
• Suport profesional susținut de o echipă de dezvoltatori pasionați
• Instalare și implementare ușoară
• Citiți mai multe despre funcțiile noastre aici

Videoclipul este o parte esențială a marketingului digital. Nu puteți ignora beneficiile uimitoare ale utilizării video ca strategie de marketing.

Acestea fiind spuse, viteza de încărcare a videoclipurilor este o parte a oferirii unei experiențe mai bune pentru utilizatori pe site-ul dvs.

Pentru a oferi experiențe video rapide și fără întârzieri pe site-ul dvs. Webflow, aveți nevoie de o soluție precum SmartVideo.

Cu videoclipurile rapide, vă bucurați de o reținere mai bună a utilizatorilor, mai multe conversii, rate de respingere mai mici și mai multe vânzări. Nu este o idee.

În plus, cine vrea să se uite la un videoclip care durează o eternitate și o călătorie în jurul soarelui pentru a se încărca?

Absolut nimeni! Nici macar tu.

În afara drumului, permiteți-ne să integrăm Swarmify cu site-ul dvs. Webflow pentru a vă accelera videoclipurile și a pune un zâmbet pe fețele stimaților dvs. clienți.

N/B: Pentru a integra Swarmify cu Webflow, aveți nevoie de un cont Swarmify activ și de un plan plătit pe Webflow.

Încă pe gard? Nu fi . Înscrieți-vă la Swarmify astăzi și profitați de reducerea noastră exclusivă de 50% . Curios? Aflați mai multe aici.

Acestea fiind spuse, permiteți-ne să integrăm găzduirea video Swarmify cu site-ul dvs. Webflow.

Cum să adăugați Swarmify la Webflow

„Înainte de a ajunge la Webflow, mai întâi să vă configuram fragmentul SmartVideo. Continuați, conectați-vă la tabloul de bord Swarmify și faceți clic pe Configurare , după cum se arată mai jos.

Apoi, alegeți dacă aveți videoclipuri YouTube pe Webflow:

Dacă alegeți Da mai sus, SmartVideo convertește automat toate videoclipurile YouTube de pe site-ul dvs. Webflow. Apăsați butonul Următorul .

Pe ecranul următor, alegeți dacă site-ul dvs. Webflow are videoclipuri de fundal:

Doriți să schimbați culorile playerului dvs. video pentru a se potrivi cu site-ul dvs. Webflow? Puteți face asta în următorul ecran:

Apăsați Următorul .

Apoi, puteți schimba forma butonului de redare dacă doriți. Prefer butonul hexagonal implicit, dar aveți opțiunea de a alege fie dreptunghi, fie cerc:

Apoi, alegeți un filigran personalizat pentru videoclipurile dvs.:

Ești bun la asta, trebuie să recunosc :)

Apăsați Următorul .

Pe următorul ecran, alegeți dacă doriți să vindeți anunțuri pentru videoclipurile dvs. și faceți clic pe Terminare :

În cele din urmă, faceți clic pe Copiere în Clipboard , așa cum se arată mai jos.

Acum, fragmentul dvs. SmartVideo este gata pentru site-ul dvs. Webflow.

Ce urmează?

Acum vom adăuga Swarmify pe site-ul dvs. Webflow.

Iată exemplul de site cu care lucrez, așa cum am promis:

Am împrumutat celebrul videoclip Jerusalema de la Openmic Productions. Apropo, melodie și videoclip grozav. Peste tot în lume, oamenii fac provocarea de dans Jerusalema .

Cât mi-aș dori să pot dansa.

Mergând mai departe, permiteți-ne să adăugăm Swarmify pe site-ul dvs. Webflow.

Conectați-vă la Webflow:

Introduceți detaliile lor și apăsați butonul Conectare :

Apoi, faceți clic pe site-ul web unde doriți să adăugați SmartVideo:

Acum, vă aflați în constructorul intuitiv de site-uri web despre care am vorbit mai devreme:

Dar nu vom adăuga fragmentul SmartVideo la o singură pagină. Dorim ca fragmentul să se aplice întregului site web.

Deci, ce fac Freddy?

Faceți clic pe pictograma Webflow (W) (se trece la un meniu de hamburger când treceți cu mouse-ul):

Apoi, faceți clic pe Setări proiect :

După aceea, apăsați Cod personalizat :

Da.

Apoi, inserați fragmentul SmartVideo pe care l-ați copiat mai devreme în secțiunea Head Code și faceți clic pe Salvați modificările astfel:

Cu acel fragment, Webflow este conectat la Swarmify. Toate videoclipurile YouTube de pe site-ul dvs. vor fi convertite automat :)

Terminat.

Rezultatul?

Acest:

Observați noul player video fără branding terță parte.

Rețineți : dacă utilizați YouTube, utilizați încorporarea în loc de linkul direct, adică https://www.youtube.com/embed/fCZVL_8D048 versus https://www.youtube.com/watch?v=fCZVL_8D048 .

Sfat pro : Vă rugăm să utilizați linkul de încorporare. Asigurați-vă că utilizați linkul de încorporare când adăugați videoclipuri pe site-ul dvs. Webflow.

Găzduiți videoclipuri în altă parte?

SmartVideo te sprijină

Vedeți Top 9 cele mai bune site-uri de încărcare video și servicii de stocare în cloud.

Iată un link care poate fi partajat : https://swarmify.com/blog/top-video-upload-sites-cloud-storage-services/.

Adăugarea etichetelor SmartVideo

Puteți adăuga un videoclip SmartVideo oriunde pe site-ul Webflow folosind o etichetă SmartVideo:

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

Deschideți pagina Webflow pe care doriți să o editați. Pentru exemplul nostru, voi înlocui secțiunea Hero cu același videoclip Jerusalema pe care l-am folosit mai devreme. De data aceasta însă, voi folosi eticheta SmartVideo de mai sus.

Iată cum arată eticheta mea SmartVideo gata:

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

Observați că înlocuiesc path/to/my/video.mp4 cu linkul încorporat pentru videoclip.

Apoi, faceți clic pe Adăugați (+) și alegeți Încorporați , după cum se arată mai jos:

Apoi, inserați eticheta SmartVideo și faceți clic pe Salvare și închidere :

Acum, când verific site-ul meu exemplu în front-end, văd videoclipul convertit:

La fel de ușor ca A, B, C.

Spune pa?

Utilizatorii Webflow vor găsi SmartVideo foarte util. SmartVideo vă accelerează videoclipurile pentru o experiență mai bună pentru utilizator.

Swarmify SmartVideo oferă videoclipuri de 12 ori mai rapide decât media industriei. Vă veți crește conversiile și vânzările cu videoclipuri mai rapide.

Până data viitoare, creați mai multe videoclipuri și accelerați-le cu SmartVideo de la Swarmify :)