Visser Labs – Wtyczki WooCommerce

  1. Strona główna
  2. Baza wiedzy
  3. Niestandardowe logowanie dla WooCommerce
  4. Jak skonfigurować panel promocyjny na stronie logowania WooCommerce
  1. Strona główna
  2. Baza wiedzy
  3. Pierwsze kroki
  4. Jak skonfigurować panel promocyjny na stronie logowania WooCommerce

Jak skonfigurować panel promocyjny na stronie logowania WooCommerce

Każdy klient, który się loguje, widzi Twoją stronę logowania, więc jest to dobre miejsce na ofertę lub ogłoszenie. Ale jeśli pozostawisz panel promocyjny z domyślnym tekstem, Twoi klienci zobaczą „Get The Best WooCommerce Plugin Free!” zamiast Twojego własnego komunikatu. Custom Login for WooCommerce pozwala na jego zastąpienie, wyłączenie lub rotowanie kilkoma komunikatami.

Ten artykuł obejmuje zakładkę Content: włączanie lub wyłączanie panelu promocyjnego, ustawianie nagłówka, tekstu przycisku i linku oraz rotowanie komunikatów promocyjnych. Kolory, układ mobilny i szablony mają własne ustawienia i nie są tutaj omawiane.

Wymagania wstępne

WymaganieSzczegóły
WtyczkaCustom Login for WooCommerce zainstalowany i aktywny
WooCommerceZainstalowany i aktywny
DostępKonto, które może zarządzać ustawieniami WooCommerce

Jeśli jeszcze nie skonfigurowałeś wtyczki, zacznij od artykułu Pierwsze kroki z Custom Login for WooCommerce.

Krok 1: Otwórz zakładkę Content

  1. Przejdź do WooCommerce → Custom Login w swoim panelu administracyjnym WordPress.
  2. Kliknij zakładkę Content.

Zakładka ma dwie sekcje: Promotional Content i Rotating Content.

Krok 2: Włącz lub wyłącz panel promocyjny

W sekcji Promotional Content użyj przełącznika Enable promo section.

On jest domyślne. Panel promocyjny wyświetla się obok formularza logowania. W szablonie Centered Card panel wyświetla się tylko na telefonach i tylko z opcją Stack below login form.

Off ukrywa panel na stronie logowania. Pozostałe pola w tej sekcji są również ukryte.

Twój tekst pozostaje zapisany, gdy przełącznik jest wyłączony. Więc kiedy ponownie go włączysz, Twój nagłówek, przycisk i komunikat nadal tam będą.

Sekcja Treści promocyjnych wypełniona ofertą darmowej wysyłki, z przełącznikiem Włącz sekcję promocyjną, polami Nagłówek promocji, Tekst przycisku, Adres URL przycisku i Treść promocyjna, każde ponumerowane

Pola zaczynają się od domyślnego tekstu wtyczki i linku #. Zastąp każde z nich własnym tekstem w poniższych krokach.

Krok 3: Ustaw nagłówek promocyjny

Wpisz swój nagłówek w polu Promo Heading, na przykład Darmowa dostawa przy zamówieniach powyżej 50 USD. Nagłówek pojawia się dużym drukiem na górze panelu. Akceptuje tylko zwykły tekst.

Wpisz słowa, które chcesz umieścić na przycisku w polu Button Text, na przykład Kup teraz. Wklej pełny adres, który powinien otworzyć przycisk, w polu Button URL, zaczynając od https://.

Przycisk otwiera Twój link w nowej karcie przeglądarki. Więc jeśli pozostawisz Button URL puste, przycisk będzie wskazywał na # i otworzy nową kartę z Twoją stroną logowania. Zawsze dodawaj link.

Przycisk jest zawsze widoczny. Jeśli wyczyścisz Button Text, strona logowania wyświetli domyślny tekst przycisku Dowiedz się więcej.

Krok 5: Napisz komunikat promocyjny

Wpisz tekst pomocniczy w polu Promo Content. Pojawia się pod nagłówkiem. Możesz dodać podstawowy HTML, taki jak <strong> dla pogrubienia i <a href="..."> dla linków. Puste linie rozpoczynają nowy akapit.

Krok 6: Rotuj komunikaty promocyjne (opcjonalnie)

Rotacja pozwala wyświetlać inną wiadomość za każdym razem, gdy ktoś otworzy stronę logowania. Użyj jej, aby udostępnić kilka ofert, nie wybierając tylko jednej.

  1. Przewiń do sekcji Rotating Content.
  2. Włącz Enable rotation.
  3. Kliknij Add Item.
  4. Wypełnij pola Heading, Button Text, Button URL, Image URL i Content dla elementu.
  5. Kliknij ponownie Add Item dla każdej dodatkowej wiadomości.

Każdy element wyświetla numer, na przykład #1, oraz przycisk Remove. Kliknij Remove, aby usunąć element, którego już nie chcesz.

Sekcja Treści obracających się z włączoną opcją Włącz rotację, jednym wypełnionym elementem i jednym pustym elementem, z przyciskiem Usuń, polem Adres URL obrazu, pustym polem Nagłówek i przyciskiem Dodaj element, ponumerowane

Oto jak działa rotacja:

