Bloki Otter – bloki Gutenberga, kreator stron dla edytora Gutenberga i FSE

Opis

Otter to wtyczka do tworzenia stron w oparciu o bloki Gutenberga, która dodaje dodatkową funkcjonalność do Edytora bloków WordPressa (znanego również jako Gutenberg), umożliwiając wygodniejsze tworzenie stron bez konieczności korzystania z tradycyjnych kreatorów stron, takich jak Elementor i Divi.

Szybkie odnośniki 🔗

• Czy chcesz zobaczyć bloki Otter w akcji przed instalacją? ZOBACZ DEMO BLOKÓW OTTER
• Nowość w ekosystemie bloków Gutenberga? Sprawdź nasz artykuł WYJAŚNIONE GUTENBERGA
• Potrzebujesz pomocy z konfiguracją? Sprawdź naszą DOKUMENTACJĘ
• Interesuje Cię Otter Pro? Oto więcej szczegółów na temat OTTER PRO

Dzięki blokom Otter uzyskujesz dostęp do

• Ponad 20 dodatkowych bloków dla Gutenberga
• Kolekcja wzorców
• Szablony całostronicowe
• Warunki widoczności
• Własny CSS
• Animacje
• Dynamiczna treść i więcej

Dotyczy wszystkich bloków, łącznie z blokami stron trzecich obecnymi na Twojej witrynie internetowej.

Funkcja bloku własnego CSS umożliwia bezpośrednie dostosowywanie właściwości CSS dowolnego bloku Gutenberga na stronie, podczas gdy funkcja animacji pozwala szybko i łatwo dodawać animacje do dowolnego bloku, aby zwiększyć atrakcyjność różnych bloków i sekcji strony.

Funkcja Warunków Widoczności Otter umożliwia ustawienie warunków, jakie muszą zostać spełnione, aby wybrane bloki zostały wyświetlone na stronie.

Biblioteka wzorców zawiera szereg różnorodnych elementów w różnych stylach, które pomogą Ci tworzyć świetne strony. Obejmuje wszystkie najważniejsze obszary Twojej witryny: nagłówki, referencje, tabele cen, sekcje i wiele innych.

Sprawdź krótki przegląd bloków Otter

W jaki sposób bloki Gutenberga Ottera mogą Ci pomóc? 🤔

Wtyczka bloków Gutenberga dla WordPressa

Otter dodaje ponad 26 niesamowitych i przydatnych bloków, dzięki którym tworzenie stron w Gutenbergu stanie się dziecinnie proste!

Potrzebujesz czegoś więcej niż tylko bloków – potrzebujesz zaawansowanych opcji personalizacji, które dadzą Ci kontrolę nad stylem i wyglądem. Z Otterem masz to wszystko.

Każdy blok obsługuje funkcje dostosowywania, dzięki którym możesz dostosować styl swojej witryny do swojej wizji:

• Kontrola kolorów podstawowych, akcentów i tła.
• Animacje tła, odbijanie, zanikanie, odwracanie, obracanie, przesuwanie, toczenie, prędkość światła i wiele więcej po kliknięciu przycisku.
• Kontrola typografii – od odstępów po wybór kroju pisma.

Responsywność bloków Otter na urządzeniach mobilnych

Twórz projekty przyjazne dla urządzeń mobilnych dzięki wbudowanym ustawieniom responsywnym Otter. Każdy blok można dostosować, aby zapewnić spójne wrażenia na urządzeniach mobilnych, tabletach i komputerach stacjonarnych.

Wtyczka bloku warunkowego Gutenberga w WordPressie

Chcesz wyświetlać określone bloki tylko wtedy, gdy użytkownik jest zalogowany lub wylogowany? A co, jeśli jest klientem Twojego sklepu, a nie redaktorem bloga lub pełni inną rolę? Dzięki funkcji Bloku Warunków Gutenberga dostępnej w Otter jest to możliwe. Zaktualizuj Otter do wersji PRO, aby wykorzystać potencjał większej liczby bloku warunków, takich jak:

• Ciąg zapytania adresu URL
• Zakres dat
• Dzień tygodnia
• Pora dnia
• Produkty w koszyku WooCommerce
• Całkowite wydatki WooCommerce
• Całkowita wartość koszyka WooCommerce
• Kategorie WooCommerce
• Znaczniki WooCommerce
• Atrybuty WooCommerce
• Oparte na plikach ciasteczka
• I więcej

