Własne kody HTML, CSS i JavaScript

Zaktualizowano: 25 października, 2021 Autor: Avatar Magdalena Wiśniowska
share
Spis treści
share
Spis treści

W Landingi możesz dodać własne kody HTML, 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.

Zobacz także nasz wideo tutorial (EN):

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

3. Kliknij dwa razy w widget, by przejść do jego edytowania.

4. Dodaj własny kod HTML. Zapisz i zamknij.

html landingi

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. W zakładce Ustawienia strony (1) po prawej stronie edytora przejdź do Własny CSS (2).

W trakcie edycji możesz wrócić do Ustawień strony, klikając w strzałkę:

3. W zakładce Własne style dodaj CSS do landing page'a (1) i/lub do strony po konwersji (2). Zapisz i zamknij

css landingi

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.

dashboard landingi

2. Przejdź do zakładki Kody JavaScript i kliknij Dodaj kod.

dodaj kod java

3. Nazwij swój skrypt (1) i wklej właściwy kod w pole Treść (2).

Wybierz, na jakiej Pozycji (3) ma znajdować się Twój kod:

  • head,
  • body – na górze,
  • body – na dole,

oraz na jakiej Stronie (4):

  • strona główna,
  • strona po konwersji,
  • obie.

Kliknij Dodaj/Zapisz (5), aby dodać skrypt do landing page'a.

edytuj kod java

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 znajdź wybrany skrypt i kliknij w Więcej (ikona trzech kropek), a następnie w wybraną akcję:

  • Edytuj,
  • Wyłącz/Włącz,
  • Usuń.
javascript landingi
share

Czy ta instrukcja była pomocna?