Jak dodać przyklejony film pływający do przewijania strony w WordPress

Chcesz dowiedzieć się , jak dodać przyklejone, pływające wideo do przewijania strony w swojej witrynie WordPress?

Filmy przyklejone to skuteczny sposób na przyciągnięcie odbiorców do Twojej witryny. W dzisiejszych czasach ludzie konsumują więcej treści wideo niż treści pisanych. Jeśli więc zauważysz, że odwiedzający Twoją witrynę nie angażują się wystarczająco w Twoją witrynę, dodanie filmu może rozwiązać ten problem.

Jeśli szukasz łatwego sposobu na przyklejenie wideo swojej witryny, to trafiłeś we właściwy artykuł. Ponieważ na tym blogu dowiesz się, jak dodać przyklejony film w witrynie WordPress opartej na Elementorze w kilku krokach i kilku minutach.

Więc czytaj dalej…

Co to jest przyklejony film?

Filmy przyklejone to filmy przypięte do strony internetowej, które pozostają w tym samym miejscu w oknie strony internetowej, nawet gdy użytkownik przewija w górę lub w dół.

Po co dodawać Sticky Video In Elementor WordPress?

Koncepcja przyklejonego filmu na stronie internetowej nie tylko brzmi fajnie, ale ma również wiele zalet. Oto niektóre z korzyści, które możesz wykorzystać, dodając przyklejony film do swojej witryny WordPress.

• Zwiększa zaangażowanie użytkowników: dzięki przyklejonemu filmowi ludzie mogą jednocześnie oglądać i czytać zawartość strony internetowej. W rezultacie ludzie częściej angażują się w witryny internetowe.
• Zwiększ wskaźnik ukończenia filmu: ponieważ przyklejone filmy nie blokują całej strony, klienci prawdopodobnie oglądają do końca, a nie zamykają ją w połowie. Tak więc przyklejenie filmu może w rzeczywistości wydłużyć czas ukończenia filmu.
• Przyciągnij uwagę użytkownika: zwykle ludzie przeglądają witrynę. W takim przypadku, jeśli polegasz tylko na treści tekstowej, istnieje możliwość, że Twoi klienci mogą przegapić ważne rzeczy, które chciałbyś, aby zauważyli. Dzięki filmowi możesz skuteczniej zwrócić uwagę użytkownika na określone informacje.
• Lepsze opowiadanie historii: filmy dają szersze pole do opowiadania historii niż treść w postaci zwykłego tekstu. Ponieważ możesz jednocześnie używać tekstu, animacji i głosu w filmie, jesteś lepiej przygotowany do skuteczniejszego opowiadania historii.

Przekonany, że powinieneś dodać przyklejony film do swojej witryny WordPress? Cóż, jeśli tak, przejdź do następnej sekcji, aby dowiedzieć się, jak możesz to zrobić.

Jak dodać przyklejony film do witryny Elementor w 6 krokach

Jest to najłatwiejszy proces przyklejania i pływania wideo w witrynie WordPress. Wykonaj wszystkie kroki, aby w kilka chwil dodać przyklejony film do Elementora.

Krok 1: Zainstaluj Elementor i ElementsKit

Pierwszym krokiem jest zainstalowanie wszystkich wymaganych wtyczek. Aby wykonać ten samouczek dotyczący dodawania przyklejonego wideo w Elementorze, będziesz potrzebować

• Elementor i
• ElementsKit (zarówno w wersji bezpłatnej, jak i pro).

Elementor to narzędzie do tworzenia stron typu „przeciągnij i upuść”, a ElementsKit to dodatek do Elementora. Tak więc najpierw musisz zainstalować Elementor, a następnie pobrać ElementsKit, a następnie zaktualizować wtyczkę do wersji Pro.

Możesz zapoznać się z dokumentacją, jeśli potrzebujesz pomocy dotyczącej instalacji ElementsKit pro i procesu aktywacji licencji.

Krok 2: Włącz moduł Sticky Content w ElementsKit

Aby film był przyklejony, użyję funkcji Sticky Content ElementsKit. Musisz więc włączyć moduł zawartości przyklejonej.

Teraz przejdź do ElementsKit ⇒ Moduły ⇒ Przyklejona zawartość , włącz opcję i kliknij Zapisz zmiany , aby zaktualizować wprowadzone zmiany.