Wtyczka animacji bloków Gutenberga dla WordPressa

WOW! Odwiedzający Twoją witrynę mogą cieszyć się niesamowitymi animacjami, które można dodać do dowolnego bloku na stronie. Z ponad 50 animacjami do wyboru, Otter umożliwia dodanie odrobiny pikanterii do dowolnego wpisu lub strony w Twojej witrynie.

Wtyczka wyskakującego okienka Gutenberg dla WordPressa

Wyskakujące okienka to jedna z najstarszych technik pozyskiwania potencjalnych klientów i przekazywania informacji w internecie. Dzięki blokowi wyskakującego okienka Gutenberg dostępnemu w Otter możesz tworzyć wyskakujące okienka z dowolnego innego bloku dostępnego w Gutenberg!

Dopasuj swoje wyskakujące okienka, ustawiając, kiedy mają się pojawiać i jak mogą być zamykane. Dzięki naszemu blokowi wyskakujących okienek zyskujesz dostęp do wielu wyzwalaczy, takich jak: wczytywanie, wyjście, kliknięcie kotwicy i przewijanie.

Dodatkowo możesz zaprojektować swoje wyskakujące okienko z własnymi nakładkami, aby dopasować je do tożsamości swojej marki i przyciągnąć więcej uwagi. Sprawdź demo na żywo

Globalne ustawienia domyślne dla bloków Ottera

Masz dość ciągłego ustawiania tych samych opcji za każdym razem, gdy dodajesz blok do strony? Dzięki Otter możesz ustawić domyślną konfigurację dla niektórych z najczęściej używanych bloków, takich jak Blok Sekcji, Blok Ikonki, Zaawansowane Nagłówki i wiele innych.

Bloki dostępne w Otter:

Blok Akordeon Gutenberga [BEZPŁATNY]

Za pomocą tego bloku możesz tworzyć pionowo ułożone listy treści, które można wyświetlać lub ukrywać jednym kliknięciem. Są one powszechnie znane jako akordeony. Sprawdź demo na żywo

Blok Zaawansowany nagłówek Gutenberga [BEZPŁATNY]

Blok nagłówka, o którym nie wiedziałeś, że go potrzebujesz. Ten blok Otter ma wszystkie funkcje domyślnego bloku nagłówka, a także kilka dodatkowych funkcji, takich jak zmiana kroju pisma, podświetlanie fragmentów tekstu i wiele innych. Sprawdź demo na żywo

Blok AI [BEZPŁATNY]

Zanurz się w bloku AI, Twojej bramie do łatwego tworzenia treści i formularzy, wspieranych przez AI. Dzięki Generatorowi treści AI tworzenie tekstu, dynamicznych nagłówków i wnikliwych akapitów to pestka, a Generator formularzy AI upraszcza tworzenie formularzy. To kompleksowe rozwiązanie do płynnej pracy — wszystko, czego potrzebujesz dzięki AI, zgrabnie zamknięte w jednym bloku.

Blok Grupa przycisków Gutenberga [BEZPŁATNY]

Szybko i łatwo twórz wiele przycisków i wyświetlaj je pionowo lub poziomo, w zależności od urządzenia, na którym przeglądasz stronę. Sprawdź demo na żywo

Blok Odliczanie Gutenberga [BEZPŁATNY]

Odliczasz do ważnego wydarzenia? Pokaż to, korzystając z tych bloków Gutenberga. Odliczaj dni, godziny, minuty lub sekundy. Sprawdź demo na żywo

Blok Formularz kontaktowy Gutenberg [BEZPŁATNY]

Szybko i łatwo wstaw formularz kontaktowy w dowolnym miejscu na stronie. Opcjonalnie, zmień formularz w maszynę do generowania potencjalnych klientów, integrując go z Brevo (Sendinblue) lub Mailchimp. Dodatkowo, usprawnij zarządzanie danymi dzięki integracji webhooków i zapewnij większe bezpieczeństwo dzięki integracji hCaptcha. Sprawdź demo na żywo

Blok Oś czasu treści [BEZPŁATNY]

Elegancko wyświetlaj wydarzenia na osi czasu. Idealne do podkreślania wydarzeń historycznych, etapów procesu lub kluczowych momentów.

Blok Odliczanie [BEZPŁATNY]

Odliczasz do ważnego wydarzenia? Pokaż to, korzystając z tych bloków Gutenberga. Sprawdź demo na żywo

