Przyciski udostępniania w mediach społecznościowych: konfiguracja i pomoc
Szybki start
- Prześlij plik ZIP modułu mprsocialshare w Moduły > "Module Manager" i zainstaluj moduł.
- Kliknij "Configure", aby otworzyć formularz ustawień "Social Share".
- Ustaw Włącz na Tak.
- W Sieci wybierz odpowiednie platformy, a następnie kliknij Zapisz.
- Otwórz stronę produktu w sklepie i znajdź wiersz Udostępnij:.
- Kliknij każdą wybraną ikonę i sprawdź docelowy adres URL oraz nazwę produktu tam, gdzie ma zastosowanie.
- 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 |
|---|---|
https://www.facebook.com/sharer/sharer.php?u={product_url} |
|
| X | https://twitter.com/intent/tweet?url={product_url}&text={product_name} |
https://pinterest.com/pin/create/button/?url={product_url}&description={product_name} |
|
https://www.linkedin.com/sharing/share-offsite/?url={product_url} |
|
https://api.whatsapp.com/send?text={product_name}%20{product_url} |
|
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?
Znane problemy
4
Pin udostępnienia na Pinterest używa złego obrazka — bierze pierwszy obrazek na stronie zamiast zdjęcia produktu
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
Zgodność z PHP 7.1
Brakujące lub uszkodzone tłumaczenia interfejsu
Zgłoszenia funkcji
1
Zaimplementowane
Przyciski udostępniania produktów
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.