ShopEngine to kompletne rozwiązanie WooCommerce dla Elementora. Funkcje ShopEngine obejmują Logowanie do formularza płatności WooCommerce widget, który pozwala zaprojektować dostosowany formularz logowania, gdy użytkownicy logują się do istniejącego konta podczas realizacji transakcji.

Przeczytaj tę dokumentację, aby dowiedzieć się, jak utworzyć i dostosować formularz logowania do kasy za pomocą ShopEngine.

Krok 1: Włącz widżet #

Po pierwsze, aby włączyć widżet „Logowanie do formularza zamówienia”:

1. Nawigować do ShopEngine > Widżety z panelu WordPress.
2. Znaleźć Logowanie do formularza kasy widżet.
3. Włącz widżet, ustawiając przełącznik na NA.
4. Kliknij na ZAPISZ ZMIANY przycisk.

Krok 2: Skonfiguruj ustawienia #

Aby umożliwić logowanie klienta podczas realizacji transakcji:

1. Nawigować do WooCommerce > Ustawienia z panelu WordPress.
2. Przełącz na Konto i prywatność.
3. W obszarze Kasa gościa wybierz opcję „Pozwól klientom zalogować się na istniejące konto podczas realizacji transakcji" opcja.
4. Przewiń stronę w dół i kliknij Zapisz zmiany.

Krok 3: Dostosuj formularz logowania do kasy #

Teraz otwórz szablon Checkout za pomocą Elementora.

Idź do ShopEngine > Szablon konstruktora. Znajdź szablon Checkout i kliknij „Edytuj za pomocą Elementora” wraz z szablonem.

Następnie rozwiń formularz, klikając nagłówek przełącznika.

Jeśli nie utworzyłeś jeszcze szablonu realizacji transakcji, postępuj zgodnie z naszą dokumentacją na temat

jak utworzyć stronę realizacji transakcji WooCommece za pomocą ShopEngine.

Następnie możesz dostosować wygląd formularza logowania do kasy WooCommerce.

3.1 Przełącz nagłówek #

W sekcji Przełącz nagłówek kliknij

1. Wybierz Kolor dla nagłówka.
2. Wybierz Kolor łącza dla tekstów zawierających hiperłącza.
3. Wybierz Tło nagłówka kolor.
4. Możesz także wybrać typ obramowania, szerokość i kolor przełączania nagłówka.

3.2 Tekst #

W przypadku tekstu w formularzu logowania do kasy WooCommerce:

1. Wybierz tekst Kolor.
2. Wybierz Kolor łącza dla tekstu z hiperłączem.

3.3 Etykieta #

W przypadku etykiet w formularzu logowania do kasy WooCommerce:

1. Wybierz tekst Kolor dla etykiety.
2. Wybierz Wymagany kolor wskaźnika dla wymaganego pola formularza.
3. Poprawić Margines do etykiet.

3.4 Wejście #

Aby dostosować pole wejściowe formularza logowania,

1. Wybierz kolor wejściowy tekstu.
2. Wybierz Tło kolor pola wejściowego.
3. Ustaw Typ obramowania.
4. Regulować Wyściółka pola wejściowego.

3.5 Przycisk #

Możesz dostosować style przycisku przesyłania formularza.

1. Wybierz Kolor tekstu przycisku.
2. Wybierz przycisk Kolor tła.
3. Ustaw Typ obramowania.
4. Poprawić Promień granicy.
5. Poprawić Pudełko Cień.
6. Ustaw Margines przycisku.

Możesz wybrać różne kolory tekstu i kolory tła dla stanu „Normalny” i „Najedź”.

3.6 Typografia #

Ustaw typografię podstawową i dodatkową dla tekstów w formularzu logowania.

• Typografia podstawowa działa w przypadku przełączania nagłówka i tekstu.
• Typografia dodatkowa działa w przypadku pola wejściowego i przycisku przesyłania.

Wreszcie masz gotowy formularz logowania do kasy WooCommerce, gotowy dla Twojej witryny.