Jak stworzyć pudełko promocyjne w WordPress za pomocą Elementora

Zwiększenie świadomości marki i dotarcie do szerszego grona odbiorców wymaga strategii promocyjnych dla Twojej marki, produktu i usługi. Strategie promocyjne, takie jak oferowanie wyprzedaży ze zniżką, pomagają przyciągnąć odwiedzających i zachęcić ich do zakupów w Twoim sklepie.

Prawie każdy czuje się usatysfakcjonowany i nagrodzony, otrzymując rozsądne oferty lub rabaty na swoje ulubione produkty. W związku z tym ci szczęśliwi i usatysfakcjonowani klienci w końcu stają się Twoimi stałymi klientami.

Możesz łatwo wyświetlać oferty i alerty sprzedaży dla swojego produktu biznesowego za pomocą banerów promocyjnych.

Jeśli witryna Twojej firmy jest zbudowana przy użyciu narzędzia do tworzenia stron WordPress i Elementor i szukasz prostego sposobu na stworzenie i wyświetlenie banera promocyjnego, trafiłeś na właściwą stronę.

W tym artykule przedstawimy szczegółowe instrukcje krok po kroku, jak utworzyć pudełko promocyjne w WordPress za pomocą Elementora i PowerPacka Elementy.

Więc bez zbędnych ceregieli przejdźmy do samouczka.

Jak stworzyć pudełko promocyjne w WordPress za pomocą Elementora

Aby utworzyć pudełko promocyjne lub baner na swojej stronie WordPress, najpierw aktywujesz i zainstalowałeś dodatki do Elementora i PowerPack dla Elementora.

PowerPack Elements to najlepszy dodatek do Elementora. Oferuje ponad 80 kreatywnych i przyjaznych dla użytkownika widżetów dla Elementora. Możesz użyć widżetów PowerPack, aby uaktualnić funkcjonalność Elementora i zbudować oszałamiającą witrynę WordPress.

Mówiąc o tworzeniu banerów promocyjnych za pomocą kreatora stron Elementor, PowerPack zawiera potężny widżet do tworzenia banerów promocyjnych – Promo Box Widget.

Widget PowerPack Promo Box zawiera elastyczne, przyjazne dla użytkownika i przydatne funkcje, które pomagają stworzyć pudełko promocyjne w WordPress – bez dotykania ani jednej linii kodu!

Zobaczmy, jak wykorzystać ten widżet do wyświetlania atrakcyjnych banerów promocyjnych na swojej stronie.

Przeciągnij i upuść widżet PowerPack Promo Box

Najpierw otwórz stronę w edytorze Elementor, a w pasku wyszukiwania wpisz „Promo Box” i przeciągnij i upuść widżet na stronie.

Upewnij się, że sprawdziłeś znak PowerPack PP w prawym górnym rogu widżetu.

Zakładka Treść widżetu Promo Box

Zakładka treści w Promo Box Widget ma trzy podsekcje, w których można dodać i dostosować część treści.

Otrzymasz opcje edycji treści, takie jak Treść, Ikona i Przycisk.

Rzućmy okiem na opcje dostępne w zakładce Treść widżetu Promo Box.

1. Treść

W tej sekcji otrzymasz opcje dostosowania zawartości Promo Box.

Zobaczmy wszystkie opcje, które zapewnia ta sekcja Treść:

• Tytuł: Jak sama nazwa wskazuje, możesz dodać niestandardowy nagłówek lub tytuł do elementu pola promocyjnego.
• Tag HTML nagłówka : Ta funkcja umożliwia wybranie tagu HTML dla tytułu.
• Dzielnik nagłówka: Włącz opcję Dzielnik nagłówka, aby dodać separator między nagłówkiem a podtytułem.
• Tytuł podtytułu: Dodaj podtytuł do swojego pola promocyjnego.
• Znacznik HTML: Tutaj masz możliwość wybrania znacznika HTML dla podtytułu.
• Dzielnik nagłówka podrzędnego: Włącz opcję Dzielnik nagłówka podrzędnego, aby dodać separator między nagłówkiem podrzędnym a opisem.
• Opis: Dzięki tej opcji możesz dodać opis do swojego banera promocyjnego.

2. Ikona

Ta funkcja umożliwia wyświetlanie dowolnego obrazu ikony lub logo firmy w polu promocyjnym.

