Automatyczne tłumaczenie strony sklepu za pomocą Google Translate

Data publikacji: 21 marca 2016 Ostatnia aktualizacja: 7 stycznia 2025

Jak dodać moduł z Google Translate w szablonie Storefront?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C) > Szczegóły szablonu (D) i uruchom edytor, klikając: EDYTUJ UKŁAD I STYL SZABLONU (E).
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Edytuj układ i styl szablonu
Rys 1. Uruchom edytor Shoper Visual Editor w technologii Storefront
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Edytuj układ i styl szablonu
Rys 1. Uruchom edytor Shoper Visual Editor w technologii Storefront
Przejdź do edycji nagłówka szablonu
W obrębie nagłówka dodaj: nową sekcję, wiersz lub kolumnę i umieść nowy moduł: Tekst i multimedia.
W ustawieniach modułu Tekst i multimedia przejdź do: edycji treści (A) modułu, a następnie kliknij: wyłącz edytor (B).
Shoper Visual Editor > Moduł: Tekst i multimedia > Edycja modułu
Rys 2. W treści modułu wyłącz edytor wizualny
Shoper Visual Editor > Moduł: Tekst i multimedia > Edycja modułu
Rys 2. W treści modułu wyłącz edytor wizualny
Skopiuj poniższy kod
Skopiuj
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() { 
new google.translate.TranslateElement({pageLanguage:'pl'}, 'google_translate_element');
}
</script> 
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Wklej skopiowany kod do edytora i kliknij: ZAPISZ
Shoper Visual Editor > Edycja modułu: Tekst i mutimedia
Rys 3. Wklej kod i zapisz zmiany
Shoper Visual Editor > Edycja modułu: Tekst i mutimedia
Rys 3. Wklej kod i zapisz zmiany
Zapisz zmiany w edycji modułu: Tekst i multimedia.

Jak dodać moduł tłumaczenia strony sklepu Shoper przy użyciu Google Translate?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do: Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C). Wybierz zakładkę: Moduły (D), a następnie otwórz stary konfigurator wyglądu (E).
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Moduły > Zarządzaj modułami w starym konfiguratorze
Rys 1. Zarządzaj modułami w starym konfiguratorze wyglądu sklepu Shoper.
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Moduły > Zarządzaj modułami w starym konfiguratorze
Rys 1. Zarządzaj modułami w starym konfiguratorze wyglądu sklepu Shoper.
Kliknij przycisk: DODAJ MODUŁ znajdujący się w prawym górnym rogu.
Stary konfigurator wyglądu Shoper > Dodaj moduł
Rys 2. Przejdź do procesu dodawania własnego modułu.
Stary konfigurator wyglądu Shoper > Dodaj moduł
Rys 2. Przejdź do procesu dodawania własnego modułu.
Wprowadź: Tytuł (A) i ewentualnie zaznacz, aby moduł był obramowany (B) – (nie jest to wymagane). Następnie w sekcji Treść HTML kliknij: wyłącz edytor (C) na pasku narzędzi.
Stary konfigurator wyglądu sklepu Shoper > Dodaj moduł > Ustawienia modułu
Rys 3. Ustaw nowy moduł dla sklepu internetowego Shoper.
Stary konfigurator wyglądu sklepu Shoper > Dodaj moduł > Ustawienia modułu
Rys 3. Ustaw nowy moduł dla sklepu internetowego Shoper.
Wklej skrypt (A) i kliknij przycisk: ZAPISZ (B).
Skopiuj
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() { 
new google.translate.TranslateElement({pageLanguage:'pl'}, 'google_translate_element');
}
</script> 
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Stary konfigurator wyglądu sklepu Shoper > Dodaj moduł > Ustawienia modułu > Treść HTML
Rys 4. Dodaj skopiowany wcześniej skrypt w treści HTML.
Stary konfigurator wyglądu sklepu Shoper > Dodaj moduł > Ustawienia modułu > Treść HTML
Rys 4. Dodaj skopiowany wcześniej skrypt w treści HTML.
Moduł utworzył się w: DOSTĘPNE MODUŁY (A). Odnajdź i przenieś go (B) w wybrane przez ciebie miejsce. Przykładowa lokalizacja pliku przed wybraniem miejsca:
Stary konfigurator wyglądu sklepu Shoper > Dostępne moduły > Własny moduł tłumaczenia strony
Rys 5. Otwórz listę dostępnych modułów i wyszukaj nowy moduł tłumaczenia strony sklepu Shoper.
Stary konfigurator wyglądu sklepu Shoper > Dostępne moduły > Własny moduł tłumaczenia strony
Rys 5. Otwórz listę dostępnych modułów i wyszukaj nowy moduł tłumaczenia strony sklepu Shoper.

WAŻNE! Jeżeli domyślnie nasz sklep jest w innym języku niż polski to należy w skrypcie zmienić wyrażenie: pl na inny kod języka zgodny ze standardem ISO. Aby unikać wycinania kodów HTML warto zaznaczyć opcję: Wyłącz czyszczenie kodu HTML z poziomu: Ustawienia > Zaawansowane > Bezpieczeństwo.

Widok modułu po umieszczeniu na stronie głównej w przykładowej lokalizacji (widok po rozwinięciu listy):

Widok dodanego modułu automatycznego tłumaczenia strony sklepu Shoper
Rys 6. Przykładowy widok modułu tłumaczenia strony sklepu po dodaniu go do szablonu.
Widok dodanego modułu automatycznego tłumaczenia strony sklepu Shoper
Rys 6. Przykładowy widok modułu tłumaczenia strony sklepu po dodaniu go do szablonu.

Zoptymalizuj proces obsługi zwrotów i reklamacji w swoim sklepie internetowym dzięki Shoper Zwroty. Dowiedz się, jak aktywna aplikacja ułatwia zarządzać zwrotami.

Dodatkowa wersja językowa w sklepie Shoper

Przygotowanie dodatkowej wersji językowej w sklepie Shoper składa się z kilku etapów.

Zalecane jest przejście przez wszystkie kroki w celu upewnienia się, że nowa wersja językowa będzie działała poprawnie. W przeciwnym razie może zdarzyć się, że pomimo przetłumaczenia wszystkich fraz, klient nie będzie mógł dokonać zakupu np. dlatego, że sklep nie ma zdefiniowanej płatności dla określonej waluty.

Należy pamiętać, że cały proces zakupowy jest ściśle ze sobą powiązany i każdy element, który pojawia się w aktualnej wersji językowej, należy przygotować również dla nowego języka.

Moduł zmiany języka i waluty w nagłówku sklepu

Jeśli prowadzisz sprzedaż swoich produktów w kilku krajach jednocześnie, to naturalnym elementem strony twojego sklepu będzie moduł, umożliwiający zmianę wersji językowej oraz waluty. Dzięki Storefront łatwo dodasz wybór języka czy waluty do nagłówka sklepu.

Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Jak wstawić moduł umożliwiający szybkie tłumaczenie sklepu przez Google Translate?
  • Jak dostosować ustawienia sklepu do obsługi różnych wersji językowych?
  • Jak umożliwić klientom zmianę języka i waluty w nagłówku sklepu?
Czy ten artykuł był pomocny?
Tak
Nie
Dziękujemy za odpowiedź!
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