Dodawanie bezpłatnego paska wysyłki w WooCommerce

Czy oferujesz bezpłatną wysyłkę w swoim sklepie WooCommerce?

Oferowanie bezpłatnej wysyłki to sprawdzony sposób na zmniejszenie liczby porzucanych koszyków i zwiększenie ogólnej konwersji sprzedaży. Wyzwaniem jest to, że większość właścicieli sklepów nie jasno podkreślić ofertę bezpłatnej wysyłki.

W tym artykule nauczymy cię, jak dodać pasek bezpłatnej wysyłki w WooCommerce, aby zwiększyć sprzedaż.

Adding a free shipping bar in WooCommerce

Dodanie Bezpłatnej Wysyłki W WooCommmerce

Koszty wysyłki są jednym z głównych powodów porzucenia sprzedaży koszyka. Wiele sklepów internetowych zajmuje się tym, oferując bezpłatną wysyłkę.

Poinformowanie klientów o ofercie darmowej wysyłki to świetny sposób na zwiększenie sprzedaży w sklepie internetowym.

Oto przykład bezpłatnej wysyłki paska. Jest to widoczny element strony internetowej, który pozostaje w górnej części ekranu, gdy użytkownik przewija się w dół:

Free shipping bar example

Jak widać, przykładowy sklep powyżej zachęca użytkowników do wydania określonej kwoty, aby uzyskać bezpłatną wysyłkę. Jest to świetne, aby zwiększyć wartość zamówienia koszyka i wielkość sprzedaży.

Możesz włączyć zachętę do BEZPŁATNEJ wysyłki za pomocą wtyczki Advanced Coupon dla WooCommerce.

Niezależnie od tego, w jaki sposób włączysz bezpłatną wysyłkę, odpowiednie podkreślenie jej na swojej stronie jest kluczowe, i tu pojawia się pasek bezpłatnej wysyłki.

Aby utworzyć pasek wysyłki, użyjemy OptinMonster. Jest to potężne narzędzie do tworzenia wszystkich typów wyskakujących okienek WordPress.

Tworzenie konta OptinMonster i łączenie WordPress

Najpierw musisz odwiedzić stronę OptinMonster i założyć konto.

Uwaga: OptinMonster współtworzył Syed Balkhi, założyciel WPBeginner. Jest to niezwykle popularne narzędzie optin, którego używamy tutaj na WPBeginner i gorąco go polecamy.

Po zarejestrowaniu się w OptinMonster, następnym krokiem jest zainstalowanie i aktywacja bezpłatnej wtyczki OptinMonster dla WordPressa. Jeśli nie jesteś pewien, jak, sprawdź nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Ta wtyczka łączy aplikację OptinMonster z Twoją witryną WordPress. Po aktywacji kliknij Menu OptinMonster na pulpicie nawigacyjnym WordPress. Następnie kliknij przycisk „Połącz swoje konto” i połącz WordPress z kontem OptinMonster.

Connect OptinMonster to your WordPress site

Tworzenie bezpłatnego paska wysyłki dla WooCommerce

Teraz możesz utworzyć bezpłatny Pasek wysyłki. Najpierw przejdź do strony OptinMonster na pulpicie nawigacyjnym WordPress, a następnie kliknij przycisk „Utwórz nową kampanię” w prawym górnym rogu.

Creating a new campaign in OptinMonster

Spowoduje to przejście do narzędzia OptinMonster campaign builder, w którym należy wybrać „pływający pasek” jako typ kampanii.

Select the Floating Bar campaign

Następnie przewiń w dół i wybierz szablon kampanii. OptinMonster oferuje szeroką gamę profesjonalnych szablonów do wyboru. Użyjemy szablonu alertu dla naszego bezpłatnego paska wysyłkowego WooCommerce.

Najedź kursorem myszy na szablon i kliknij przycisk „Użyj szablonu” :

Select the Alert template to start building your free shipping bar

OptinMonster poprosi Cię o nazwanie kampanii. Możesz tu użyć dowolnej nazwy.

Name your OptinMonster campaign

Możesz także wybrać strony internetowe, na których chcesz prowadzić kampanię. OptinMonster powinien dodać swoją stronę tutaj dla ciebie.

Gdy będziesz gotowy, kliknij przycisk Rozpocznij budowanie.

Następnie zobaczysz interfejs OptinMonster builder. To będzie wyglądać tak:

