Kompletny przewodnik Webflow + Swarmify dotyczący hostingu wideo

Czy korzystasz z Webflow? Jeśli tak, Swarmify oferuje dokładnie to, czego potrzebujesz, aby zapewnić superszybkie i wysokiej jakości wrażenia wideo.

Czym jest dobra treść? Co to jest strona docelowa? Co to jest strona internetowa?

Dawno minęły czasy, kiedy tworzenie stron internetowych było domeną twórców stron internetowych ziejących ogniem smoków .

W dzisiejszych czasach możesz tworzyć niesamowite strony internetowe w czasie, gdy następny facet skończy kanapkę.

Dzięki kreatorom stron internetowych, takim jak Webflow, nie musisz wiedzieć nic o kodowaniu, aby w mgnieniu oka stworzyć niezwykłe strony internetowe.

Na dzisiejszy post stworzyłem przykładową stronę internetową ( zobaczysz ją za min ) w niecałe 30 minut! I nie jestem profesjonalnym programistą. Nawet w moich snach :)

Narzędzia, takie jak Webflow, usunęły wiele przeszkód, które uniemożliwiały osobom, które nie znają się na technologii, takie jak Ty i ja, przed tworzeniem witryn internetowych.

Ale już...

Jeśli korzystasz z filmów na swojej stronie Webflow, chcesz, aby ładowały się szybko i bez przestojów.

Chcesz oferować swoim użytkownikom tylko najlepsze wrażenia z oglądania i nic poza tym.

Powolne filmy, które buforują się podczas odtwarzania, tylko zdenerwują odwiedzających i sprawią, że będą biegać po wzgórzach i prosto w wyczekujące ramiona konkurencji.

Nie chcesz tego, bo jesteś mądry. Również dlatego, że masz teraz do swojej dyspozycji technologię SmartVideo firmy Swarmify.

SmartVideo umożliwia oferowanie użytkownikom w pełni dostosowanych i profesjonalnych doświadczeń wideo.

Możesz dostarczać filmy, które są 12 razy szybsze niż przeciętni gracze w branży. Co więcej, zastrzeżone rozwiązanie dostarczania SmartVideo zmniejsza liczbę przestojów 8-krotnie.

A w dzisiejszym poście pokazujemy dokładnie, jak zintegrować Swarmify z Webflow, aby przyspieszyć filmy dla większego zaangażowania użytkowników i większej sprzedaży!

Bez zbędnych ceregieli zważmy kotwicę i popłyńmy :)

Co to jest Webflow?

Czym więc jest to zwierzę, które nazywamy Webflow? Dla niewtajemniczonych Webflow to amerykańska firma z siedzibą w San Francisco.

Oferują platformę Software as a Service (SaaS) do tworzenia i hostingu stron internetowych, wszystko w jednym pakiecie.

Webflow oferuje sprytny kreator stron internetowych typu „przeciągnij i upuść”, który jest łatwy w użyciu. Ponadto oferują mnóstwo funkcji, dzięki którym tworzenie responsywnych stron internetowych jest tak proste, jak abrakadabra.

Gdy Twoja witryna jest gotowa, nie musisz szukać gdzie indziej hostingu. Webflow oferuje hosting na najwyższym poziomie, który jest idealny dla wszystkich firm, dużych i małych.

Znane marki, takie jak Zendesk, Dell, Rakuten i Upwork, ufają Webflow, co oznacza, że ​​jesteś w bezpiecznych rękach.

Między tobą a mną nigdy wcześniej nie korzystałem z tak intuicyjnego kreatora stron internetowych. Webflow całkowicie wysadza firmy takie jak Weebly, Squarespace i Wix.

I piją też swój własny Kool-Aid. Oficjalna strona Webflow jest wykonana w, zgadłeś - Webflow!

Kluczowe funkcje Webflow

Webflow jest popularny i najbardziej znany z następujących kluczowych funkcji.

