Widżet awatara

Generally, people need to use an avatar widget to edit any image like profile image or related things. A quality widget performs tasks that include, placing a user’s image, editing, and designing login or register details. Our new customizable WooCommerce avatar widget has all these priority functions. You can present a better look website with the help of this module and widget.

Tutaj jasno i łatwo opisaliśmy etapy korzystania z modułu awatara i widżetu. Poznaj poniższy proces.

Quick Overview
This documentation will let you know how to add avatar using ShopEngine’s Avatar module, a no-code WooCommerce builder. This tool needs other free solutions such as WooCommerce and Elementor as ShopEngine is a WooCommerce and Elementor addon. So, install and activate the following plugins:

Tools Used: WooCommerce (free), Elementora (free), & Kup silnik (free & pro)

Now follow the steps below to add Avatar to your eCommerce site:

✅ Enable WooCommerce Avatar Module and widget.
✅ Drag-and-drop Avatar widget on My Account Dashboard widget.
✅ Configure Avatar widget.
✅ Style customize WooCommerce Avatar.

Jak korzystać z funkcji awatara #

Aby skorzystać z narzędzia awatara, należy wykonać trzy główne kroki:

  1. Moduł włączający
  2. Włączanie widgetu
  3. Skonfiguruj widget

Krok 1: Włączenie modułu #

Aby móc korzystać z widżetu Avatar, trzeba to zrobić Włącz moduł awatara ShopEngine.

Aby włączyć moduł Avatar, przejdź do Panel WordPress > ShopEngine > Moduły > Włącz awatar > Zapisz zmiany.

Przeczytaj pełną dokumentację modułu awatara ShopEngine:

Make user profile easily with WooCommerce avatar widget of ShopEngine

Krok 2: Włączanie widgetu #

Przejdź do: Twój panel -> ShopEngine -> Widżety -> Włącz awatar-> Zapisz zmiany.

Aby włączyć widżet awatara ShopEngine WooCommerce,

  1. Nawigować do ShopEngine > Widgets z panelu WordPress.
  2. Przewiń w dół do sekcji Moje konto i znajdź Awatara widżet z listy.
  3. Włącz widżet, przełączając przycisk przełączania na NA.
  4. Kliknij na ZAPISZ ZMIANY przycisk.
Obraz pokazujący, jak włączyć widżet awatara Shopengine

Krok 3: Dodaj widżet Avatar do szablonu panelu Moje konto #

Widżet Avatar działa tylko na stronie Moje konto.

  1. Przejdź do sekcji stron WordPress z pulpitu nawigacyjnego.
  2. Otworzyć Moje konto stronę w trybie przeglądarki.
  3. Najedź kursorem na opcję Edytuj za pomocą Elementora i kliknij Temp. mojego konta.
Add WooCommerce Avatar widget on the My Account dashboard template with ShopEngine

Po otwarciu szablonu Moje konto w trybie edytora, drag and drop the Avatar widget w projekt szablonu.

Display avatar with ShopEngine, an WooCommerce Avatar plugin

Tworzenie strony Moje konto #

Jeśli Twoje konto nie ma strony konta, musisz ją utworzyć.

Przejdź do: Twój panel > ShopEngine > Szablony konstruktora > Dodaj nowy > Ustawienia szablonu > Wprowadź nazwę > Ustaw typ szablonu w panelu konta > Wybierz przykładowy projekt > Edytuj za pomocą Elementora.

Oto dokumentacja dotycząca tworzenia pliku Panel konta z ShopEngine.

Ustawianie modułu awatara jest bardzo proste, a widżet można w dużym stopniu dostosować.

Krok 4: Skonfiguruj widżet Avatar #

 Teraz możesz skonfigurować widżet w zakładce Treść.

  1. Wybierz Prześlij ikonę która pozwala użytkownikowi przesłać swój awatar.
  2. Ustawić "Zapisz tekst przycisku”.
  3. Włącz lub wyłącz Pokaż nakładkę obrazu funkcja.
  4. Wybierz Zamknij ikonę.
Configure Avatar widget with ShopEngine

Jak korzystać z tych funkcji? #

  • Ikona przesyłania: Użytkownik może przesłać swój awatar, klikając ikonę. Prześlij ikonę z biblioteki ikon lub prześlij własną ikonę SVG.
  • Przycisk Zapisz: Aby zapisać zmiany po stronie użytkownika.
  • Nakładka obrazu: Dodaj nakładkę obrazu, a po najechaniu kursorem pojawi się ikona przesyłania.
  • Zamknij ikonę: Przycisk zamykający sekcję. Wybierz ikonę zamknięcia z Biblioteki ikon lub prześlij własny plik SVG.

*Wszystkie te funkcje działają tylko z przodu.

Zdobądź przydatny widżet awatara już dziś i twórz niesamowite profile użytkowników dla swojej witryny WordPress.

Krok 5: Dostosuj styl awatara #

Następnie możesz dostosować projekty awatarów na karcie Styl. w Sekcja stylu, opcje edycji tutaj to-

  • Obwoluta- Ustawić wyrównanie i luka w zawartości obrazu.
  • Obraz- Ustaw szerokość obrazu zgodnie z projektem.
  • Styl treści- Możesz zmienić kolor, typografię, dopełnienie itp. nazwy, przycisku zapisu i adresu e-mail.
  • Przycisk Prześlij- Wprowadź tutaj niezbędne zmiany dla przycisku.
  • Przycisk Zamknij- Edytuj tutaj przycisk zamykania.
Edycja widżetu awatara jest przyjemna i zawiera kilka przydatnych opcji.

Po opublikowaniu lub aktualizacji strona będzie wyglądać i działać w ten sposób, zgodnie z Twoimi danymi w interfejsie

Użyj widżetu awatara, aby stworzyć niesamowite awatary profilowe.

Ustawienia widżetu są dość prostym zadaniem. Jak widać, te funkcje są przydatne i można je znaleźć w dzisiejszych polach kont. Wykorzystaj więc ten nowy widget do tworzenia ładnie wyglądających profili użytkowników.

ShopEngine oferuje niesamowite funkcje, takie jak Avatar Widget i nie tylko. Pobierz wtyczkę ShopEngine, aby projektować w pełni konfigurowalne strony internetowe WooCommerce.

Jakie są Twoje uczucia?

Updated on wrzesień 22, 2025