The default alert bar template in OptinMonster

Domyślnie Pasek pływający będzie przyklejony do dołu ekranu. Jeśli zamiast tego chcesz go u góry ekranu, łatwo to zmienić.

Po prostu kliknij Ustawienia pływające w menu po lewej stronie. Następnie włącz ’ załaduj pływający pasek na górze strony? opcja.

Load the floating bar at the top of the page

Aby zmienić tekst na pasku, po prostu kliknij na niego. Edytor tekstu otworzy się po lewej stronie ekranu.

Editing the text of your floating bar in OptinMonster

Możesz dostosować tekst w razie potrzeby. Możesz także zmienić styl czcionki, kolor, rozmiar czcionki i inne. Podgląd kampanii zostanie automatycznie zaktualizowany, aby pokazać, jak będzie wyglądać na żywo.

Tutaj zmieniliśmy tekst i czcionkę. Nieznacznie zwiększyliśmy również rozmiar czcionki:

Change the text of your floating bar

Możesz również zmienić przycisk na pasku bezpłatnej wysyłki. Po prostu kliknij przycisk, a ustawienia otworzą się w panelu po lewej stronie. Możesz tam zmienić tekst przycisku.

Editing the button on your free shipping bar

Aby skierować klientów na stronę w Twojej witrynie o bezpłatnej wysyłce, kliknij kartę działanie. Następnie wprowadź poprawny adres URL przekierowania:

Edit where the button redirects to on your website

Jeśli chcesz użyć innego koloru dla paska bezpłatnej wysyłki, to też jest łatwe. Najpierw kliknij przycisk Home, aby powrócić do głównych ustawień projektu:

Click the Home button to return to the main display settings for your campaign

Następnie możesz przejść do Ustawienia Optin ” Optin View Styles aby zmienić kolor optin.

Go to Optin Settings - Optin View Styles to change the colors of your optin

Po kliknięciu pola kolor tła możesz wybrać nowy kolor. Możesz wprowadzić kod sześciokątny lub użyć próbnika kolorów. Wybraliśmy zielony dla naszych:

Changing the background color for your campaign

Gdy jesteś zadowolony z paska bezpłatnej wysyłki, kliknij przycisk Zapisz w prawym górnym rogu.

Save your campaign using the green Save button at the top of the screen

Następnie musisz wybrać reguły wyświetlania, które kontrolują, kto powinien zobaczyć pasek bezpłatnej wysyłki w Twojej witrynie. Po prostu kliknij kartę REGUŁY wyświetlania u góry ekranu.

Setting your display rules in OptinMonster

Domyślnie OptinMonster wyświetla pływający pasek po tym, jak użytkownik był na dowolnej stronie witryny przez 5 sekund.

Może chcesz mieć swój bezpłatny ładunek bar wysyłka natychmiast. Aby to zrobić, po prostu usuń tę regułę. Kliknij ikonę minus po prawej stronie, aby to zrobić:

Have your free shipping bar appear instantly

Teraz należy pozostawić regułę ” bieżąca ścieżka URL to dowolna strona.’

Ostatnim krokiem jest umieszczenie kampanii na swojej stronie. Kliknij kartę Publikuj u góry ekranu. Podczas tworzenia kampanii jest ona domyślnie wstrzymywana. Możesz go włączyć tutaj.

Switch on your campaign under the Publish tab in OptinMonster

Aby umieścić bezpłatny Pasek wysyłki na swojej stronie WordPress, przejdź do OptinMonster ” Kampanie w panelu WordPress. Kliknij przycisk Odśwież kampanie, aby wyświetlić wyświetloną tutaj kampanię na pasku bezpłatnej wysyłki.

Refresh your campaigns list in the WordPress dashboard

Teraz możesz odwiedzić swoją witrynę i zobaczyć bezpłatny Pasek wysyłkowy na żywo:

Free shipping bar example

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać pasek bezpłatnej wysyłki w WooCommerce. Możesz również sprawdzić naszą listę najlepszych wtyczek WooCommerce dla Twojego sklepu internetowego oraz nasze porównanie najlepszych usług telefonicznych biznesowych z funkcjami inteligentnego routingu połączeń.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

WordPress Pingbacks & Trackbacks: Ultimate A-Z Guide

W artykule: Czym są Pingbacks i Trackbacks? Plus, dlaczego są ważneCzym Są…