• Intuicyjny kreator stron internetowych typu „przeciągnij i upuść”, który umożliwia wizualne tworzenie stron internetowych
• Dziesiątki pięknych gotowych szablonów, które możesz dostosowywać do upadłego
• Mnóstwo elementów strony internetowej
• Funkcjonalność e-commerce
• Superszybki i solidny hosting Amazon S3
• Nieograniczone style
• Możliwość dodawania niestandardowego kodu HTML, CSS i JS
• Elastyczne plany cenowe
• Potężny system zarządzania treścią (CMS)
• Wiele integracji z innymi firmami
• Bezpłatny plan testowania wód
• Mnóstwo interakcji i animacji
• Połącz niestandardową nazwę domeny
• Użyj ich subdomeny, np. swarmify.webflow.io , aby hostować darmową stronę internetową
• Profesjonalne wsparcie

Jeśli jesteś programistą frontendowym (lub zwykłym joe) i szukasz łatwego w użyciu, ale potężnego narzędzia do tworzenia witryn, Webflow jest wysoce zalecane.

Jest to idealne narzędzie do oszczędzania czasu i usprawnienia i tak już pracowitego dnia pracy. Jeśli jesteś już użytkownikiem Webflow, wiesz już, że Webflow to doskonały kreator stron internetowych.

Mimo to nie oferują odpowiednich narzędzi do optymalizacji filmów. Jeśli korzystasz z YouTube, odtwarzacz wideo w Twojej witrynie Webflow nadal będzie pokazywał denerwujące marki YouTube i linki, które rozpraszają Twoich użytkowników i kradną Twój ruch.

I chociaż Webflow korzysta z szybkiego hostingu, filmy, których używasz z YouTube lub dowolnego innego źródła, będą buforowane i nadal będą wymagały czasu, aby się wczytać.

Oto, gdzie wkracza Swarmify. Oferujemy dokładnie to, czego potrzebujesz, aby zoptymalizować filmy w witrynie Webflow, niezależnie od tego, czy korzystasz z YouTube, Vimeo, czy innej witryny do hostowania swoich filmów.

Co to jest rój?

Swarmify został uruchomiony w 2013 roku jako platforma akceleracji wideo. Usługa działa na tej samej infrastrukturze, z której korzystają giganci przesyłania strumieniowego, tacy jak Netflix i Hulu.

Możesz przechowywać swoje filmy w dowolnym miejscu i korzystać z funkcji SmartVideo firmy Swarmify, aby dostarczać filmy swoim użytkownikom z niesamowitą szybkością.

Oto przykładowy scenariusz ilustrujący o co mi chodzi:

• Przesyłaj wideo na YouTube lub Vimeo, aby uzyskać korzyści społeczne i jak zwykle umieszczaj na swojej stronie internetowej
• Zintegruj SmartVideo ze swoją witryną za pomocą naszej wtyczki WordPress lub szybkiego fragmentu
• SmartVideo pobiera Twoje filmy z YouTube/Vimeo za kulisami i przesyła je do naszej globalnej sieci dostaw
• SmartVideo zapewnia teraz szybsze filmy w pozbawionym bałaganu odtwarzaczu wideo, który wygląda niesamowicie
• Wszystko dzieje się w tle automagicznie . W rzeczywistości SmartVideo automatycznie konwertuje wszystkie filmy z YouTube w Twojej witrynie. Zainstaluj raz i to wszystko!

SmartVideo wykorzystuje wewnętrzny EdgeAI, aby zapobiec przestojom podczas odtwarzania, oraz rozwiązanie SmartCDN, które zapewnia odwiedzającym szybkie i wolne od buforowania filmy w dowolnym miejscu na świecie.

Jeśli korzystasz z wielu filmów, wolne prędkości mogą zabić zaangażowanie i prowadzić do mniejszej sprzedaży. SmartVideo pomaga obejść ten problem bez ogromnych rachunków i limitów pamięci/przepustowości.

Kluczowe cechy Swarmify

Użytkownicy Swarmify uwielbiają SmartVideo dzięki następującym funkcjom.