Blok Postęp kołowy [BEZPŁATNY]

Pokaż swoje postępy za pomocą pięknego bloku licznika kołowego. Sprawdź demo na żywo

Blok Odwracane pole [BEZPŁATNY]

Tworzy kartę z efektem odwrócenia, na którą możesz wstawić dowolną treść lub bloki dostępne w Gutenbergu. Sprawdź demo na żywo

Blok Lista ikonek Gutenberga [BEZPŁATNY]

Ulepsz nudne listy punktów, używając własnych ikonek jako wskaźników. Sprawdź demo na żywo

Blok Ikonka Gutenberga [BEZPŁATNY]

Wyświetl dowolną ikonkę z Font Awesome lub z naszej listy własnych ikonek w dowolnym miejscu na stronie. Zmieniaj kolory, dodawaj obramowania i łącz z innymi blokami, aby poprawić wygląd swojej strony. Sprawdź demo na żywo

Blok Animacja Lottie Gutenberga [BEZPŁATNY]

Słyszałeś o Lottie? Super! Dzięki blokowi animacji Lottie od Ottera w Gutenbergu możesz wyświetlać animacje Lottie w dowolnym miejscu w Gutenbergu. Sprawdź demo na żywo

Blok Mapy Gutenberga [BEZPŁATNY]

Wybierz Otwartą mapę ulic lub blok Map Google i stwórz znaczniki punktów zainteresowania dla odwiedzających Twoją witrynę. Nasz blok Map pomoże Ci spersonalizować wygląd mapy, aż po kolor i opis znaczników, wyszukiwać miejsca według nazwy lub współrzędnych, dodawać i usuwać elementy sterujące mapą, a także zmieniać rozmiar i styl map za pomocą kilku kliknięć. Sprawdź demo na żywo

Blok Pasek postępu [BEZPŁATNY]

Pokaż swoje postępy za pomocą pięknego bloku paska postępu. Sprawdź demo na żywo

Blok Wpisy Gutenberga [BEZPŁATNY]

Użyj tego bloku, aby wstawiać elementy z wpisów, stron i własnych typów treści do aktualnie edytowanej strony. Blok „Wpisy” umożliwia wyświetlanie określonej liczby wpisów na różnych stronach. Dostępne dostosowania dla tego bloku obejmują takie obszary, jak style, typy treści, ustawienia, projekty i układ.

Blok Recenzja produktu Gutenberga [BEZPŁATNY]

Blogujesz o produkcie, który kochasz? A może prowadzisz stronę z recenzjami? Użyj tego bloku, aby utworzyć tabelę recenzji produktu i wymienić jego cechy, zalety i wady, a także opcjonalne odnośniki do zakupu. Sprawdź demo na żywo

Blok Wyskakujące okienko Gutenberga [BEZPŁATNY]

Twórz efektowne wyskakujące okienka i dostosuj czas ich wyświetlania oraz sposób ich zamykania. Sprawdź demo na żywo

Blok Pokaz slajdów Gutenberga [BEZPŁATNY]

Użyj tego bloku Gutenberga, aby tworzyć pokazy slajdów obrazka na dowolnej stronie Gutenberga. Ustawienia obejmują wysokość pokazu slajdów, opóźnienie, liczbę slajdów na stronę, automatyczne odtwarzanie i wiele innych. Sprawdź demo na żywo

Blok Sekcja Gutenberga [BEZPŁATNY]

Blok kolumny na sterydach! Ten blok pozwala na utworzenie sekcji z maksymalnie 6 kolumnami, z których każda może mieć własny kolor tła, obrazek lub gradient. Użyj responsywnych funkcji tego bloku, aby ustawić dopełnienie i margines dla wyświetlaczy komputerów stacjonarnych, tabletów i urządzeń mobilnych. Sprawdź demo na żywo

Płatność Stripe [BEZPŁATNA]

Ten blok będzie bardzo przydatny, jeśli chcesz sprzedawać kilka produktów (np. e-booki, licencje itp.) bez konieczności zakładania całego sklepu.

Blok Ikonki udostępniania [BEZPŁATNY]

Przyciski udostępniania umożliwiające odwiedzającym Twoją witrynę udostępnianie treści w dowolnej usłudze społecznościowej. Sprawdź demo na żywo

Blok Karty Gutenberg [BEZPŁATNY]

