Z tej instrukcji dowiesz się, jak dodać przyciski Facebooka Lubię to! oraz Udostępnij do landing page’a.
Pobranie kodu
1. Skopiuj w przeglądarce adres witryny landing page’a, na którym chcesz umieścić przyciski Lubię to! oraz Udostępnij.
2. Przejdź na stronę konfiguratora przycisków Facebooka. Wklej link w URL to Like.
![](https://landingi.com/wp-content/uploads/2023/02/likebutton1-2-1.png)
3. Ustaw, jak ma wyglądać przycisk spośród dostępnych opcji (1). Każda zmiana będzie widoczna na przykładowych przyciskach. Kliknij w Get Code (2).
![like button on a landing page](https://landingi.com/wp-content/uploads/2023/02/likebutton2-1.png)
4. Skopiuj pierwszą część kodu z pominięciem tagów <div></div>. Nie zamykaj konfiguratora.
![](https://landingi.com/wp-content/uploads/2023/02/pl_likebutton2b-2-1.png)
Instalacja kodu w Landingi
1. Zaloguj się na swoje konto w platformie Landingi i wejdź w Dashboard wybranego landing page’a.
![dashboard](https://landingi.com/wp-content/uploads/2023/02/pl_likebutton5.png)
2. Przejdź do zakładki Kody JavaScript. Jeśli nie posiadasz żadnych kodów, kliknij w Dodaj kod.
![dodaj kod java](https://landingi.com/wp-content/uploads/2023/02/pl_slidesection2-5.png)
Do zakładki Kody javascript możesz przejść także z poziomu edytora wybranego landing page’a.
![dashboard z poziomu edytora](https://landingi.com/wp-content/uploads/2023/02/pl_likebutton6.png)
3. Wpisz Nazwę kodu i wklej skopiowany kod w pole Treść. Wybierz pozycję Body – na dole oraz Strona główna. Kliknij w Zapisz.
![dodaj kod java like button](https://landingi.com/wp-content/uploads/2023/02/pl_likebutton7.png)
4. Wróć do konfiguratora i skopiuj drugą część kodu.
![like button kod](https://landingi.com/wp-content/uploads/2023/02/pl_likebutton4.png)
5. Przejdź do edytora wybranego landing page’a. Po lewej stronie edytora odszukaj widget HTML, następnie przeciągnij go i upuść w obszar aktywny strony.
![](https://landingi.com/wp-content/uploads/2023/02/pl_likebutton8-1-1.png)
6. Kliknij w widget dwukrotnie lub wejdź w Edytuj. Wklej drugą część kodu w pole Dodaj własny HTML. Kliknij w Zapisz i zamknij.
![](https://landingi.com/wp-content/uploads/2023/02/dodaj-kod-html-35.png)
7. Po dodaniu kodu opublikuj landing page’a i sprawdź, czy przyciski wyświetlają się poprawnie.
![](https://landingi.com/wp-content/uploads/2023/02/pl_likebutton10-1.png)
Zobacz wszystkie nasze integracje w Katalogu Integracji, aby poznać narzędzia, z którymi możesz połączyć Landingi.