Przyciski udostępniania w mediach społecznościowych: konfiguracja i pomoc

Szybki start

  1. Prześlij plik ZIP modułu mprsocialshare w Moduły > "Module Manager" i zainstaluj moduł.
  2. Kliknij "Configure", aby otworzyć formularz ustawień "Social Share".
  3. Ustaw Włącz na Tak.
  4. W Sieci wybierz odpowiednie platformy, a następnie kliknij Zapisz.
  5. Otwórz stronę produktu w sklepie i znajdź wiersz Udostępnij:.
  6. Kliknij każdą wybraną ikonę i sprawdź docelowy adres URL oraz nazwę produktu tam, gdzie ma zastosowanie.
  7. Sprawdź wiersz na urządzeniu mobilnym i na drugim produkcie, aby potwierdzić, że każdy link udostępniania używa właściwego produktu.

Wymaga PrestaShop 1.6 lub nowszego oraz PHP 7.1 lub nowszego.

Instrukcja konfiguracji

Instalacja i pierwsza konfiguracja

Wykonaj kroki opisane w sekcji Szybki start.

Wybierz sieci

Otwórz moduł przez "Module Manager" > Social Share Buttons > "Configure". Formularz zawiera dwa ustawienia.

Ustawienie Domyślnie Co zmienić
Włącz Tak Ustaw Nie, aby ukryć blok udostępniania produktu.
Sieci Facebook, X, Pinterest, LinkedIn, WhatsApp, E-mail Użyj pola wielokrotnego wyboru, aby wybrać widoczne ikony udostępniania.

Identyfikatory sieci to facebook, twitter, pinterest, linkedin, whatsapp i email. X używa zapisanego identyfikatora twitter. Wewnętrznie wybór jest zapisywany jako ciąg rozdzielany przecinkami, np. facebook,whatsapp,email. Platformy wybierasz w panelu administracyjnym, zamiast wpisywać ten ciąg w pole tekstowe.

Aby skrócić listę, wybierz Facebook, WhatsApp i E-mail. W przypadku katalogu wizualnego możesz wybrać Pinterest razem z Facebook, WhatsApp i E-mail. Nie ma kluczy API do skonfigurowania.

Sprawdź widok sklepu

Moduł wyświetla etykietę Udostępnij: oraz ikony platform w SVG przez displayProductMetaShare i displayProductAdditionalInfo. Ten drugi jest mechanizmem zapasowym, gdy blok udostępniania nie został jeszcze wyrenderowany. Ostateczne położenie zależy od hooków produktu w motywie. Arkusz stylów jest ładowany przez displayHeader na stronach produktów, gdy moduł jest włączony.

Blok używa zwykłych linków HTML i CSS. Nie ładuje SDK platform ani JavaScriptu po stronie sklepu, nie rejestruje liczby udostępnień ani nie ustawia własnych śledzących plików cookie. Serwisy społecznościowe otwierają się po kliknięciu linku przez kupującego. E-mail korzysta z programu pocztowego skonfigurowanego w przeglądarce.

Adres URL produktu pochodzi z danych prezentowanego produktu, jeśli są dostępne, a w dalszej kolejności z funkcji pomocniczej PrestaShop do linków produktów. Nazwa produktu stanowi tekst udostępniania na platformach, których URL ją obsługuje. W poniższych wzorcach wartości są kodowane dla adresów URL:

Sieć Wzorzec linku
Facebook https://www.facebook.com/sharer/sharer.php?u={product_url}
X https://twitter.com/intent/tweet?url={product_url}&text={product_name}
Pinterest https://pinterest.com/pin/create/button/?url={product_url}&description={product_name}
LinkedIn https://www.linkedin.com/sharing/share-offsite/?url={product_url}
WhatsApp https://api.whatsapp.com/send?text={product_name}%20{product_url}
E-mail mailto:?subject={product_name}&body={product_url}

Przetestuj co najmniej dwa produkty i porównaj ich linki. Moduł nie tworzy metadanych Open Graph, nie wybiera obrazów podglądu w serwisach społecznościowych, nie oferuje pola własnej wiadomości udostępniania ani nie dodaje Telegrama. Sprawdź metadane strony osobno, jeśli platforma pokazuje nieoczekiwany podgląd.

Dostosuj położenie i styl w motywie

Standardowa konfiguracja jest przeznaczona dla hooków stron produktów. Nie udostępnia ustawień umieszczania na stronach CMS ani bloga. Jeśli własny motyw produktu nie ma obsługiwanego hooka, programista może dodać jedno odpowiednie wywołanie z danymi produktu:

{hook h='displayProductMetaShare' product=$product}

lub:

{hook h='displayProductAdditionalInfo' product=$product}

Umieść wywołanie tam, gdzie ma się pojawić wiersz. Po zmianie hooków sprawdź, czy treść nie wyświetla się wielokrotnie. Motyw może nadpisać views/templates/hook/share.tpl pod ścieżką:

themes/your-theme/modules/mprsocialshare/views/templates/hook/share.tpl