Za pomocą tego bloku możesz tworzyć poziomo ułożone listy treści, które można wyświetlić lub ukryć jednym kliknięciem. Są one powszechnie znane jako karty. Sprawdź demo na żywo

Blok Dodaj do koszyka Gutenberga [PRO]

Upuść blok przycisku Dodaj do koszyka dla dowolnego produktu WooCommerce w dowolnym miejscu wpisu lub strony, którą edytujesz.

Blok Godziny otwarcia Gutenberg [PRO]

Utwórz pięknie sformatowaną tabelę godzin pracy i dopracuj jej ustawienia, aż do uzyskania idealnego efektu.

Wyszukiwanie na żywo [PRO]

Funkcja wyszukiwania na żywo rozszerza wyszukiwanie w bloku podstawowym, dodając dwa dodatkowe atrybuty (isLive i postTypes), które można ustawić w inspektorze w panelu wyszukiwania na żywo.

Modalne [PRO]

Wdrażaj okna dialogowe modalne, aby zapewnić interaktywne środowisko, wyświetlając formularze, treści lub ogłoszenia bezpośrednio w układzie strony.

Tabela porównawcza recenzji [PRO]

Przygotuj się na zaimponowanie czytelnikom blokiem „Tabela porównawcza recenzji” od Otter. Z łatwością twórz profesjonalnie wyglądające tabele porównawcze produktów na swoim blogu lub witrynie internetowej.

Stale dodajemy nowe bloki Gutenberga do Ottera, aby ułatwić Ci tworzenie witryn internetowych. Zachęcamy do kontaktu na naszym Forum pomocy, jeśli czegoś nam brakuje! Inne bloki to m.in.:

Gotowe do zaimportowania wzorców i szablonów całostronicowych w Otter:

Z łatwością uruchom swoją witrynę dzięki naszym konfigurowalnym wzorcom i pełnostronicowym szablonom WordPress. Zaimportuj gotowe projekty jednym kliknięciem i zacznij pracę w mgnieniu oka.

Wzorce usług

Uporządkuj swoje usługi w przejrzysty sposób, dzieląc je na sekcje, które utrzymają Twoją stronę w porządku, a jednocześnie zapewnią Ci dostęp do szczegółowych informacji na żądanie. Sprawdź demo na żywo

Wzorce referencji

Uporządkuj swoje usługi w przejrzysty sposób, dzieląc je na sekcje, które utrzymają Twoją stronę w porządku, a jednocześnie zapewnią Ci dostęp do szczegółowych informacji na żądanie. Sprawdź demo na żywo

Wzorce cenowe

Dostosuj swoje tabele cenowe za pomocą uniwersalnych wzorców układu, które zwiększają czytelność i atrakcyjność, odpowiednich dla każdego modelu biznesowego. Sprawdź demo na żywo

Wzorce sekcji funkcji

Przedstaw szczegółowo cechy swoich produktów lub usług, korzystając z przejrzystego i uporządkowanego układu, który ułatwia zrozumienie złożonych informacji. Sprawdź demo na żywo

Wzorce sekcji wezwania do działania

Zwiększaj konwersje dzięki atrakcyjnym sekcjom wezwań do działania, zaprojektowanym tak, aby przyciągać uwagę i motywować do natychmiastowych reakcji. Sprawdź demo na żywo

📌 Obejrzyj demo na żywo wszystkich dostępnych wzorców, klikając tutaj.

📌 Obejrzyj demo na żywo wszystkich dostępnych szablonów pełnostronicowych, klikając tutaj.

Uzyskaj więcej opcji w Otter Pro 🤩

Kreator bloków WooCommerce

Twórz spersonalizowane strony pojedynczych produktów za pomocą bloków kreatora WooCommerce od Otter. Wszystkie nowe funkcje zostały zaprojektowane, aby zmaksymalizować współczynnik konwersji i przynieść jeszcze więcej korzyści.

Dzięki Otter Pro zyskujesz o wiele więcej funkcji, w tym:

• Blok Dodaj do koszyka
• Blok godzin pracy
• Blok modalny
• Blok porównawczy recenzji produktów
• Blok wyszukiwania na żywo
• Dodatki Pro do darmowych bloków
• Więcej opcji treści dynamicznej
• Więcej opcji warunków widoczności
• Więcej wzorców i szablonów na całą stronę
• i więcej!