Krok 3: Przeciągnij i upuść widżet Elementor Video

Przejdź do strony, na której chcesz dodać przyklejony film, kliknij opcję Edytuj za pomocą Elementora.

Wybierz dowolny układ, klikając ikonę + . Następnie wyszukaj widżet Wideo , przeciągnij widżet i upuść go w miejscu, w którym chcesz go dodać.

Uwaga : W tym samouczku zaimportowałem już przygotowaną stronę, którą edytuję , aby pokazać cały proces. Możesz łatwo tworzyć witryny WordPress za pomocą gotowej sekcji ElementsKit.

Krok 4: Wybierz źródło wideo i dodaj adres URL

Dzięki widżetowi wideo Elementor możesz wyświetlać filmy z takich źródeł, jak Youtube, Vimeo, DailyMotion i Self Hosted.

Najpierw wybierz preferowany typ źródła, a następnie podaj adres URL filmu. Wykorzystam youtube do tego artykułu.

Uwaga : w przypadku samodzielnego hostowania możesz przesłać film na swój serwer lub podać zewnętrzny adres URL.

Możesz także dostosować styl filmu. Aby to zrobić, przejdź do zakładki stylu. Tutaj możesz wybrać proporcje i filtr CSS . Możesz wybierać spośród sześciu typów proporcji, takich jak 1:1, 3:2, 4:3, 16:9 itd. Kliknij ikonę edycji filtra CSS, aby dostosować rozmycie, jasność, kontrast, nasycenie i odcień.

Krok 5: Ustawienia, aby wideo Elementor było lepkie

Przejdź do zakładki Zaawansowane. Następnie rozwiń opcję przyklejenia ElementsKit . Tutaj możesz wybrać przyklejony typ jako górę, dół, kolumnę i pokazać przy przewijaniu w górę.

Po wybraniu typu Sticky jako czegokolwiek innego niż brak, otrzymasz następujące opcje:

• Przyklejony do: Tutaj musisz ustawić identyfikator CSS sekcji, do której film ma pozostać przyklejony. Możesz ustawić niestandardowy identyfikator CSS dla kolumny, a następnie skopiować i wkleić go w opcji Przyklejony do.

• Sticky Offset: W tej opcji ustaw wartość przesunięcia. Wartość przesunięcia wskazuje odległość między filmem a najwyższą pozycją strony.

Uwaga : Przyklej, dopóki opcja nie jest dostępna z kolumną opcji przyklejania, ponieważ będzie widoczna tylko do momentu, gdy na ekranie będzie widoczna kolumna nadrzędna.

Możesz zmienić lepki kolor tła i sprawić , by wideo było przyklejone na wszystkich urządzeniach, tylko na komputerze lub zarówno na komputerach stacjonarnych, jak i tabletach.

Krok 6: Zaktualizuj, aby dodać lepkie wideo w Elementorze i zobaczyć podgląd

Po wybraniu typu wideo i skonfigurowaniu wszystkich lepkich ustawień kliknij aktualizację, aby zapisać, i kliknij przycisk podglądu, aby zobaczyć wyniki końcowe.

Uwaga: jeśli chcesz, aby przyklejony przycisk wideo wyświetlał się po kliknięciu , możesz użyć widżetu Wideo ElementsKit zamiast widżetu Elementor Wideo. Możesz wykonać ten sam proces opisany powyżej, aby dodać przyklejone wideo w Elementorze za pomocą widżetu wideo ElementsKit.

Oto podgląd Sticky Video przy użyciu widżetu wideo ElementsKit .

Ostatnie słowa

Gratulacje! Teraz wiesz, jak dodać lepkie wideo w witrynie Elementor. To o wiele łatwiejsze, niż się początkowo wydaje, prawda?

Wypróbuj wszystkie opcje i ustawienia modułu samoprzylepnego ElementsKit i używaj go w swojej witrynie, aby uzyskać maksymalne wyniki. Jeśli jesteś pod wrażeniem przyklejonego modułu ElementsKit i tego, jak łatwo jest dodać przyklejony, pływający film wideo do przewijania strony.

W takim razie zdrowa kolekcja widżetów i modułów, które oferuje ElementsKit, zaskoczy Cię jeszcze bardziej. Dlatego sprawdź wszystkie funkcje, które oferuje ElementsKit.