Dzięki ShopEngine możesz łatwo utworzyć stronę „Moje konto”, z której klienci mogą przeglądać swój pulpit nawigacyjny, śledzić swoje zamówienia i pliki do pobrania, edytować adresy i szczegóły konta. Z tej właśnie strony mogą również zalogować się lub zarejestrować na swoje konto w Twojej witrynie.
Zazwyczaj „strona mojego konta” zawiera panel konta, zamówienie konta, szczegóły zamówienia konta, pliki do pobrania na konto, adresy konta, szczegóły konta oraz stronę logowania/rejestracji konta.
Dowiedzmy się, jak utworzyć każdą z tych stron, aby utworzyć kompletną „stronę mojego konta” dla użytkowników.
1. Utwórz stronę panelu kontrolnego mojego konta #
Krok 1: Włącz wymagane widżety #
- Przejdź do ShopEngine-> Widżety -> Upewnij się, że Panel konta I Nawigacja po koncie widżety są włączony.

Krok 2: Utwórz szablon panelu kontrolnego #
- Przejdź do ShopEngine-> Szablony -> Dodaj nowe

- Podaj szablon Nazwa-> Wybierz typ strony: Panel Mojego konta
- Włącz szablon domyślny-> Ustaw domyślny->Tak -> Kliknij Edytuj za pomocą Elementora (Ustawienia szablonu zostaną najpierw wstawione, a następnie otwarte za pomocą Kreatora Stron Elementor)

Krok 3: Wybierz strukturę #
- Kliknij na "+” Elementora i wybierz preferowany układ sekcji.

Krok 4: Utwórz stronę panelu kontrolnego #
Aby utworzyć stronę Panelu konta, będziesz potrzebować dwóch widżetów: Nawigacja po koncie I Panel konta widżety.
- Przeciągnij i upuść widżet Nawigacja po koncie z bloku elementów Moje konto ShopEngine w Elementorze. Jeśli chcesz, możesz zmienić kolor tekstu i linku, grubość czcionki tekstu i linku, grubość czcionki użytkownika, typografię, kolor wskaźnika linku itp. Na karcie ustawień stylu.
- Przeciągnij i upuść widżet Panel konta z tego samego bloku i wprowadź dowolne zmiany.
- Po zakończeniu edycji strony Panelu Konta zapisz ją, klikając -> Aktualizacja.

Krok 5: Podgląd strony panelu kontrolnego #
- Teraz idź do Strona Moje konto Twojej witryny->Kliknij Panel. To podgląd tego, jak Twoi klienci będą widzieć Panel Konta na swoich urządzeniach.

2. Utwórz stronę zamówienia Moje konto #
Krok 1: Włącz wymagane widżety #
- Przejdź do ShopEngine-> Widżety -> Upewnij się, że Zamówienia na konto widżet Nawigacja po koncie widżety są włączony.

Krok 2: Utwórz szablon zamówienia Moje konto #
- Przejdź do ShopEngine->Szablony ->Dodaj nowy

- Podaj szablon Nazwa-> Wybierz stronę Typ: Moje konto Zamówienia
- Włącz szablon domyślny-> Ustaw domyślny->Tak -> Kliknij Edytuj za pomocą Elementora

Krok 3: Wybierz strukturę #
- Kliknij na "+” Elementora i wybierz preferowany układ sekcji.

Krok 4: Utwórz stronę zamówień konta #
Aby zbudować stronę Zamówienia na konto, będziesz musiał wykorzystać dwa widżety: Nawigacja po koncie I Moje konto Zamówienia widżety.
- Przeciągnij i upuść widżet Nawigacja po koncie z bloku elementów Moje konto ShopEngine w Elementorze. Jeśli chcesz, możesz zmienić kolor tekstu i linku, grubość czcionki tekstu i linku, grubość czcionki użytkownika, typografię, kolor wskaźnika linku itp. Na karcie ustawień stylu.
- Ponadto przeciągnij i upuść widżet Zamówienia konta z tego samego bloku elementów i wprowadź dowolne zmiany.
- Po zakończeniu edycji strony Zamówienia na koncie zapisz ją, klikając -> Aktualizacja.

Krok 5: Wyświetl podgląd strony zamówień konta #
Teraz idź do Moje konto strona Twojej witryny->Kliknij Zamówienia. To podgląd tego, jak Twoi klienci będą widzieć stronę Zamówienia na swoich urządzeniach.

3. Utwórz stronę szczegółów zamówienia Moje konto #
Krok 1: Włącz wymagane widżety #
- Przejdź do ShopEngine-> Widżety -> Upewnij się, że Szczegóły zamówienia I Nawigacja po koncie widżety są włączony.