Możesz wypróbować wersję demo bloków Otter – nie wymaga konfiguracji. Kliknij tutaj, aby wypróbować.

Dla kogo jest Otter? 👀

• Każdy, kto chce w pełni wykorzystać możliwości nowego Edytora Gutenberga za pomocą przydatnych i łatwych w użyciu bloków Gutenberga.
• Każdy, kto myśli o odejściu od tradycyjnych kreatorów stron, takich jak Elementor i Kreator Divi, na rzecz nowego edytora bloków Gutenberga.
• Każdy, kto próbuje szybko tworzyć strony Gutenberga w rekordowo krótkim czasie.
• Każdy, kto próbuje ukryć/pokazać bloki Gutenberga w oparciu o warunki, takie jak status zalogowania/wylogowania użytkownika.
• Każdy, kto próbuje dodać animacje do bloków Gutenberga.

Zobaczmy kilka przypadków użycia 🚀

Otter otwiera świat możliwości! Odkryj, jak różne segmenty odbiorców mogą w pełni z niego skorzystać:

• Blogerzy podróżniczy: Ulepsz swojego bloga podróżniczego o atrakcyjne mapy, korzystając z bloków Map i map Google Otter, aby zaprezentować swoje podróże po całym świecie.

• Organizacje non-profit: Zaangażuj odbiorców i promuj swoją sprawę, korzystając z bloków Licznika kołowego i referencji Otter, aby dzielić się inspirującymi historiami sukcesu.

• Właściciele restauracji: Zaprezentujcie menu swojej restauracji i zbierajcie rezerwacje z łatwością dzięki blokom Odwracanej karty i formularza Otter, które stworzą atrakcyjną obecność w Internecie.

• Recenzenci produktów technologicznych: Prezentuj szczegółowe recenzje produktów za pomocą Recenzji produktu Otter, dzięki czemu Twoje treści będą informacyjne i wciągające.

• Blogerzy: Ulepsz swoje wpisy na blogu dzięki ikonkom udostępniania, tworząc łatwe opcje udostępniania dla czytelników. Użyj pokazu slajdów, aby wyświetlać galerie zdjęć i angażować odbiorców.

• Twórcy treści i sprzedawcy produktów cyfrowych: Blok płatności Stripe Gutenberg oferuje wygodny sposób sprzedaży produktów cyfrowych, takich jak e-booki, kursy online, licencje na oprogramowanie czy cyfrowe dzieła sztuki, bez konieczności tworzenia w pełni funkcjonalnego sklepu internetowego. Integrując ten blok, możesz zapewnić klientom usprawniony i bezpieczny proces płatności.

• Recenzenci produktów: Twórz informacyjne i atrakcyjne porównania recenzji produktów za pomocą Tabeli porównawczej recenzji, pomagając użytkownikom podejmować świadome decyzje.

• Właściciele restauracji: Wyświetlajcie godziny otwarcia w stylowym formacie, korzystając z bloków „Godziny otwarcia”, dzięki czemu klienci będą mogli łatwo Was znaleźć.

• Katalogi online: Witryny internetowe oferujące katalogi, oferty lub obszerne treści, w których wyszukiwanie na żywo ułatwia dostęp do treści.

Wsparcie 🤝

Jesteśmy tu, aby pomóc. Możesz otworzyć nowy wątek na Forum Wsparcia.

Dokumentacja 📚

Dowiedz się, jak najlepiej wykorzystać bloki Otter, korzystając z naszej szczegółowej i przyjaznej użytkownikowi dokumentacji.

Zostań współautorem 💁‍♂️

Bloki Otter to projekt open source i zapraszamy współpracowników do dołączenia do naszej dynamicznej społeczności! Pomóż nam ulepszyć wtyczkę i uczynić ją jeszcze lepszą – Odnośnik do GitHub

Przydatne zasoby 📌

• Więcej informacji o WordPressie znajdziesz na naszym blogu.
• Interesują Cię nasze inne wtyczki? Zajrzyj tutaj.
• Wykorzystaj w pełni możliwości bloków Otter dzięki naszej przydatnej Liście odtwarzania z poradnikami YouTube.

Wtyczka korzysta z usługi api.themeisle.com w celu uzyskania dostępu do listy wzorców, komunikatów AI i funkcji wdrażania. Dostęp do kolekcji szablonów usługi nie wymaga konta, a politykę prywatności można znaleźć tutaj.