Po włączeniu opcji Pokaż ikonę pojawi się kilka opcji dostosowywania obrazu ikony lub logo.

• Typ ikony: Tutaj możesz wybrać typ ikony dla swojej skrzynki promocyjnej. Możesz wybrać standardową opcję „Ikona” lub przesłać niestandardowy „Obraz” i wyświetlić go jako ikonę w polu promocyjnym.
• Położenie ikony: Korzystając z tej opcji, możesz dostosować położenie ikony.

3. Przycisk

Włącz funkcję Przycisk , aby wyświetlić przycisk wezwania do działania.

Po włączeniu funkcji przycisku otrzymasz dwie dodatkowe opcje, w których możesz dodać tekst przycisku, a także bezpośrednio połączyć adres URL witryny produktu.

Dostosuj zakładkę stylu widżetu Promo Box

Po kliknięciu zakładki Styl widżetu Promo Box zobaczysz następujący interfejs:

Karta Styl zawiera podsekcje, w których uzyskasz elastyczność stylizacji widżetu Promo Box w każdym aspekcie.

Zobaczmy, jakie funkcjonalności oferuje sekcja Style:

1. Pudełko promocyjne

W sekcji Promo Box otrzymasz następujące opcje: Typ tła, Wysokość, Typ obramowania, Szerokość obramowania, Kolor obramowania, Promień obramowania i Dopełnienie.

Zobaczmy, jak możesz wykorzystać te funkcje do stylizacji Promo Box.

• Typ tła : umożliwia dodanie obrazu tła lub jednolitego koloru do pola promocyjnego. Wystarczy kliknąć opcję dodawania obrazu, a następnie wybrać obraz produktu z biblioteki multimediów. Następnie kliknij Wstaw media, aby dodać obraz.
• Wysokość: dostosuj wysokość widżetu za pomocą tej opcji.
• Typ obramowania: Tutaj możesz wybrać typ obramowania.
• Szerokość: W tej opcji zyskujesz elastyczność w dostosowywaniu szerokości obramowania.
• Kolor obramowania: Możesz przygotować obramowanie widżetu, stylizując kolor obramowania.
• Promień obramowania: W tej opcji możesz dostosować promień obramowania.
• Wypełnienie: ta funkcja pozwala widżetowi wyglądać pięknie i uporządkować. Dostosuj wyściółkę zgodnie z pożądanym wyglądem.

Tak wygląda Promo Box po skorzystaniu z tych cech stylizacyjnych:

2. Nakładka

Włącz funkcję nakładki, aby ozdobić swoje pudełko promocyjne obrazem nakładki lub jednolitym kolorem.

3. Treść

Ta sekcja pozwala na stylizację zawartości pudełka promocyjnego pod każdym względem.

Zobaczmy tutaj opcje:

• Wyrównanie tekstu: Ta opcja umożliwia dostosowanie wyrównania tekstu.
• Wyrównanie w pionie: Ta funkcja umożliwia dostosowanie wyrównania w pionie treści w polu promocyjnym.
• Typ tła: Możesz dodać kolor lub obraz tła do części zawartości w polu promocyjnym.
• Typ obramowania: Korzystając z tej opcji, możesz dodać obramowanie do treści.
• Promień obramowania: Jeśli zezwoliłeś na obramowanie części zawartości, możesz ją stylizować, dostosowując jej promień.
• Wypełnienie: jeśli dodałeś obramowanie, dostosowanie tej funkcji pomoże ci pięknie uporządkować i stylizować zawartość i obramowanie.

4. Ikona

Ta opcja ma kilka funkcji, takich jak:

• Rozmiar ikony: Ta opcja umożliwia dostosowanie rozmiaru ikony.
• Kolor ikony: Korzystając z tej opcji, możesz zmienić kolor ikony.
• Kolor tła: Ta opcja pozwala dodać kolor tła ikony.
• Wypełnienie: Jak sama nazwa wskazuje, możesz dostosować wypełnienie ikony zgodnie z żądanym wyglądem.
• Typ obramowania: Za pomocą tej opcji możesz wybrać typ obramowania ikony.
• Promień obramowania: Możesz nadać ikonie styl, dostosowując promień obramowania w tej opcji.
• Margin: Ta funkcja marginesu pozwala dostosować ikonę stosowaną do Promo Box.

5. Nagłówek