• Czysty, wolny od bałaganu i rozpraszający odtwarzacz wideo
• Natychmiastowy start — filmy SmartVideo zaczynają się odtwarzać średnio 12 razy szybciej niż inne odtwarzacze (zobacz nasze demo tutaj)
• Zoptymalizowane wrażenia podczas oglądania na wielu urządzeniach
• Automatyczne konwersje na YouTube/Vimeo — udostępniasz już filmy na YouTube lub Vimeo? SmartVideo konwertuje je automatycznie
• Ciągła optymalizacja strumieniowania — podczas odtwarzania, SmartVideo stale monitoruje wrażenia wideo każdego użytkownika i zapobiega awariom, zanim się pojawią.
• Odtwarzanie bez przestojów — SmartVideo oferuje średnio 8 razy mniej buforowania podczas odtwarzania niż inne odtwarzacze.
• Nieograniczone wszystko — ciesz się nieograniczoną przepustowością i przestrzenią dyskową
• Profesjonalne wsparcie wspierane przez zespół pełnych pasji programistów
• Łatwa instalacja i wdrożenie
• Przeczytaj więcej o naszych funkcjach tutaj

Wideo to kluczowa część marketingu cyfrowego. Nie możesz zignorować niesamowitych korzyści płynących z używania wideo jako strategii marketingowej.

To powiedziawszy, szybkość ładowania wideo jest częścią zapewniania lepszego doświadczenia użytkownika w Twojej witrynie.

Aby zapewnić szybkie i pozbawione opóźnień wrażenia wideo w witrynie Webflow, potrzebujesz rozwiązania takiego jak SmartVideo.

Dzięki szybkim filmom możesz cieszyć się lepszą retencją użytkowników, większą liczbą konwersji, niższymi współczynnikami odrzuceń i większą sprzedażą. To nie myślenia.

Poza tym, kto chciałby obejrzeć film, którego załadowanie trwa wieczność i podróż dookoła słońca?

Absolutnie nikt! Nawet ty.

To na uboczu, pozwól nam zintegrować Swarmify z Twoją witryną Webflow, aby przyspieszyć Twoje filmy i wywołać uśmiech na twarzach Twoich cenionych klientów.

Uwaga : Aby zintegrować Swarmify z Webflow, potrzebujesz aktywnego konta Swarmify i płatnego planu w Webflow.

Nadal na płocie? Nie bądź . Zarejestruj się w Swarmify już dziś i skorzystaj z naszej ekskluzywnej 50% zniżki . Ciekawski? Dowiedz się więcej tutaj.

To powiedziawszy, pozwól nam zintegrować hosting wideo Swarmify z Twoją witryną Webflow.

Jak dodać Swarmify do Webflow

„Zanim przejdziemy do Webflow, najpierw skonfigurujemy Twój fragment kodu SmartVideo. Śmiało, zaloguj się do pulpitu nawigacyjnego Swarmify i kliknij Konfiguracja , jak pokazano poniżej.

Następnie wybierz, czy w swoim Webflow masz filmy z YouTube:

Wybranie Tak powyżej zapewnia, że ​​SmartVideo automatycznie konwertuje wszystkie filmy z YouTube w Twojej witrynie Webflow. Naciśnij przycisk Dalej .

Na następnym ekranie wybierz, czy Twoja witryna Webflow zawiera filmy w tle:

Chcesz zmienić kolory swojego odtwarzacza wideo, aby pasowały do ​​Twojej witryny Webflow? Możesz to zrobić na następnym ekranie:

Hit Dalej .

Następnie możesz zmienić kształt przycisku odtwarzania, jeśli chcesz. Wolę domyślny sześciokątny przycisk, ale możesz wybrać prostokąt lub okrąg:

Następnie wybierz niestandardowy znak wodny dla swoich filmów:

Jesteś w tym dobry, muszę przyznać :)

Hit Dalej .

Na następnym ekranie wybierz, czy chcesz sprzedawać reklamy w swoich filmach, i kliknij Zakończ :

