Uderzający wizualnie baner jest jedną z pierwszych rzeczy, na które użytkownicy po otrzymaniu powiadomienia na innej stronie widzi po wylądowaniu na twojej witrynie. Nadaje ton twojej marce, przekazuje wiadomość i zachęca do konwersji, dzięki czemu jest potężnym narzędziem do podkreślania twoich produktów, usług lub ważnych aktualizacji.
Przez lata używaliśmy różnego rodzaju banerów na WPBeginner do promowania naszego newslettera, wyróżniania ofert Black Friday, udostępniania bezpłatnych kursów, wyświetlania naszych profesjonalnych usług i nie tylko.
Dzięki tym kampaniom zauważyliśmy, że banery konsekwentnie przyciągają uwagę ludzi, zachęcają do klikania przycisków wezwania do działania i przyciągają potencjalnych klientów do naszej firmy.
W tym artykule pokażemy ci, jak łatwo stworzyć baner dla twojej witryny internetowej WordPress. W ten sposób możesz wykorzystać wszystkie te korzyści, aby ulepszyć swój biznes.
Czym jest baner witryny internetowej?
Baner to graficzny wyświetlacz, który rozciąga się nad górną, dolną lub boczną częścią witryny WordPress. Często zawiera nazwę marki i logo, wraz z innymi elementami projektu, w celu promowania określonego produktu, usługi lub wydarzenia.
Na przykład, jeśli sklep e-handel właśnie ogłosił wyprzedaż, może wyświetlić baner na górze swoich stron, aby poinformować nowych odwiedzających o ofertach rabatowych i zachęcić ich do dokonania zakupu.
Dobrze zaprojektowany baner może wywrzeć silne wrażenie i zachęcić odwiedzających do zapoznania się z resztą twojej witryny. Ponadto banery mogą być wykorzystywane do promowania produktów partnerskich, budowania tożsamości marki, budowania listy mailingowej poprzez zachęcanie odwiedzających do zapisania się do newslettera i kierowania ruchu na inne strony twojej witryny.
Możesz również użyć banerów do promowania twoich kont w mediach społecznościowych i zachęcania odwiedzających do śledzenia lub polubienia twoich stron.
Jaki jest najlepszy rozmiar banera witryny internetowej?
Idealny rozmiar banera witryny internetowej zależy od układu i konkretnych celów marketingowych twojego bloga WordPress.
Na przykład, jeśli chcesz wyświetlić prostokątny i cienki baner u góry ekranu, możesz użyć rozmiaru Large Leaderboard, który wynosi 970 x 90.
Niektóre z innych popularnych i najczęściej używanych rozmiarów banerów obejmują:
Średni baner: 300 x 250
Tablica wyników: 728 x 90
Wide Skyscraper: 160 x 600
Pół strony: 300 x 600
Duża tablica wyników: 970 x 90
Billboard: 970 x 250
Duży prostokąt: 326 x 280
Baner pionowy: 120 x 240
Pełny baner: 468 x 60
Półbaner: 234 x 60
Jeśli chcesz wyświetlić baner wydarzenia na panelu bocznym, możesz użyć rozmiaru banera Wide Skyscraper lub Half-Page. Podobnie, możesz również użyć rozmiaru banera Medium, aby wyświetlić baner w kształcie kwadratu na twojej stronie.
Jeśli chcesz wyświetlać banery reklamowe, możesz zapoznać się z naszym przewodnikiem dla początkujących na temat najskuteczniejszych rozmiarów i formatów banerów Google AdSense dla WordPress.
Powiedziawszy to, zobaczmy, jak możesz łatwo stworzyć baner na twojej witrynie internetowej WordPress. W tym poradniku omówimy trzy metody tworzenia banerów, a ty możesz skorzystać z poniższych odnośników, aby przejść do wybranej przez siebie metody:
Method 1: Make a Website Banner Using OptinMonster (Recommended)
Method 2:
Make a Website Banner Using Canva (Free)
Method 3:
Make a Website Banner Using Thrive Leads
Bonus: Add Smart App Banners in WordPress
Metoda 1:
Utwórz baner witryny internetowej za pomocą OptinMonster (zalecane)
OptinMonster to najlepsza na rynku wtyczka do tworzenia banerów WordPress, która umożliwia łatwe tworzenie pływających pasków i wyskakujących banerów dla twojej witryny internetowej.
Jest to najlepsze narzędzie do optymalizacji konwersji i generowania leadów, które pomaga zmienić odwiedzających witrynę internetową w subskrybentów i klientów.
Ponadto, wiele szablonów banerów OptinMonster posiada pola optin, które umożliwiają zbieranie nazwisk, adresów e-mail i numerów telefonów odwiedzających twoją witrynę internetową.
Krok 1: Zainstaluj OptinMonster na twojej witrynie internetowej
Najpierw należy założyć konto OptinMonster. Aby to zrobić, wystarczy przejść na witrynę internetową OptinMonster i kliknąć przycisk Pobierz OptinMonster teraz.
https://i.ibb.co/Jwf2R6vV/optinmonster-border.png
Następnie należy zainstalować i włączyć darmową wtyczkę OptinMonster na twojej witrynie internetowej WordPress. Aby uzyskać szczegółowe instrukcje, warto zapoznać się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.
Po włączaniu, kreator konfiguracji OptinMonster otworzy się w twoim panelu administracyjnym WordPress.
Następnie kliknij przycisk Połącz istniejące konto, aby połączyć twoją witrynę WordPress z kontem OptinMonster.
https://i.ibb.co/m51jhVf2/connect-yo...ng-account.png
Spowoduje to otwarcie nowego okna na ekranie twojego komputera.
Następnie kliknij przyciskPołącz z WordPress, aby przejść dalej.
https://i.ibb.co/n8bf2scc/connect-op...-wordpress.png
Krok 2: Stwórz i dostosuj swój baner.
Po połączeniu twojego konta WordPress z OptinMonster, przejdź do strony OptinMonster Kampanie z panelu bocznego administratora WordPress.
Następnie kliknij przycisk Utwórz swoją pierwszą kampanię, aby rozpocząć tworzenie projektu banera witryny internetowej.
https://i.ibb.co/5bPrWCn/create-first-campaign.png
Spowoduje to przejście do strony Szablony, gdzie można rozpocząć od wyboru rodzaju kampanii.
Na przykład, jeśli chcesz wyświetlać twój baner jako pasek u góry ekranu, możesz wybrać kampanię Pływający pasek. Podobnie możesz wybrać rodzaj kampanii Popupâ, aby wyświetlić twój baner jako wyskakujące okienko.
Następnie należy wybrać szablon dla wybranej kampanii.
https://i.ibb.co/bjJQxV1J/select-flo...r-templatw.png
W tym poradniku wybierzemy szablon dla rodzaju kampanii Pływający pasek.
Następnie zostaniesz poproszony o podanie nazwy tworzonej kampanii. Wystarczy wpisać twój rodzaj nazwy i kliknąć przycisk Rozpocznij tworzenie, aby przejść dalej.
https://i.ibb.co/j9yZwfKd/click-star...ing-button.png
Spowoduje to uruchomienie na ekranie interfejsu przeciągania i upuszczania OptinMonster, w którym można rozpocząć konfigurowanie twojego banera. Z tego miejsca możesz przeciągać i upuszczać wybrane przez ciebie pola z panelu bocznego po lewej stronie na baner.
Na przykład, jeśli chcesz dodać ikonki mediów społecznościowych do twojego banera, aby zwiększyć liczbę obserwujących, możesz przeciągnąć i upuścić blok Media społecznościowe z lewego panelu bocznego.
https://i.ibb.co/xK8frbw1/add-blocks-to-banner.png
Następnie wystarczy kliknąć blok, aby otworzyć jego ustawienia w lewej kolumnie.
Z tego miejsca możesz zmienić tytuł przycisku, dodać adres URL mediów społecznościowych, a nawet zmienić platformę mediów społecznościowych z menu rozwijanego.
Możesz także dodać inne bloki, aby wyświetlać filmy, obrazki, tekst lub wezwania do działania w projekcie banera witryny internetowej.
https://i.ibb.co/1Y0WMsnC/configure-...eft-column.png
Gdy to zrobisz, musisz wybrać pozycję banera.
Domyślnie pływający pasek OptinMonster jest wyświetlany na dole ekranu twojej witryny internetowej po rozpoczęciu przewijania.
Można jednak łatwo zmienić to ustawienie, klikając ikonkę Ustawienia u dołu panelu bocznego po lewej stronie.
Spowoduje to otwarcie ustawień w lewej kolumnie, gdzie należy rozwinąć kartę Floating Bar Settings. W tym miejscu wystarczy przełączyć przełącznik Wczytywać Floating Bar u góry strony?, aby wyświetlić baner u góry.
https://i.ibb.co/7JwN9Vqf/toggle-swi...at-the-top.png
Krok 3: Dodaj wyzwalacze dla twojego banera
Po zaprojektowaniu twojego banera przejdź do karty Reguły wyświetlania u góry. W tym miejscu możesz dodać reguły wyświetlania twojego banera.
Pamiętaj, że musisz przejść do tej karty tylko wtedy, gdy chcesz dodać konkretny wyzwalacz wyświetlania dla twojego banera. W przeciwnym razie możesz przejść do następnego kroku.
Na przykład, jeśli chcesz wyświetlić twój baner, gdy użytkownik ma zamiar opuścić twoją witrynę, musisz wybrać opcję Exit Intent.
https://i.ibb.co/Rkws0Cz4/choose-exit-intent-option.png
Gdy to zrobisz, po prostu wybierz opcję Na wszystkich urządzeniach z menu rozwijanego pośrodku. Jeśli chcesz użyć tej reguły wyświetlania tylko dla urządzeń mobilnych, możesz również wybrać tę opcję.
Następnie wybierz czułość intencji wyjścia zgodnie z twoimi upodobaniami i kliknij przycisk Następny krok.
https://i.ibb.co/DDmF6NBX/choose-exi...ensitivity.png
Spowoduje to przejście do nowego ekranu. Tutaj musisz upewnić się, że opcja Optin jest wybrana w menu rozwijanym Pokaż zobacz kampanię.
Gdy to zrobisz, po prostu kliknij przyci Następny krok.
https://i.ibb.co/FkmsspLz/select-opt...pdown-menu.png
Twoja reguła wyświetlania banera zostanie teraz wyświetlona na ekranie.
Jeśli chcesz coś tutaj zmienić, możesz kliknąć przycisk Edytuj, aby to poprawić.
https://i.ibb.co/yFkFPVyY/summary-fo...ay-rules-1.png
Krok 4: Opublikuj swój baner
Możesz teraz przejść do karty Publikuj u góry i kliknąć przycisk Zapisz w prawym górnym rogu ekranu.
Następnie wystarczy kliknąć przycisk Opublikuj, aby wyświetlić baner na twojej witrynie internetowej.
https://i.ibb.co/9kyMc3mc/save-banner.png
Teraz przejdź na twoją witrynę internetową, aby zobaczyć baner u góry ekranu.
Tak to wyglądało na naszej witrynie demonstracyjnej.
https://i.ibb.co/M57VQ0GZ/optinmonst...er-preview.jpg
