Jak dodać animowany tekst za pomocą Elementora, aby odwiedzający skupili się na swojej wiadomości

Jeśli potrzebujesz swojej witryny, aby przyciągnąć uwagę odwiedzających, animowany tekst może być właśnie tym, czego potrzebujesz.

Na przykład spójrz na moją stronę główną, coś zauważyłeś? Zgadza się, animowany tekst. Używam tekstu animowanego od 2016 roku, ale do tej pory było to trudne.

A jeden z dodatków Elementora sprawi, że będzie to niezwykle łatwe.

Co to jest animowany nagłówek?

Animowany nagłówek w sekcji z bohaterami to świetny sposób na przyciągnięcie uwagi czytelnika i przyciągnięcie go do reszty treści. Nagłówki animowane zawierają częściowo statyczny nagłówek ze słowem lub frazą, które wciąż się zmieniają.

Podczas gdy tworzenie takich nagłówków wymagało w przeszłości dużej wiedzy technicznej, teraz jest to bardzo łatwe, używając kombinacji darmowej wersji Elementora i Ultimate Addons do Elementora lub po prostu Elementor Pro.

Teraz tworzenie atrakcyjnych nagłówków, takich jak te, jest proste, przeciągnij i upuść!

Dlaczego warto dodać animowany tekst do strony internetowej?

Animowany tekst może pomóc ożywić Twoją witrynę, przyciągając uwagę odwiedzających i sprawiając, że treść jest bardziej atrakcyjna.

Dodanie animowanego tekstu do witryny to świetny sposób na zwiększenie zainteresowania wizualnego. Może również pomóc podkreślić ważne informacje lub wyjaśnić złożone koncepcje w łatwy do zrozumienia sposób.

Animowany tekst może być również skutecznie wykorzystany jako element wezwania do działania lub do zwrócenia uwagi na specjalne oferty i promocje.

Jeśli chcesz, aby Twoja witryna wyróżniała się z tłumu, dodanie animowanego tekstu to świetny sposób, aby to zrobić!

Jak dodać animowany tekst za pomocą Elementora

Dodanie animowanego tekstu do witryny Elementora to świetny sposób na dodanie pizzy i osobowości.

Możesz to zrobić na kilka różnych sposobów, ale tutaj będziemy używać Ultimate Addons do Elementora (ZEA).

ZEA to jeden z zaawansowanych dodatków do Elementora, który oferuje wiele nowych interaktywnych bloków do projektowania stron. Twoja subskrypcja w Zjednoczonych Emiratach Arabskich jest ważna na nieograniczonych stronach internetowych, a także dostępny jest plan dożywotni!

Wraz z zaawansowanymi animowanymi nagłówkami, ZEA oferuje:

• Animowany tekst akapitowy
• Dynamiczny minutnik
• Animowane filmy w tle
• Responsywne Mapy Google
• Animowane ikony
• Karuzele obrazów
• Tabele cenowe
• Karuzele produktów WooCommerce

Możesz znaleźć pełną listę wszystkich Ultimate Addons do bloków Elementor, klikając Widgety z menu strony głównej.

Przejdźmy teraz do tworzenia animowanego tekstu za pomocą Elementora i Ultimate Addons do Elementora!

Krok 1: Zainstaluj i aktywuj wtyczkę ZEA

Pierwszym krokiem jest zainstalowanie Ultimate Addons dla Elementora. Ta wtyczka dodaje o wiele więcej funkcji do Elementora, dzięki czemu jest jeszcze potężniejsza niż wcześniej!

• Zainstaluj go z witryny Ultimate Addons do Elementora. Jeśli nie utworzyłeś swojego konta, musisz to zrobić.
• Po zalogowaniu się na swoje konto możesz pobrać plik zip dla Ultimate Addons.
• Teraz przejdź do pulpitu WordPress> Wtyczki > Dodaj nowy.
• Tutaj kliknij przycisk Prześlij wtyczkę u góry strony.
• Wybierz właśnie pobrany plik zip i kliknij Zainstaluj .

Otóż ​​to! Ultimate Addons do Elementora zostaną teraz zainstalowane w Twojej witrynie. Śmiało i aktywuj wtyczkę, aby zacząć z niej korzystać.

Krok 2: Dodaj fantazyjny widżet nagłówka do wybranej lokalizacji

Oto jak wygląda fantazyjny nagłówek!

Tekst w kolorze żółtym z kursorem na końcu ma atrakcyjną animację pisania, która natychmiast przyciąga uwagę użytkownika.

Zobaczmy, jak możemy dodać ten widżet do naszych stron.

• Zacznij od edycji dowolnej strony za pomocą Elementora
• W polu wyszukiwania elementów Elementora wyszukaj nagłówek Fancy

• Gdy go znajdziesz, przeciągnij i upuść na stronie
• Następnie edytuj tekst, który ma być statyczny i część, która ma być dynamiczna.

• Po zakończeniu możesz rozpocząć dostosowywanie.

Krok 3: Stylizuj animowany nagłówek

Istnieje wiele rodzajów animacji, które możesz dodać do nagłówków i ustawień.

Po prostu kliknij sekcję Efekt pod sekcją animowanego nagłówka i zacznij dostosowywać animacje.

Możesz dostosować sposób przełączania tekstu między różnymi fragmentami, wybierając efekt. Możesz także dostosować prędkość i czas przerwy między każdą zmianą.

Te opcje zapewnią Ci idealny efekt dla Twojej witryny i pomogą Ci sprawić, że będzie wyglądać dokładnie tak, jak chcesz!

Dodawanie animowanego tekstu za pomocą Elementora Pro

Alternatywnie możesz również tworzyć animowane nagłówki za pomocą nowego widżetu Animated Headline w Elementor Pro.

Jeśli jesteś bardziej wzrokowcem, przygotowaliśmy dla Ciebie film, który możesz obejrzeć tutaj.

Widżet Animowany nagłówek jest dość prosty, więc oto krótkie kroki, które pomogą Ci zacząć.

Krok 1: Zainstaluj i aktywuj licencję Elementor Pro

Krok 2: W panelu administracyjnym WordPress przejdź do Strony > Dodaj nowy

Krok 3: Kliknij Edytuj za pomocą Elementora

Krok 4: Poszukaj widżetu Animowany nagłówek na liście dostępnych widżetów. Teraz przeciągnij i upuść go na swojej stronie

Krok 5: Wprowadź tekst nagłówka, dzieląc go na Przed tekstem, Wyróżniony tekst i Po tekście . Podświetlony tekst to ten, w którym aktywowana jest animacja

Krok 6: Dostosuj typ animacji z rozwijanych opcji

Krok 7: Wyświetl podgląd i opublikuj swoje zmiany!

To wszystko!

Możesz teraz łatwo dodać animowany nagłówek do swojej witryny za pomocą Elementor Pro.

Niezależnie od tego, czy chcesz przyciągnąć uwagę odwiedzających, czy uatrakcyjnić treści, ten potężny widżet sprawi, że zrobisz to szybko i łatwo.

Więc po co czekać?

Zacznij dodawać animowane nagłówki do swojej witryny już dziś i obserwuj, jak pomagają zwiększyć zaangażowanie i generować konwersje!