Krok 2: Utwórz szablon szczegółów zamówienia #
- Przejdź do ShopEngine-> Szablony -> Dodaj nowe

- Podaj szablon Nazwa-> Wybierz stronę Typ: Szczegóły zamówienia mojego konta
- Włącz szablon domyślny-> Ustaw domyślny->Tak -> Kliknij Edytuj za pomocą Elementora

Krok 3: Wybierz strukturę #
- Kliknij na "+” Elementora i wybierz preferowany układ sekcji.

Krok 4: Utwórz stronę szczegółów zamówienia #
Aby utworzyć stronę Szczegóły zamówienia, będziesz musiał wykorzystać dwa widżety: Nawigacja po koncie I Szczegóły zamówienia konta widżety.
- Przeciągnij i upuść widżet Nawigacja po koncie z bloku elementów Moje konto ShopEngine w Elementorze. Jeśli chcesz, możesz zmienić kolor tekstu i linku, grubość czcionki tekstu i linku, grubość czcionki użytkownika, typografię, kolor wskaźnika linku itp. Na karcie ustawień stylu.
- Możesz także przeciągnąć i upuścić widżet Szczegóły zamówienia konta z tego samego bloku elementów i wprowadzić dowolne zmiany.
- Po zakończeniu edycji strony Szczegóły zamówienia konta zapisz ją, klikając -> Aktualizacja.

Krok 5: Wyświetl podgląd strony szczegółów zamówienia #
Teraz przejdź do My Strona konta Twojej witryny->Kliknij Zamówienia-> Kliknij Pogląd z prawej strony dowolnego zamówienia. To podgląd tego, jak Twoi klienci będą widzieć stronę Szczegóły zamówienia na swoich urządzeniach.

4. Utwórz stronę pobierania na moim koncie #
Krok 1: Włącz wymagane widżety #
- Przejdź do ShopEngine-> Widżety -> Upewnij się, że Konto Nawigacja I Pobieranie konta widżety są włączony.

Krok 2: Utwórz szablon pobierania plików z mojego konta #
- Przejdź do ShopEngine-> Szablony -> Dodaj nowe

- Podaj szablon Nazwa-> Wybierz stronę Typ: Pobrane pliki z mojego konta
- Włącz szablon domyślny-> Ustaw domyślny->Tak -> Kliknij Edytuj za pomocą Elementora

Krok 3: Wybierz strukturę #
- Kliknij na "+” Elementora i wybierz preferowany układ sekcji.

Krok 4: Utwórz stronę pobierania konta #
Aby utworzyć stronę Pobieranie konta, będziesz musiał wykorzystać dwa widżety: Nawigacja po koncie I Pobieranie konta widżety.
- Przeciągnij i upuść widżet Nawigacja po koncie z bloku elementów Moje konto ShopEngine w Elementorze. Jeśli chcesz, możesz zmienić kolor tekstu i linku, grubość czcionki tekstu i linku, grubość czcionki użytkownika, typografię, kolor wskaźnika linku itp. Na karcie ustawień stylu.
- Możesz także przeciągnąć i upuścić widżet Pobieranie konta z tego samego bloku elementów i wprowadzić dowolne zmiany.
- Po zakończeniu edycji strony Pobieranie konta zapisz ją, klikając -> Aktualizacja.

Krok 5: Wyświetl podgląd strony pobierania konta #
Teraz idź do Moje konto strona Twojej witryny->Kliknij Pliki do pobrania. To podgląd tego, jak Twoi klienci będą widzieć stronę na swoich urządzeniach.

5. Utwórz stronę z adresem mojego konta #
Krok 1: Włącz wymagane widżety #
- Przejdź do ShopEngine-> Widżety -> Upewnij się, że Konto Nawigacja I Adres konta widżety są włączony.

Krok 2: Utwórz szablon adresu mojego konta #
- Przejdź do ShopEngine-> Szablony -> Dodaj nowe

- Podaj szablon Nazwa-> Wybierz stronę Typ: Adres mojego konta
- Włącz szablon domyślny-> Ustaw domyślny->Tak -> Kliknij Edytuj za pomocą Elementora

Krok 3: Wybierz strukturę #
- Kliknij na "+” Elementora i wybierz preferowany układ sekcji.

