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 🔗

• Do you want to see Otter blocks in action before installing? SEE OTTER BLOCKS DEMO
• Nowość w ekosystemie bloków Gutenberga? Sprawdź nasz artykuł WYJAŚNIONE GUTENBERGA
• Potrzebujesz pomocy z konfiguracją? Sprawdź naszą DOKUMENTACJĘ
• Interested in Otter Pro? Here are more details about 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
• Custom CSS
• Animations
• 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.

Your AI Assistant for the Block Editor

Otter brings AI right into the block editor to help you build, not just edit. Describe what you want, and Otter creates it as real, editable blocks.

• AI Content Generator: Generate a full section or an entire page from a simple prompt with the AI Block. Pick a type like Hero, Features, Pricing, Testimonials, or Call to action, or describe your own. Otter matches your theme colors and current page style, so the result arrives on-brand.

• AI Toolbar: Select any text to rewrite, summarize, expand, shorten, translate, change tone, fix grammar, or simplify it, all without leaving the page. You can also create your own custom actions with your own prompts and reorder the toolbar to fit how you work.

• AI Form Autoresponder [PRO]: Reply to every form submission with a personalized, AI-written message. Write a prompt using your form fields, set a fallback message, and let AI craft the rest.

• Native WordPress AI Connectors: Otter’s AI works with the native AI adapters in WordPress 7.0, so you connect your preferred AI provider once, and every Otter AI feature uses it.

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:

• URL Query String
• 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]

Build with AI, right in the editor. Describe the section or page you want, and the AI Block generates it as real, editable Gutenberg blocks, matched to your theme colors and page style. Adjust anything by hand afterward, just like blocks you built yourself.

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.

Content Slider Block [FREE]

A slider where every slide can hold any Gutenberg blocks, not just images. Add headings, text, buttons, images, or full layouts like testimonial, pricing, or feature cards inside each slide, then let visitors move through them with arrows or dots. Unlike a standard image slider, the Content Slider turns anything you build in Gutenberg into a swipeable carousel, with no extra plugin needed.

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.

Explore a wide range of Otter patterns and full-page templates for services, testimonials, pricing, features, call-to-action sections, and more. Browse the available designs here.

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.

With Otter Pro, you get a lot more features, including:

• 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!

You can try a live demo of Otter Blocks – no setup required. Click here to try it out.

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 📌

• …