Jak dodać i podlinkować baner graficzny?
Spis treści:
- Podlinkować baner graficzny – co to oznacza?
- Dodawanie modułu z banerem i podlinkowanie go w nowym Shoper Visual Editor
- Wideo: zarządzanie wyglądem twojego sklepu internetowego
- Jak dodać moduł z banerem i podlinkować go w starym konfiguratorze wyglądu?
- Wideo: jak zmienić wygląd sklepu Shoper?
- Powiązane artykuły związane z zarządzaniem modułami
Podlinkować baner graficzny – co to oznacza?
Nieodłączną częścią sklepu internetowego są zamieszczone w nim różnego rodzaju grafiki, które niosą zazwyczaj komunikaty informacyjne lub promocyjne, zachęcające do podjęcia jakiegoś działania. Nierzadko po kliknięciu grafiki kupujący spodziewają się przeniesienia do docelowego miejsca w sklepie, np. konkretnej kategorii, zakładki z promocjami, nowościami itp.
Przeczytaj także: Koszmar minionego slajdu – jak przygotować skuteczną grafikę reklamową.
Oprogramowanie Shoper daje możliwość umieszczenia podlinkowanych grafik w modułach szablonu graficznego, opisach produktów, kategorii, stronach informacyjnych, stopce czy wpisach bloga, czyli wszędzie gdzie zobaczysz taki edytor treści.
Dodatkowo umożliwia również utworzenie pokrewnego modułu typu slider, o którym więcej informacji przeczytasz w artykule: Konfiguracja Slidera.
Jak dodać moduł z banerem i podlinkować go w nowym Shoper Visual Editorze?
Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki: Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C) > Moduły (D) > OTWÓRZ SHOPER VISUAL EDITOR (E).
Wybierz typ strony (A) dla której chcesz dodać Moduł własny z podlinkowanym banerem, a następnie kliknij: DODAJ MODUŁ DO STRONY (B).
Na liście modułów odszukaj: Moduł własny, złap i przeciągnij w wybrane miejsce na stronie sklepu (przytrzymując moduł i przeciągając go w różnych miejscach układu strony, kreator podpowie w którym miejscu możesz go upuścić).
W lewej części panelu uzupełnij USTAWAWIENIA OGÓLNE:
- Tytuł – nazwa modułu widoczna tylko dla ciebie, chyba że aktywujesz obramowanie,
- Obramowanie – jeżeli aktywujesz suwak przesuwając go w prawo, tytuł modułu będzie widoczny dla klienta,
- HTML ID – pozostaw puste, chyba że instrukcja tworzenia modułu tego wymaga (zazwyczaj dotyczy to szablonów dodatkowo płatnych posiadających moduły specjalne),
- Tryb – zalecamy: HTML, ponieważ daje najszersze możliwości edycji treści, np. tekst, grafiki, filmy z YouTube oraz inne wykorzystujące znajomość HTML.
By dodać grafikę, kliknij pole: Treść HTML (A), a następnie: Wstaw (B) > Wstaw/edytuj obrazek (C).
Następnie:
- w polu: Źródło (A) wybierz grafikę z Menadżera plików (B) uprzednio dodając ją z dysku komputera (C),
- dodaj opcjonalny: Opis obrazka (D),
- usuń wymiar z drugiego pola (E) (aby grafika poprawnie skalowała się na urządzeniach mobilnych) i kliknij: Ok.
Zaznacz grafikę tak, aby podświetlała się na niebiesko (przytrzymaj lewy przycisk myszy i przeciągnij od prawego dolnego rogu w kierunku górnego lewego) i kliknij: Wstaw/edytuj łącze.
Wstaw docelowy: adres URL (A) który ma się otworzyć po kliknięciu grafiki, wybierz cel (B) (żaden – otwiera docelowy link w bieżącej karcie przeglądarki, nowe okno – otwiera link w nowej karcie przeglądarki), kliknij: OK i ZAPISZ u dołu strony.
W lewej części panelu u dołu, kliknij: ZAPISZ I OPUBLIKUJ USTAWIENIA MODUŁU – opcja ta spowoduje dodanie utworzonego modułu do listy dostępnych do użycia, a następnie w prawym górnym rogu: ZAPISZ I OPUBLIKUJ ZMIANY W UKŁADZIE, jeżeli chcesz aby pojawił się na stronie sklepu.
Od tego momentu moduł powinien być widoczny w wybranym przez ciebie miejscu strony.
W analogiczny sposób dodasz podlinkowaną grafikę w edytorze HTML w opisie produktu, opisie kategorii, na stronach informacyjnych, w stopce czy wpisach bloga.
Wideo: zarządzanie wyglądem twojego sklepu internetowego
Obejrzyj film instruktażowy, w którym przedstawiamy jak korzystać z Shoper Visual Editor.
Dodawanie modułu z grafiką i podlinkowanie jej w starym konfiguratorze wyglądu
Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do: Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły.
W prawym górnym rogu kliknij: DODAJ MODUŁ.
Uzupełnij:
- Tytuł (A) – nazwa modułu widoczna tylko dla ciebie, chyba że aktywujesz obramowanie,
- Obramowanie – jeżeli aktywujesz suwak przesuwając go w prawo, tytuł modułu będzie widoczny dla klienta,
- HTML ID (B) – pozostaw puste, chyba że instrukcja tworzenia modułu tego wymaga (zazwyczaj dotyczy to szablonów dodatkowo płatnych posiadających moduły specjalne),
- Tryb (C) – zalecamy: HTML, ponieważ daje najszersze możliwości edycji treści, np. tekst, grafiki, filmy z YouTube oraz inne wykorzystujące znajomość HTML.
- Treść HTML – tutaj umieść grafikę klikając ikonę: Wstaw/edytuj obrazek (A) :
- wybierz grafikę z Menadżera plików (B) uprzednio dodając ją z dysku komputera,
- dodaj opcjonalny opis obrazka (C),
- usuń wymiar z drugiego pola (aby grafika poprawnie skalowała się na urządzeniach mobilnych) i kliknij: Ok.
- Zaznacz grafikę tak, aby podświetlała się na niebiesko (przytrzymaj lewy przycisk myszy i przeciągnij od prawego dolnego rogu w kierunku górnego lewego) i kliknij: Wstaw/edytuj łącze.
- wstaw docelowy: adres URL, (A) który ma się otworzyć po kliknięciu grafiki, wybierz cel (B) (żaden – otwiera docelowy link w bieżącej karcie przeglądarki, nowe okno – otwiera link w nowej karcie przeglądarki).
Kliknij: Ok i ZAPISZ zmiany u dołu strony.
Wróć do ogólnej edycji szablonu w: Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły i wybierz miejsce docelowe umieszczenia modułu z grafiką, np. Strona główna.
W sekcji: DOSTĘPNE MODUŁY (A) odszukaj utworzony moduł (B), złap go prawym przyciskiem myszy, przeciągnij w wybrane miejsce układu strony i upuść, a następnie zmiany ZAPISZ u dołu strony.
Od tego momentu moduł powinien być widoczny w wybranym przez ciebie miejscu strony.
W analogiczny sposób dodasz podlinkowaną grafikę w edytorze HTML w opisie produktu, opisie kategorii, na stronach informacyjnych, w stopce czy wpisach bloga.
Wideo: jak zmienić wygląd sklepu Shoper?
Obejrzyj instrukcję wideo, jak skonfigurować wygląd sklepu Shoper na YouTube.
Powiązane artykuły związane z zarządzaniem modułami
Może zainteresować cię również artykuł Centrum pomocy: Jak zarządzać modułami?
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
- Czym jest linkowanie grafiki?
- Jak dodać link do baneru z wybraną grafiką przy pomocy starego i nowego konfiguratora wyglądu?
- Wideo poradnik: wprowadzenie do nowego edytora wyglądu sklepu Shoper
- Wideo poradnik: zmiany możliwe w starym konfiguratorze wyglądu sklepu Shoper
- Jakie artykuły zawierają inne przydatne informacje o modułach w sklepie?