Na koniec kliknij Kopiuj do schowka , jak pokazano poniżej.

Teraz Twój fragment SmartVideo jest gotowy dla Twojej witryny Webflow.

Co następne?

Teraz dodamy Swarmify do Twojej witryny Webflow.

Oto przykładowa witryna, z którą pracuję, zgodnie z obietnicą:

Pożyczyłem słynny teledysk Jerusalema z Openmic Productions. Przy okazji, świetna piosenka i wideo. Na całym świecie ludzie podejmują wyzwanie taneczne Jerusalema .

Jak chciałbym tańczyć.

Idąc dalej, dodajmy Swarmify do Twojej strony Webflow.

Zaloguj się do Webflow:

Wprowadź ich dane i naciśnij przycisk Zaloguj się:

Następnie kliknij witrynę, do której chcesz dodać SmartVideo:

Teraz jesteś w intuicyjnym kreatorze stron internetowych, o którym mówiliśmy wcześniej:

Nie dodamy jednak fragmentu kodu SmartVideo do pojedynczej strony. Chcemy, aby fragment kodu dotyczył całej witryny.

Więc co mam zrobić Freddy?

Kliknij ikonę Webflow (W) (po najechaniu myszą zmienia się w menu hamburgera):

Następnie kliknij Ustawienia projektu :

Następnie naciśnij Kod niestandardowy :

Tak.

Następnie wklej skopiowany wcześniej fragment SmartVideo do sekcji Kod nagłówka i kliknij Zapisz zmiany w następujący sposób:

Dzięki temu fragmentowi Twój Webflow jest połączony z Swarmify. Wszystkie filmy z YouTube w Twojej witrynie zostaną automatycznie przekonwertowane :)

Gotowe.

Wynik?

Ten:

Zwróć uwagę na nowy odtwarzacz wideo bez marki innej firmy.

Pamiętaj : jeśli korzystasz z YouTube, użyj embed zamiast bezpośredniego linku, tj. https://www.youtube.com/embed/fCZVL_8D048 kontra https://www.youtube.com/watch?v=fCZVL_8D048 .

Wskazówka dla profesjonalistów: użyj linku do umieszczenia na stronie. Upewnij się, że podczas dodawania filmów do witryny Webflow używasz linku do osadzania.

Udostępniasz filmy w innym miejscu?

SmartVideo wspiera Cię

Zobacz 9 najlepszych witryn do przesyłania wideo i usług przechowywania w chmurze.

Oto link do udostępniania : https://swarmify.com/blog/top-video-upload-sites-cloud-storage-services/.

Dodawanie tagów SmartVideo

Możesz dodać wideo SmartVideo w dowolnym miejscu swojej witryny Webflow za pomocą tagu SmartVideo:

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

Otwórz stronę Webflow, którą chcesz edytować. W naszym przykładzie zamienię sekcję Hero na ten sam film Jerusalem , którego używaliśmy wcześniej. Tym razem jednak użyję powyższego tagu SmartVideo.

Oto jak wygląda mój gotowy tag SmartVideo:

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

Zauważ, że zamieniam path/to/my/video.mp4 na link do umieszczenia filmu.

Następnie kliknij Dodaj (+) i wybierz Osadź , jak pokazano poniżej:

Następnie wklej tag SmartVideo i kliknij Zapisz i zamknij :

Teraz, gdy sprawdzam moją przykładową witrynę w interfejsie, widzę przekonwertowany film:

Tak proste jak A, B, C.

Powiedz cześć?

Użytkownicy Webflow uznają, że SmartVideo jest bardzo pomocny. SmartVideo przyspiesza Twoje filmy, zapewniając lepsze wrażenia użytkownika.

Swarmify SmartVideo zapewnia 12-krotnie szybsze filmy niż średnia w branży. Zwiększysz konwersje i sprzedaż dzięki szybszym filmom.

Do następnego razu twórz więcej filmów i przyspieszaj je dzięki SmartVideo Swarmify :)