Szukasz łatwego sposobu na stworzenie banera dla swojej witryny WordPress?
Baner może podkreślać produkty, usługi lub aktualności oferowane przez Twoją witrynę. Może zwiększyć zaangażowanie użytkowników, podnieść współczynnik klikalności i zachęcić odwiedzających do podjęcia działań.
W tym artykule pokażemy, jak łatwo stworzyć baner dla swojej witryny WordPress.
Co to jest baner internetowy?
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 wizualnymi, w celu promowania określonego produktu, usługi lub wydarzenia.
Na przykład, jeśli sklep internetowy właśnie ogłosił wyprzedaż, może wyświetlić baner u góry swoich stron, aby poinformować nowych odwiedzających o promocji 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ą witryny. Ponadto banery mogą być również wykorzystywane do promowania produktów partnerskich, zwiększania świadomości marki, budowania listy e-mailowej poprzez zachęcanie odwiedzających do zapisania się do newslettera i kierowania ruchu na inne strony w witrynie.
Banery można również wykorzystać do promowania kont w mediach społecznościowych i zachęcania odwiedzających do śledzenia lub polubienia stron.
Jaki jest najlepszy rozmiar banera na stronie internetowej?
Idealny rozmiar banera na stronie internetowej zależy od układu i konkretnych celów marketingowych bloga WordPress.
Na przykład, jeśli chcesz wyświetlić prostokątny i cienki baner w górnej części 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 to:
- Średni baner: 300 x 250
- Leaderboard: 728 x 90
- Szeroki wieżowiec: 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
- Baner połówkowy: 234 x 60
Jeśli chcesz wyświetlić baner wydarzenia na pasku bocznym, możesz użyć rozmiarów Wide Skyscraper lub Half-Page. Podobnie, możesz również użyć rozmiaru średniego banera, aby wyświetlić kwadratowy baner na swojej 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 łatwo utworzyć baner na swojej witrynie WordPress. W tym samouczku omówimy trzy metody tworzenia banerów i możesz użyć poniższych linków, aby przejść do wybranej metody:
Metoda 1: Utwórz baner witryny za pomocą OptinMonster (zalecane)
OptinMonster to najlepsza wtyczka banerowa WordPress na rynku, która umożliwia łatwe tworzenie pływających pasków i wyskakujących banerów dla Twojej witryny.
Jest to najlepsze narzędzie do optymalizacji konwersji i generowania leadów, które pomaga zamienić odwiedzających witrynę 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 witrynę.
Krok 1: Zainstaluj OptinMonster na swojej stronie internetowej
Najpierw należy założyć konto OptinMonster. Aby to zrobić, wystarczy odwiedzić witrynę OptinMonster i kliknąć przycisk „Get OptinMonster Now”, aby założyć konto.
Następnie należy zainstalować i aktywować darmową wtyczkę OptinMonster na swojej witrynie WordPress. Aby uzyskać szczegółowe instrukcje, warto zapoznać się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.
Po aktywacji, kreator konfiguracji OptinMonster otworzy się w panelu administracyjnym WordPress.
W tym miejscu należy kliknąć przycisk „Połącz istniejące konto”, aby połączyć witrynę WordPress z kontem OptinMonster.
Spowoduje to otwarcie nowego okna na ekranie komputera.
Następnie należy kliknąć przycisk „Połącz z WordPress”, aby przejść dalej.
Krok 2: Utwórz i dostosuj swój baner
Po połączeniu konta WordPress z OptinMonster, przejdź do strony OptinMonster ” Kampanie z paska bocznego administratora WordPress.
W tym miejscu należy kliknąć przycisk „Utwórz pierwszą kampanię”, aby rozpocząć tworzenie projektu banera witryny.
Spowoduje to przekierowanie do strony „Szablony”, gdzie można rozpocząć od wyboru typu kampanii.
Na przykład, jeśli chcesz wyświetlić swój baner jako pasek u góry ekranu, możesz wybrać kampanię „Pływający pasek”. Podobnie możesz wybrać typ kampanii „Popup”, aby wyświetlić swój baner jako wyskakujące okienko.
Następnie należy wybrać szablon dla wybranej kampanii.
W tym poradniku wybierzemy szablon dla kampanii typu „Floating bar”.
Następnie zostaniesz poproszony o podanie nazwy dla tworzonej kampanii.
Po prostu wpisz wybraną nazwę i kliknij przycisk „Rozpocznij tworzenie”, aby przejść dalej.
Spowoduje to uruchomienie interfejsu przeciągania i upuszczania OptinMonster na ekranie, gdzie można rozpocząć dostosowywanie banera. Z tego miejsca możesz przeciągać i upuszczać wybrane pola z paska bocznego po lewej stronie na baner.
Na przykład, jeśli chcesz dodać ikony mediów społecznościowych do banera, aby zwiększyć liczbę obserwujących, możesz przeciągnąć i upuścić blok Media społecznościowe z lewego paska bocznego.
Następnie wystarczy kliknąć blok, aby otworzyć jego ustawienia w lewej kolumnie.
W tym miejscu można 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, obrazy, tekst lub wezwania do działania w projekcie banera witryny.
Następnie należy wybrać pozycję banera.
Domyślnie pływający pasek OptinMonster jest wyświetlany na dole ekranu witryny po rozpoczęciu przewijania.
Możesz jednak łatwo zmienić to ustawienie, klikając ikonę „Ustawienia” u dołu paska bocznego po lewej stronie.
Spowoduje to otwarcie ustawień w lewej kolumnie, gdzie należy rozwinąć zakładkę „Ustawienia pływającego paska”. W tym miejscu wystarczy przełączyć przełącznik „Załadować pływający pasek u góry strony?”, aby wyświetlić baner u góry.
Krok 3: Dodaj wyzwalacze dla swojego banera
Po zaprojektowaniu banera przejdź do zakładki „Reguły wyświetlania” u góry. W tym miejscu możesz dodać reguły wyświetlania banera.
Pamiętaj, że musisz przejść do tej zakładki tylko wtedy, gdy chcesz dodać konkretny wyzwalacz wyświetlania dla swojego banera. W przeciwnym razie możesz przejść do następnego kroku.
Na przykład, jeśli chcesz dodaćaby wyświetlić baner, gdy użytkownik ma zamiar opuścić witrynę, należy wybrać opcję „Exit Intent”.
Gdy to zrobisz, wybierz opcję „Na wszystkich urządzeniach” z rozwijanego menu 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 własnymi upodobaniami i kliknij przycisk „Następny krok”.
Spowoduje to przejście do nowego ekranu. Tutaj musisz upewnić się, że opcja „Optin” jest wybrana w menu rozwijanym „Pokaż widok kampanii”.
Gdy to zrobisz, po prostu kliknij przycisk „Następny krok”.
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ć.
Krok 4: Opublikuj swój baner
Możesz teraz przejść do zakładki „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 swojej stronie internetowej.
Teraz odwiedź swoją witrynę, aby zobaczyć baner w górnej części ekranu.
Tak to wyglądało na naszej stronie demonstracyjnej.
Metoda 2: Utwórz baner witryny za pomocą Canva (bezpłatnie)
Jeśli chcesz stworzyć baner internetowy za darmo, ta metoda jest dla Ciebie.
Canva to popularne narzędzie internetowe, które umożliwia tworzenie wszelkiego rodzaju grafik, w tym banerów, logo, plakatów, okładek książek i innych. Oferuje również bezpłatną wersję, której można użyć do stworzenia projektu banera internetowego.
Krok 1: Utwórz konto Canva
Najpierw należy odwiedzić witrynę Canva i kliknąć przycisk „Zarejestruj się”, aby utworzyć konto.
Jeśli masz już konto Canva, możesz się po prostu zalogować.
Po utworzeniu konta zostaniesz przeniesiony na stronę główną swojego konta Canva.
Z tego miejsca należy przejść do zakładki „Szablony” w lewej kolumnie, a następnie wyszukać szablony banerów za pomocą pola wyszukiwania u góry.
Spowoduje to wyświetlenie wszystkich szablonów banerów dostępnych w Canva. Jednak niektóre z tych szablonów mogą być zablokowane, ponieważ są to funkcje płatne.
Krok 2: Zaprojektuj baner swojej strony internetowej
Po wybraniu szablonu na ekranie zostanie uruchomiony interfejs projektowy Canva.
Z tego miejsca możesz dostosować szablon banera do swoich upodobań. Możesz zmienić istniejącą zawartość szablonu, klikając bloki i dodając własny tekst.
Możesz nawet dodawać różne elementy graficzne, takie jak naklejki, zdjęcia i filmy, przechodząc do zakładki „Elementy” w lewej kolumnie.
Po dodaniu elementu można dalej zmienić jego animację, pozycję i przezroczystość z menu u góry.
Możesz także przesyłać pliki multimedialne z własnego komputera, przechodząc do zakładki „Uploads” w lewej kolumnie.
Aby dodać tekst do banera, wystarczy przejść do zakładki „Pole tekstowe” w kolumnie po lewej stronie.
Tam możesz użyć domyślnych stylów tekstu lub różnych kombinacji czcionek, aby dodać treść do banera.
Możesz nawet dodać wezwanie do działania z linkiem, zaznaczając tekst za pomocą myszy. Spowoduje to wyświetlenie ikony łącza u góry tekstu.
Wystarczy kliknąć tę ikonę, a następnie skopiować i wkleić link.link, który chcesz dodać.
Następnie kliknij przycisk „Gotowe”, aby go zapisać.
Krok 3: Uzyskaj kod osadzania dla banera
Gdy będziesz zadowolony z dostosowania banera, po prostu kliknij przycisk „Udostępnij” w prawym górnym rogu ekranu.
Spowoduje to otwarcie menu podręcznego, w którym należy wybrać opcję „Więcej” u dołu.
Spowoduje to przejście do menu „Wszystkie opcje”, w którym należy wybrać opcję „Osadź”.
Gdy to zrobisz, na ekranie pojawi się nowy monit. Następnie wystarczy kliknąć przycisk „Embed”.
Canva utworzy teraz kod HTML do osadzenia.
Po wyświetleniu go na ekranie, kliknij przycisk „Kopiuj” pod opcją „Kod osadzania HTML”.
Krok 4: Dodaj kod osadzania HTML w WordPress
Teraz możesz wyświetlić swój baner na stronie WordPress, w poście lub na pasku bocznym, zgodnie z własnymi upodobaniami. W tym samouczku będziemy wyświetlać nasz baner na stronie WordPress.
Najpierw musisz otworzyć stronę lub post, w którym chcesz dodać baner.
Następnie kliknij przycisk „+” w lewym górnym rogu ekranu, aby znaleźć i dodać niestandardowy blok HTML do strony.
Gdy to zrobisz, po prostu wklej skopiowany kod osadzania do bloku.
Na koniec kliknij przycisk „Aktualizuj” lub „Opublikuj”, aby zapisać zmiany.
Teraz odwiedź swoją witrynę, aby zobaczyć baner WordPress w akcji.
Metoda 3: Stwórz baner strony internetowej przy użyciu Thrive Leads
Możesz również utworzyć baner na stronie internetowej za pomocą Thrive Leads. Jest to popularna wtyczka WordPress popup używana przez ponad 114 000 stron internetowych.
Dzięki Thrive Leads możesz zaprojektować banery, które pomogą ci pozyskać potencjalnych klientów na twojej witrynie WordPress i rozwinąć twoją listę e-mailową.
Krok 1: Zainstaluj Thrive Leads na swojej witrynie WordPress
Najpierw należy odwiedzić stronę Thrive Themes i założyć konto. Gdy już to zrobisz, przejdź do panelu użytkownika.
Następnie należy kliknąć link „Pobierz i zainstaluj wtyczkę Thrive Product Manager”.
Następnie musisz odwiedzić swoją witrynę WordPress, aby zainstalować i aktywować wtyczkę Thrive Product Manager. Aby uzyskać szczegółowe instrukcje, warto zapoznać się z naszym przewodnikiem krok po kroku dotyczącym instalacji wtyczki WordPress.
Po aktywacji, przejdź do zakładki Product Manager na pulpicie administracyjnym WordPress i kliknij przycisk „Zaloguj się na moje konto”.
Po wprowadzeniu swoich danych logowania, będziesz mógł zobaczyć swój pulpit nawigacyjny Thrive Product Manager.
Z tego miejsca możesz wybrać produkty, które chcesz zainstalować i używać na swojej stronie. Wystarczy wybrać wtyczkę „Thrive Leads” i kliknąć przycisk „Zainstaluj wybrane produkty”.
Krok 2: Utwórz baner internetowy
Po zainstalowaniu wtyczki należy odwiedzić stronę Thrive dashboard ” Thrive Leads z paska bocznego administratora WordPress.
Gdy już się tam znajdziesz, kliknij przycisk „Dodaj nowy” obok opcji „Grupy potencjalnych klientów”.
Spowoduje to wyświetlenie wyskakującego okienka „Add New Lead Group” na ekranie, w którym należy wpisać nazwę tworzonej grupy potencjalnych klientów.
Pamiętaj, aby nazwać grupę potencjalnych klientów w sposób, który pomoże ci ją zidentyfikować.
Na przykład, jeśli tworzysz baner do budowania listy e-mailowej, możesz nazwać swoją grupę potencjalnych klientów „Email Li”.Kampania”.
Następnie utworzona grupa potencjalnych klientów zostanie dodana do ekranu. W tym miejscu należy kliknąć przycisk „Dodaj nowy typ formularza Opt-In”.
Spowoduje to otwarcie nowego monitu, w którym należy wybrać typ banera, który chcesz utworzyć.
Możesz utworzyć baner typu slide-in, ribbon, widget, in-content, lightbox lub scroll mat według własnych upodobań.
Banery te będą przypominać formularze, ponieważ będą zbierać dane od użytkowników, w tym adresy e-mail, numery telefonów i inne.
W tym samouczku stworzymy baner wstążkowy dla naszej witryny.
Po wybraniu typu projektu banera witryny, podpowiedź automatycznie zniknie z ekranu.
Teraz, aby otworzyć pulpit nawigacyjny grupy potencjalnych klientów, należy kliknąć przycisk „Dodaj” w prawym rogu karty Grupy potencjalnych klientów.
Spowoduje to przejście do pulpitu nawigacyjnego grup potencjalnych klientów, gdzie po uruchomieniu kampanii wyświetlane będą wszystkie formularze i raporty potencjalnych klientów dla grupy.
Na przykład, jeśli chcesz utworzyć baner do przechwytywania adresów e-mail, wszystkie informacje o użytkownikach zebrane za pomocą banera będą wyświetlane tutaj.
Na razie wystarczy kliknąć przycisk „Utwórz formularz”, aby rozpocząć tworzenie banera.
Otworzy się nowy monit, w którym należy podać nazwę formularza i kliknąć przycisk „Utwórz formularz”.
Po utworzeniu formularza zostanie on wyświetlony na pulpicie nawigacyjnym Lead Groups.
W tym miejscu należy kliknąć przycisk „Edytuj projekt” w prawym rogu, aby rozpocząć tworzenie banera.
Krok 3: Dostosowanie banera witryny
Edytor wizualny Thrive zostanie teraz uruchomiony w nowej karcie na ekranie.
W tym miejscu możesz zacząć od wybrania szablonu dla swojego banera z podpowiedzi „Thrive Leads Library”.
Następnie możesz użyć jednego z gotowych szablonów lub dostosować go za pomocą edytora wizualnego. Po dokonaniu wyboru wystarczy kliknąć przycisk „Wybierz szablon”, aby przejść dalej.
Po dodaniu szablonu banera wstążkowego można łatwo dostosować jego elementy, klikając na każdy z nich. Spowoduje to otwarcie ustawień elementu na pasku bocznym po lewej stronie.
Na przykład, jeśli chcesz zmienić kolor przycisku w szablonie, wystarczy go kliknąć, aby otworzyć jego ustawienia na pasku bocznym.
Jeśli chcesz dodać zupełnie nowy element do swojego banera, możesz to również zrobić, klikając ikonę „+” w prawym rogu ekranu.
Spowoduje to otwarcie paska bocznego „Dodaj elementy” po prawej stronie, gdzie można przeciągać i upuszczać wybrane elementy na baner.
Na przykład, jeśli chcesz dodać przyciski kont mediów społecznościowych do swojego banera, będziesz musiał przeciągnąć i upuścić element Social Follow z prawego paska bocznego.
Gdy będziesz zadowolony ze swojego banera, kliknij przycisk „Zapisz pracę” w lewym dolnym rogu, aby zapisać zmiany.
Następnie należy powrócić do pulpitu nawigacyjnego Lead Groups.
Krok 4: Konfiguracja ustawień banera
Po powrocie do pulpitu nawigacyjnego możesz zmienić pozycję banera, klikając opcję „Pozycja” w wierszu formularza.
Spowoduje to wyświetlenie monitu „Ustawienia pozycji”, w którym można wybrać preferowaną pozycję banera z menu rozwijanego.
Następnie kliknij przyciskprzycisk „Zapisz”.
Następnie, aby skonfigurować częstotliwość wyświetlania banera, kliknij opcję „Częstotliwość wyświetlania” w wierszu formularza.
Spowoduje to wyświetlenie monitu „Ustawienia wyświetlania”, w którym za pomocą suwaka można określić liczbę wyświetleń banera na ekranie.
Jeśli pozostawisz liczbę 0, baner będzie wyświetlany przez cały czas. Po dokonaniu wyboru kliknij przycisk „Zapisz”, aby zapisać ustawienia.
Jeśli chcesz dodać konkretny wyzwalacz dla wyświetlania banera, musisz kliknąć opcję „Trigger” w wierszu formularza.
Spowoduje to wyświetlenie monitu „Ustawienia wyzwalacza”, w którym można wybrać wyzwalacz dla banera z menu rozwijanego, na przykład po określonym czasie lub gdy użytkownik dotrze do dolnej części strony.
Po zakończeniu kliknij przycisk „Zapisz”, aby zapisać ustawienia.
Krok 5: Opublikuj swój baner
Po skonfigurowaniu ustawień banera musisz opuścić pulpit nawigacyjny Lead Groups i wrócić do pulpitu nawigacyjnego Thrive Leads, klikając link u góry.
Gdy już tam będziesz, rozwiń zakładkę Lead Groups i przełącz przełącznik „Display On Desktop” na „On”. Jeśli chcesz również wyświetlać swój baner na urządzeniach mobilnych, możesz przełączyć przełącznik „Display On Mobile” na „On”.
Następnie kliknij ikonę koła zębatego w prawym górnym rogu karty Lead Groups, aby otworzyć ustawienia wyświetlania.
Tutaj możesz wybrać strony witryny, na których ma być wyświetlany baner. Na przykład, jeśli chcesz, aby baner wyświetlał się na górze wszystkich stron i postów, możesz zaznaczyć pole obok tych opcji.
Na koniec kliknij przycisk „Zapisz i zamknij”, aby zapisać zmiany.
Teraz możesz odwiedzić swoją witrynę, aby sprawdzić baner wyświetlany u góry strony.
Tak to wyglądało na naszej stronie demonstracyjnej.
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak łatwo stworzyć baner witryny dla WordPress. Warto również zapoznać się z naszym przewodnikiem dla początkujących na temat dostosowywania kolorów w witrynie WordPress i naszymi najlepszymi typami najlepszego oprogramowania do projektowania stron internetowych.
Jeśli spodobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.