Losowa kolejność. Strona logowania wybiera jeden element losowo za każdym razem, gdy się ładuje. Nie przełącza się, gdy ktoś patrzy na stronę, i nie działa w kolejności. Dlatego ten sam element może pojawić się dwa razy z rzędu.

Tekst zastępczy. Jeśli pozostawisz pusty nagłówek, treść, tekst przycisku lub adres URL przycisku elementu, strona logowania zamiast tego użyje pasującego pola z Promotional Content.

Obrazy. Pole Image URL istnieje tylko w elementach rotacyjnych. Wtyczka nie ma przycisku przesyłania, więc najpierw dodaj obraz do swojej Biblioteki Mediów. Następnie wklej jego File URL do pola. Elementy bez obrazu nie wyświetlają obrazu.

Wymagana sekcja promocyjna. Rotacja działa tylko wtedy, gdy włączona jest opcja Enable promo section. Gdy sekcja promocyjna jest wyłączona, elementy rotacyjne również się nie wyświetlają.

Brak elementów. Jeśli rotacja jest włączona, ale nie dodałeś żadnych elementów, strona logowania zamiast tego wyświetli Twoją główną Promotional Content.

Gdy rotacja jest włączona, elementy zastępują główną wiadomość promocyjną na stronie logowania. Twoje pola Promotional Content nadal mają znaczenie, ponieważ wypełniają wszelkie luki w elemencie.

Krok 7: Zapisz zmiany

Kliknij Save Settings w prawym górnym rogu strony. Komunikat „Settings saved” potwierdzi to. Przycisk pojawia się na kartach Template, Design i Content.

Krok 8: Sprawdź swoją stronę logowania

Wyloguj się lub otwórz okno prywatnej przeglądarki. Następnie odwiedź yourstore.com/login. Jeśli rotacja jest włączona, przeładuj stronę kilka razy, aby zobaczyć różne elementy.

Formularz logowania po lewej i panel promocyjny po prawej, pokazujący nagłówek darmowej wysyłki, wiadomość i przycisk Kup teraz, każdy ponumerowany

Rozwiązywanie problemów

Mój nowy tekst promocyjny nie wyświetla się na stronie logowania
Najpierw sprawdź, czy kliknąłeś Save Settings. Następnie przeładuj yourstore.com/login w oknie prywatnej przeglądarki. Jeśli używasz wtyczki do buforowania lub buforowania w całej witrynie, wyczyść również ten bufor.
Panel promocyjny zniknął z mojej strony logowania
Otwórz kartę Treść i sprawdź, czy opcja Włącz sekcję promocyjną jest włączona. Następnie sprawdź swój szablon na karcie Szablon. Wyśrodkowana karta nie wyświetla panelu promocyjnego na ekranach komputerów. Jeśli używasz innego szablonu, a panel nadal nie wyświetla się na telefonie, sprawdź Wyświetlanie promocji na urządzeniach mobilnych na karcie Projekt. Domyślne ustawienie, Ukryj na urządzeniach mobilnych, ukrywa panel na małych ekranach.
Mój przycisk promocyjny ponownie otwiera stronę logowania w nowej karcie
Dzieje się tak, gdy pole Adres URL przycisku jest puste, ponieważ przycisk wskazuje wtedy na #. Wklej pełny adres, który chcesz, zaczynając od https://, w pole Adres URL przycisku i kliknij Zapisz ustawienia. Jeśli używasz rotacji, sprawdź również pole Adres URL przycisku elementu.
Panel wyświetla „Uzyskaj najlepszy plugin WooCommerce za darmo!” zamiast mojego tekstu
To jest domyślny nagłówek. Pojawia się, gdy pole Nagłówek promocji jest puste lub gdy zmiany nie zostały zapisane. Wpisz własny nagłówek i kliknij Zapisz ustawienia. To samo dotyczy Treści promocyjnej. Jeśli ją wyczyścisz, strona wyświetli komunikat startowy „Używane przez ponad 25 000 sklepów WooCommerce na całym świecie…”.

Często zadawane pytania

Czy mogę ukryć przycisk promocyjny?
Nie. Przycisk jest zawsze widoczny. Puste pole Tekst przycisku powoduje powrót do Dowiedz się więcej. Wyłącz opcję Włącz sekcję promocyjną, aby ukryć cały panel.
Czy mogę dodać obraz do głównego panelu promocyjnego?
Nie. Obrazy działają tylko w obracających się elementach, za pośrednictwem pola Adres URL obrazu. Włącz opcję Włącz rotację i dodaj element, aby z niej skorzystać.
Czy panel promocyjny wyświetla się na telefonach?
Domyślnie nie. Ustawienie Wyświetlanie promocji na urządzeniach mobilnych na karcie Projekt ukrywa go na małych ekranach. Wybierz Ułóż poniżej formularza logowania, aby zamiast tego wyświetlić go poniżej formularza.
Jak zmienić kolory przycisku promocyjnego?
Użyj sekcji Kolory przycisku promocyjnego na karcie Projekt. Szczegółowe instrukcje znajdziesz w artykule Jak dostosować kolory strony logowania WooCommerce.

Potrzebujesz pomocy?

Custom Login for WooCommerce to wtyczka premium, więc jeśli napotkasz problemy, otwórz zgłoszenie wsparcia, a nasz zespół pomoże Ci w konfiguracji.

Czy ten artykuł był pomocny?

Powiązane artykuły

Zasoby i pomoc