Dzięki tej funkcji masz opcje dostosowywania nagłówków za pomocą różnych opcji, takich jak kolor, typografia i odstępy.

6. Dzielnik nagłówka

• Typ dzielnika: wybranie tej funkcji daje dwie opcje dodania dolnej krawędzi do nagłówka lub wstawienia obrazu.
• Typ obramowania: Jeśli zezwoliłeś na opcję obramowania, masz tutaj opcje wyboru typu obramowania między nagłówkiem a podtytułem.
• Szerokość dzielnika: dzielnik Ustaw tutaj szerokość dzielnika.
• Waga obramowania: Tutaj uzyskasz elastyczność w kontrolowaniu wagi obramowania lub grubości obramowania.
• Kolor obramowania: Jeśli wybrałeś obramowanie, możesz tutaj zmienić jego kolor.
• Odstępy: W tej opcji możesz dostosować odstępy między separatorem a podtytułem.

7. Podtytuł

Podtytuł zawiera treści do celów promocyjnych w zależności od oferty produktowej, na którą aplikujesz. Dodaj kilka podtytułów w tej podsekcji. Ta opcja obejmuje takie funkcje, jak Kolor, Typografia i Odstępy.

8. Dzielnik nagłówków podrzędnych

Separator podtytułu zawiera wiele opcji stylizacji elementu podtytułu w polu promocyjnym. Możesz zmienić kolor, dodać tło itp.

9. Opis

W podsekcji Opis możesz krótko opisać swój produkt biznesowy. Krótki i prosty, ale kreatywny opis zawsze przykuwa uwagę klientów. Dodaj tutaj opis produktu i dostosuj tekst za pomocą funkcji koloru tekstu, typografii i odstępów .

10. Przycisk

Jeśli rozważasz włączenie tej opcji na karcie Treść, możesz nadać temu przyciskowi wezwania do działania wiele funkcji, takich jak:

• Rozmiar: Za pomocą tej opcji można kontrolować rozmiar przycisku.
• Kolor tła: Tutaj możesz zmienić kolor tła przycisku.
• Kolor tekstu: dzięki tej opcji możesz wybrać kolor tekstu wyświetlanego nad przyciskiem wezwania do działania.
• Typ obramowania: Ta opcja pozwala wybrać typ obramowania przycisku.
• Promień: Tutaj można ustawić promień graniczny.
• Typografia: Tutaj możesz stylizować tekst, dostosowując typografię.
• Dopełnienie: Możesz łatwo dostosować dopełnienie, aby dostosować tutaj przycisk wezwania do działania.
• Box Shadow: ta opcja pozwala dostosować cień pudełka zarówno w kierunku poziomym, jak i pionowym.

Dostosuj widżet Promo Box za pomocą opcji dostępnych w zakładce Zaawansowane

Dzięki dodatkowym funkcjom możesz dostosować widżet pod każdym względem. Niektóre z tych funkcji są wbudowane w każdy widżet, którego używasz w Elementorze. Przeglądaj każdą sekcję widżetu Promo Box i twórz atrakcyjne projekty promocyjnych pudełek na swoich stronach WordPress.

Sprawdź stronę docelową widżetu PowerPack Promo Box, aby uzyskać inspirację do projektowania.

Kup teraz widżet promocyjny PowerPack!

Dodanie partii promocyjnych do Twojej witryny zachęci klientów do zakupu Twoich produktów i przekształci Twoją stronę internetową tak, aby wyglądała jak profesjonalna.

Ponadto, aby stworzyć poczucie pilności i FOMO wśród odwiedzających, możesz wyświetlać liczniki czasu na stronach sprzedaży produktów. Sprawdź nasz post, aby dowiedzieć się , jak utworzyć minutnik za pomocą Elementora na stronach WordPress.

Mamy nadzieję, że ten samouczek pomógł Ci nauczyć się tworzyć pudełko promocyjne w WordPressie, aby promować oferty/oferty Twoich produktów. Kliknij tutaj, aby uzyskać widżet PowerPack Promo Box dla Elementora.

Jeśli dotarłeś tutaj, zakładamy, że przejrzałeś cały nasz artykuł i też Ci się spodobał. Zachęcamy do umieszczania komentarzy tutaj; chcielibyśmy otrzymać Twoje odpowiedzi. Dołącz do nas także na Twitterze, Facebooku i Youtube.