Knowband Blog | Ecommerce Modules

Jak dodać przycisk Facebook Like i Twitter Follow w swoim sklepie Magento?

Joe Parker

Ostatnia dekada była świadkiem ogromnego wzrostu popularności mediów społecznościowych. Najlepsze stało się, gdy media społecznościowe zaczęły pomagać firmom w budowaniu solidnej obecności w sieci, generowaniu silnych leadów i zwiększaniu ruchu na stronie dzięki skutecznej strategii marketingowej.

Dzięki mediom społecznościowym możesz dziś dotrzeć do swoich pierwszych użytkowników, a także do stałych klientów na wiele sposobów i zaprezentować to, co najlepsze dla Twojej firmy. Dobrze rozwinięta i zorganizowana strategia sieci społecznościowych jest bardzo ważna, kiedy polegasz na mediach społecznościowych w marketingu, generowaniu leadów i wielu innych.

Różne formy zaangażowania w mediach społecznościowych zapewniają wiele sposobów na poprawę wrażenia użytkownika i wizerunku marki Twojej firmy. Funkcje takie jak logowanie społeczna, Zaloguj się na Facebooku, kliknij, aby ćwierkać, Udostępnij na Facebooku, śledź na Twitterze to przykłady tego, jak media społecznościowe można zintegrować z samą witryną.

Dziś porozmawiamy o takiej integracji, którą możesz zrobić w swoim sklepie Magento – jak dodać "przycisk Lubię to" Facebooka i przycisk "Obserwuj" na Twitterze w twoim sklepie Magento? Ten dodatek pomoże ci poprawić widoczność twoich stron Magento w mediach społecznościowych, pozwalając użytkownikom polubić lub podążać za twoją marką.

Pobierz kod przycisku Like Facebook

Zacznijmy od przycisku Facebook, a następnie dodamy przycisk "Obserwuj" na Twitterze. Aby dodać przycisk Facebook Like najpierw odwiedź witrynę dewelopera Facebooka i przejdź do następującego adresu URL.

https://developers.facebook.com/docs/plugins/like-button

Poniżej znajduje się formularz z prośbą o podanie niektórych szczegółów.

Jeśli chcesz również wyświetlić przycisk "Udostępnij" na Facebooku obok przycisku Lubię to, możesz zaznaczyć pole wyboru "Dołącz przycisk Udostępnij".

Pobierz kod przycisku Śledź na Twitterze

Aby uzyskać kod przycisku Udostępnij na Twitterze, musisz najpierw odwiedzić poniższy adres URL serwisu Twitter.

https://publish.twitter.com/

Zobaczysz następującą stronę:

Tutaj wpisz adres URL strony na Twitterze i postępuj zgodnie z instrukcjami wyświetlanymi na ekranie, aby uzyskać kod przycisku Udostępnij.

Przewiń w dół, aby znaleźć następujący interfejs i kliknij, jak pokazano na poniższym obrazku:

Następnie pojawi się wyskakujące okienko. Tutaj musisz kliknąć opcję "Obserwuj", jak pokazano na poniższym obrazku:

Następny interfejs poprosi o podanie adresu URL strony na Twitterze lub nazwy użytkownika na Twitterze. Wpisz dowolną osobę i kliknij Podgląd. Otrzymasz kod.

Dodaj przyciski społecznościowe do swojego sklepu Magento

Teraz mamy przycisk Facebook Like i Twitter button code. Zamierzam dodać te przyciski społecznościowe na mojej stronie produktu Magento. Muszę edytować następujący plik z FTP na stronie.

MAGENTO_ROOT / app / design / frontend / [DESIGN_PACKAGE] / [THEME] /template/catalog/product/view.phtml

Otwórz view.phtml plik w dowolnym edytorze, którego chcesz użyć. Używam Netbeans. Możesz użyć dowolnego edytora tekstów, takiego jak Notatnik, Notepad ++, itp.

Możesz dodać te przyciski społecznościowe w dowolnej pozycji na stronie. Jednak wybrałem miejsce poniżej tytułu produktu na stronie.

Aby dodać przyciski społecznościowe w przestrzeni pod nazwą produktu na stronie Magento, wyszukaj następujący kod w pliku view.phtml.

<div class = "nazwa-produktu">

Po tym kodzie dodaj nowy <div> z class = "social-info". Wewnątrz tego nowego <div> dodaj kody, które otrzymałeś odpowiednio z Facebooka i Twittera. Kod będzie wyglądał mniej więcej tak:

<div class = "nazwa-produktu"> <span class = "h1"> <? php echo $ _helper-> productAttribute ($ _ product, $ _product-> getName (), 'name')?> </ span> < / div> <div class = "price-info"> <? php echo $ this-> getPriceHtml ($ _ product); ?> <? php echo $ this-> getChildHtml ('bundle_prices')?> <? php echo $ this-> getTierPriceHtml ()?> </ div> <! - Społeczne przyciski -> <div class = "social -info "> <! - Kod dla Twittera Podążaj za przyciskiem -> <a href="https://twitter.com/knowbandplugin" class="twitter-follow-button" data-show-count="false"> Śledź @knowbandplugin </a> <script async src = "// platform.twitter.com/widgets.js" charset = "utf-8"> </ script> <! - Kod dla Facebooka Jak przycisk -> < div id = "fb-root"> </ div> <script> (funkcja (d, s, id) {var js, fjs = d.getElementsByTagName (s) [0]; if (d.getElementById (id)) return; js = d.createElement (s); js.id = id; js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.9";

Po zakończeniu dodawania kodu, Zapisz plik. Wyczyść pamięć podręczną Cache Magento i przejdź do strony produktu, aby sprawdzić, czy udało Ci się dodać przyciski społecznościowe do swojego sklepu Magento.

Podsumowując

Media społecznościowe stały się nieodłącznym organem firm, które dzięki nim kwitną. Czy to przez cały czas wtyczki logowania społecznościowego, Reklama społeczna lub Podziel się z innymi, media społecznościowe pomagają firmom w niezliczonych ilościach. Z jakich opcji mediów społecznościowych korzystasz w swojej firmie? Daj nam znać w komentarzach.

Chcesz się dowiedzieć więcej? Przeczytaj nasze posty na:

Jak rozpocząć logowanie na Twitterze PrestaShop w sklepie PrestaShop?

Konfigurowanie Google Login dla witryn PrestaShop

Zobacz także: