Mapa Google – jak dodać mapę do strony informacyjnej?

Ostatnia aktualizacja: 11 czerwca 2024

Dodawanie map Google do strony informacyjnej w Shoper

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do: Wygląd i treści (A) > Strony informacyjne (B), a następnie przy stronie, na której chcemy umieścić mapkę, kliknij przycisk: Edytuj (C).
Panel administracyjny sklepu > Wygląd i treści > Strony informacyjne > Edytuj
Rys 1. Wejdź do edycji konkretnej strony informacyjnej w sklepie Shoper.
Panel administracyjny sklepu > Wygląd i treści > Strony informacyjne > Edytuj
Rys 1. Wejdź do edycji konkretnej strony informacyjnej w sklepie Shoper.
Kliknij przycisk: wyłącz edytor na pasku narzędzi.
Panel administracyjny sklepu > Wygląd i treści > Strony informacyjne > Edytuj > Treść
Rys 2. W narzędziach edytora treści odszukaj opcję jego wyłączenia.
Panel administracyjny sklepu > Wygląd i treści > Strony informacyjne > Edytuj > Treść
Rys 2. W narzędziach edytora treści odszukaj opcję jego wyłączenia.
Na wyświetlonej wizytówce w Google wybierz przycisk: Udostępnij.
Mapy Google > Wizytówka firmy > Udostępnij
Rys 3. Wizytówka firmy wyświetlona w Google umożliwia udostępnić lokalizację.
Mapy Google > Wizytówka firmy > Udostępnij
Rys 3. Wizytówka firmy wyświetlona w Google umożliwia udostępnić lokalizację.

Przejdź do zakładki: Umieszczanie mapy (A) i kliknij opcję: KOPIUJ HTML (B).

Mapy Google > Wizytówka firmy > Udostępnij > Umieszczanie mapy
Rys 4. Wybierz zakładkę: Umieszczanie mapy i zapisz kod HTML do wklejenia w treści strony informacyjnej.
Mapy Google > Wizytówka firmy > Udostępnij > Umieszczanie mapy
Rys 4. Wybierz zakładkę: Umieszczanie mapy i zapisz kod HTML do wklejenia w treści strony informacyjnej.
Wklej kod HTML w znaczniku: iframe ze strony Google (A) i kliknij przycisk: ZAPISZ (B), aby dodać mapę na stronie informacyjnej.
Panel administracyjny sklepu > Wygląd i treści > Strony informacyjne > Edytuj > Treść
Rys 5. Wprowadź kod HTML w odpowiedniej linijce np. po formularzu kontaktowym.
Panel administracyjny sklepu > Wygląd i treści > Strony informacyjne > Edytuj > Treść
Rys 5. Wprowadź kod HTML w odpowiedniej linijce np. po formularzu kontaktowym.

WAŻNE! Aby unikać wycinania kodów HTML (czyli sytuacji, w których mapa nie działa) należy zaznaczyć opcję: Wyłącz czyszczenie kodu HTML w: Ustawienia > Zaawansowane > Bezpieczeństwo, a następnie usunąć wprowadzony kod (jeżeli nie zadziałał) i wprowadzić go raz jeszcze.

Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Jak umieścić mapkę Google na stronie informacyjnej w Shoper?
  • Jak uniknąć wycinania kodu HTML?
Udostępnij artykuł:

Przetestuj sklep internetowy
przez 14 dni za darmo

Korzystaj ze wszystkich funkcji oprogramowania za darmo i bez zobowiązań.

Testuj wszystkie funkcje przez 14 dni bez zobowiązań. Zakładając sklep poprzez podanie
adresu e-mail akceptujesz nasz Regulamin i Politykę Prywatności