Pin it – Shoper 5

Dzisiejszy wpis poświęcam serwisowi, który dla ecommerce może znaczyć więcej niż sam Facebook 🙂 Mowa o niepozornym Pinterest.com który w ciekawy sposób pozwala dzielić się zdjęciami (np ulubionych produktów). Oczywiście zasięgiem póki co daleko mu do wielkiego brata (fb) ale dynamika z jaką zdobywa popularność jest imponująca i warto brać go pod uwagę przy planowaniu działań social marketingowych.

Aktualnie Shoper nie posiada integracji z tym serwisem, nie wiem czy są takie plany ale jeżeli czujecie potrzebę dodania przycisku „pin it” do swoich produktów umożliwiając przypinanie ich do wirtualnej tablicy zapraszam do skorzystania z krótkiej instrukcji.

 

Jak dodać przycisk „Pin it” do Shoper 5?

 

Uwaga!!! dodanie przycisku wymaga edycji pliku wyświetlającego kartę produktu. Przypominam, że edycja plików HTML blokuje ich późniejszą automatyczną aktualizacje (ewentualne aktualizacje trzeba wprowadzać ręcznie).

 

Krok 1 –  przejdź do działu Konfiguracja/Integracja/Integracje własne i w oknie „Stopka strony, przed zamknięciem </body>” wklej:

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

 

Krok 2 – przejdź do działu zarządzania wyglądem Konfiguracja/Wygląd, jeżeli Twój sklep pracuje na standardowej skórce Shoper, musisz wykonać jej kopię (inaczej nie będzie dostępu do plików HTML). Następnie przejdź do edycji skórki i wejdź na zakładkę „Edycja zaawansowana” tam musisz edytować plik o nazwie „product/index.tpl”

 

Plik ten odpowiada za wyświetlanie karty produktu. Po otwarciu pliku do edycji należy odnaleźć element o klasie fb_buttons to tu znajdują się inne przyciski do social media.

Na końcu sekcji z przyciskami wklej kod odpowiadający za wyświetlanie przycisku „Pin it”

<a href="http://pinterest.com/pin/create/button/?url=nazwa.pl&media=http://nazwa.pl/{imageUrl type='productGfx' width=120 height=120 image=$img->unic_name}&description={$product->translation->name|escape} - nazwa.pl" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>

 

Uwaga!!! – pamiętajcie by w kodzie przycisku zmienić nazwa.pl na adres waszego sklepu (specjalnie wam to pogrubiłem by łatwiej było odnaleźć)

 

W razie problemów zapraszam na http://pinterest.com/about/goodies/ tam znajdziecie informacje o sposobie wygenerowania przycisków „Pin it”

I to koniec, mam nadzieję że wszystko jest jasne 😉

Pozdrawiam

3 odpowiedzi do “Pin it – Shoper 5”

Dodaj komentarz

Twój adres email nie zostanie opublikowany.