Krok 4: Utwórz stronę adresu konta #
Aby zbudować stronę Adres konta, będziesz musiał wykorzystać dwa widżety: Nawigacja po koncie I Adres konta widżet.
- Przeciągnij i upuść widżet Nawigacja po koncie z bloku elementów Moje konto ShopEngine w Elementorze. Jeśli chcesz, możesz zmienić kolor tekstu i linku, grubość czcionki tekstu i linku, grubość czcionki użytkownika, typografię, kolor wskaźnika linku itp. Na karcie ustawień stylu.
- Możesz także przeciągnąć i upuścić widżet Adres konta z tego samego bloku elementów i wprowadzić dowolne zmiany.
- Po zakończeniu edycji strony Adres konta zapisz ją, klikając -> Aktualizacja.

Krok 5: Wyświetl podgląd strony adresu konta #
Teraz idź do Moje konto strona Twojej witryny->Kliknij Adresy. To podgląd tego, jak Twoi klienci będą widzieć stronę na swoich urządzeniach.

6. Utwórz stronę ze szczegółami mojego konta #
Krok 1: Włącz wymagane widżety #
- Przejdź do ShopEngine-> Widżety -> Upewnij się, że Konto Nawigacja I Szczegóły Konta widżety są włączony.

Krok 2: Utwórz szablon szczegółów mojego konta #
- Przejdź do ShopEngine-> Szablony -> Dodaj nowe

- Podaj szablon Nazwa-> Wybierz stronę Typ: Dane mojego konta
- Włącz szablon domyślny-> Ustaw domyślny->Tak -> Kliknij Edytuj za pomocą Elementora

Krok 3: Wybierz strukturę #
- Kliknij ikonę „+” Elementora i wybierz preferowany układ sekcji.

Krok 4: Utwórz stronę ze szczegółami konta #
Aby utworzyć stronę Szczegóły konta, będziesz musiał wykorzystać dwa widżety: Nawigacja po koncie I Szczegóły Konta widżet.
- Przeciągnij i upuść widżet Nawigacja po koncie z bloku elementów Moje konto ShopEngine w Elementorze. Jeśli chcesz, możesz zmienić kolor tekstu i linku, grubość czcionki tekstu i linku, grubość czcionki użytkownika, typografię, kolor wskaźnika linku itp. Na karcie ustawień stylu.
- Możesz także przeciągnąć i upuścić widżet Szczegóły konta z tego samego bloku elementów i wprowadzić dowolne zmiany.
- Po zakończeniu edycji strony Szczegóły konta zapisz ją, klikając -> Aktualizacja.

Krok 5: Wyświetl podgląd strony szczegółów konta #
Teraz idź do Moje konto strona Twojej witryny->Kliknij Szczegóły Konta. To podgląd tego, jak Twoi klienci będą widzieć stronę na swoich urządzeniach.

7. Utwórz stronę logowania/rejestracji do mojego konta #
Krok 1: Włącz wymagane widżety #
- Przejdź do ShopEngine-> Widżety -> Upewnij się, że Konto Nawigacja, Rejestracja formularza konta, I Logowanie do formularza konta widżety są włączony.

Krok 2: Utwórz szablon logowania/rejestracji do mojego konta #
- Przejdź do ShopEngine-> Szablony -> Dodaj nowe

- Podaj szablon Nazwa-> Wybierz stronę Typ: Moje konto Zaloguj się/Zarejestruj się
- Włącz szablon domyślny-> Ustaw domyślny->Tak -> Kliknij Edytuj za pomocą Elementora

Krok 3: Wybierz strukturę #
- Kliknij ikonę „+” Elementora i wybierz preferowany układ sekcji.

Krok 4: Utwórz stronę logowania/rejestracji konta #
Aby utworzyć stronę logowania/rejestracji konta, będziesz potrzebować dwóch widżetów: Moje konto Formularz logowania, I Formularz rejestracji konta widżet.
- Przeciągnij i upuść Moje konto Formularz logowania widget z bloku elementów ShopEngine Moje konto Elementora. Jeśli chcesz, możesz zmienić tytuł, kontener formularza, etykietę, dane wejściowe i typografię na karcie ustawień stylu.
- Ponadto przeciągnij i upuść plik Formularz rejestracji konta widget z tego samego bloku elementów i dokonaj dowolnych zmian.
- Po zakończeniu edycji strony zapisz ją klikając -> Aktualizacja.

Krok 5: Wyświetl podgląd strony logowania/rejestracji konta #
Teraz idź do Moje konto strona Twojej witryny->Przejdź do Panel -> Kliknij Wyloguj. Teraz będziesz mógł zobaczyć podgląd tego, jak Twoi klienci będą widzieć stronę na swoich urządzeniach.