Użyj tych klas w CSS motywu: .mprshare-container, .mprshare-label, .mprshare-btn, .mprshare-facebook, .mprshare-twitter, .mprshare-pinterest, .mprshare-linkedin, .mprshare-whatsapp i .mprshare-email.

.mprshare-container { margin-top: 16px; }
.mprshare-btn { width: 40px; height: 40px; }
.mprshare-btn svg { width: 20px; height: 20px; }

Rozwiązywanie problemów

  • Jeśli brakuje wiersza, sprawdź Włącz, Sieci, hook produktu oraz to, czy hook otrzymuje dane produktu.
  • Jeśli wiersz nie ma ikon, wybierz obsługiwane sieci i zapisz. Nieznane zapisane identyfikatory sieci nie mają odpowiadającej im gałęzi szablonu.
  • Jeśli wiersz nie ma stylów, sprawdź modules/mprsocialshare/views/css/front.css, hook nagłówka strony produktu oraz nadpisania w motywie.
  • Jeśli e-mail się nie otwiera, sprawdź program pocztowy użytkownika. Moduł generuje tylko link mailto:.
  • Jeśli platforma odmawia udostępnienia lub wybiera inny podgląd, sprawdź wygenerowany link i odpowiedź platformy. Moduł nie kontroluje zewnętrznego okna udostępniania.

Użyj "Integrity" do sprawdzenia instalacji. Moduł udostępnia również kontrolery konfiguracji, licencji, wsparcia i aktualizacji.

Wyłączenie lub odinstalowanie

Ustaw Włącz na Nie i zapisz, aby ukryć wiersz. Aby usunąć moduł, użyj "Uninstall" w "Module Manager". Odinstalowanie usuwa wspólne wpisy konfiguracji modułu oraz menu administracyjne. Dane produktów pozostają w PrestaShop.

Pytania

1

Czy link udostępniania zawiera wybraną kombinację produktu?

Moduł używa adresu URL produktu dostarczonego przez motyw albo przekazuje id_product_attribute z renderowanych danych do PrestaShop podczas tworzenia adresu. Nie aktualizuje linków udostępniania przez JavaScript po zmianie kombinacji przez klienta, więc link może nadal wskazywać poprzedni wybór.

Znane problemy

4

Pin udostępnienia na Pinterest używa złego obrazka — bierze pierwszy obrazek na stronie zamiast zdjęcia produktu

Otwarte

Adres URL udostępniania na Pinterest nie określa parametru media, więc crawler Pinteresta wybiera pierwszy znaleziony na stronie obrazek (często logo lub baner) zamiast zdjęcia produktu.

Informacja o rozwiązaniu

Dodano adres URL z og:image jako parametr media w adresie udostępniania Pinterest, dzięki czemu przypinane jest właściwe zdjęcie produktu.

Nie można wybrać kanałów udostępniania

RozwiązaneZaktualizowano:
Naprawiono w: 1.0.23
Ustawienie Networks wyświetlało etykietę bez opcji wyboru kanałów, uniemożliwiając sprzedawcom wybór przycisków udostępniania.

Zgodność z PHP 7.1

RozwiązaneZaktualizowano:
Naprawiono w: 1.0.20
Moduł mógł się nie ładować w sklepach korzystających z PHP 7.1.

Brakujące lub uszkodzone tłumaczenia interfejsu

RozwiązaneZaktualizowano:
Naprawiono w: 1.0.19
Niektóre etykiety modułu pozostawały po angielsku lub wyświetlały uszkodzony tekst po wybraniu innego języka sklepu.

Zgłoszenia funkcji

1

Zaimplementowane

Przyciski udostępniania produktów

Zaimplementowane
Umożliwiaj kupującym udostępnianie produktów przez Facebook, Twitter, Pinterest, LinkedIn, WhatsApp i e-mail za pomocą natywnych linków udostępniania.

Dziennik zmian

v1.0.182026-09-12

  • Addedcomplete FR/DE/ES/IT/PL translations
Starsze wersje

v1.3.02026-04-20

  • Addedadmin menu management via MenuInstaller for streamlined module setup

v1.2.02026-02-05

  • AddedPS 9 / Hummingbird theme compatibility
  • AddedBluesky and Mastodon share targets
  • Improvedbutton layout — supports both horizontal and vertical stack orientations
  • Fixedshare URL encoding for products with non-ASCII characters in name

v1.1.02025-07-16

  • Addedper-platform enable/disable toggles in back office
  • Addednative Web Share API fallback on mobile for unsupported platforms

v1.0.02025-06-02

  • Initialrelease: social share buttons for PrestaShop product pages
  • InitialZero external JS — uses platform share URLs only, no tracking widgets loaded
  • InitialSupports Facebook, X, LinkedIn, Pinterest, Reddit, WhatsApp, Telegram, Email
  • InitialCompatible with PS 1.7.x and PS 8.x

Demo

Przetestuj pełny moduł

  • Gotowy sklep demo Poznaj gotowy sklep demo w przeglądarce.
  • Bez rejestracji Bez konta, adresu e-mail ani domeny sklepu.

Otwierając to demo, akceptujesz regulamin wersji demo oraz politykę prywatności.

Ładowanie...
Do góry