W Landingi możesz dodać własne kody HTML (także iframe), CSS i JavaScript, dzięki którym stworzysz niestandardowe działania i elementy wizualne na swoich landing page’ach oraz rozszerzysz je o dodatkowe funkcjonalności.
Przeglądaj nasze Centrum Pomocy:
Pamiętaj, że nie jesteśmy w stanie zagwarantować kompleksowego wsparcia technicznego dla własnych kodów, które nie są opisane w naszym Centrum Pomocy.
Dodaj kod HTML
1. Zaloguj się na swoje konto w Landingi i przejdź do edytora landing page’a.
2. Po lewej stronie edytora odszukaj widget HTML. Następnie przeciągnij go i upuść w wybrane miejsce w obszarze aktywnym landing page’a.
![html widget](https://landingi.com/wp-content/uploads/2023/02/csshtml.png)
3. Kliknij dwa razy w widget, by przejść do jego edytowania.
4. Dodaj własny kod HTML. Zapisz i zamknij.
![](https://landingi.com/wp-content/uploads/2023/02/pl_dodaj_html.jpg)
Działanie dodanego kodu HTML nie będzie widoczne w edytorze – zobaczysz je dopiero na opublikowanym landing page’u.
Dodaj kod CSS
1. Zaloguj się na swoje konto w Landingi i przejdź do edytora landing page’a.
2. Przejdź do Ustawień strony w toolbarze po prawej stronie edytora. Kliknij Dodaj własny CSS.
![](https://landingi.com/wp-content/uploads/2023/02/wlasny-css.png)
W trakcie edycji możesz wrócić do Ustawień strony, klikając w strzałkę:
![](https://landingi.com/wp-content/uploads/2023/02/pl_usatwienia_strny_strzalka_nowe.jpg)
3. W oknie Dodaj własny CSS wklej kod CSS do strony głównej landing page’a (1) i/lub do strony po konwersji (2). Następnie Zapisz i zamknij.
![](https://landingi.com/wp-content/uploads/2023/02/dodaj-css.png)
4. Możesz także wprowadzić kilka kodów CSS jeden pod drugim (jeżeli jest to reguła @import, wklej ją nad innymi kodami):
![](https://landingi.com/wp-content/uploads/2023/02/wiecej-css.png)
Działanie dodanego kodu CSS nie będzie widoczne w edytorze – zobaczysz je dopiero na opublikowanym landing page’u.
Dodaj kod JavaScript
Dzięki kodom JavaScript możesz zaimplementować na landing page’u m.in.: czaty, pixele konwersji, kody śledzące, slajdery albo animacje.
Przejdź tutaj, jeśli chcesz dodać jeden kod JavaScript dla wszystkich landing page’y jednocześnie.
1. Zaloguj się do platformy i wejdź w zakładkę Landingi (1). Przejdź do Dashboardu (2) landing page’a, do którego chcesz dodać kod.
![](https://landingi.com/wp-content/uploads/2023/02/pl_slidesection1-960x324-1.png)
2. Przejdź do zakładki Kody JavaScript i kliknij Dodaj nowy kod.
![](https://landingi.com/wp-content/uploads/2023/02/dodaj-nowy-js-12.png)
3. Nazwij swój skrypt (1).
Wybierz, na jakiej Pozycji (2) ma znajdować się Twój kod:
- head,
- body – na górze,
- body – na dole,
oraz na jakiej Stronie (3):
- strona główna,
- strona po konwersji,
- obie.
Wklej właściwy kod w pole Treść (4).
Kliknij Dodaj kod (5), aby dodać skrypt do landing page’a.
![](https://landingi.com/wp-content/uploads/2023/02/dodaj-kod.png)
4. Sprawdź, czy kod działa prawidłowo na opublikowanym landing page’u.
5. Możesz edytować raz utworzony skrypt, czasowo go wyłączyć, a także trwale usunąć. Aby to zrobić, w zakładce Kody JavaScript wybierz jedną z akcji:
- Wyłącz/Włącz,
- Edytuj,
- Usuń.
![](https://landingi.com/wp-content/uploads/2023/02/edytuj-js.png)