Loading
W tym artykule dowiesz się, jak wstawiać kod HTML, CSS i JS na stronach utworzonych za pomocą systeme.io.
Będziesz potrzebować:
- Konta systeme.io
- Kodu HTML, CSS lub JS
Dlaczego dodawać niestandardowy kod do stron?
Dodając kod HTML do strony, możliwe jest dodanie niestandardowego stylu, funkcjonalności i struktury do zawartości obrazów, tekstu, linków itp...
Na przykład:
- Aby dostosować styl, możesz dodać kod CSS.
- Aby dodać animacje do strony lub poszczególnych elementów (na przykład po najechaniu kursorem lub kliknięciu przycisku), dodaj kod JS.
- Aby dodać tytuły lub tekst w ogóle, utworzyć tabele, części i podziały na stronie, dodaj kod HTML.
Ważne uwagi:
Dodając niestandardowy kod do sekcji nagłówka, stopki, kodu śledzenia lub surowego HTML, nie dołączaj żadnego z następujących tagów:
<head> </head><footer> </footer><html> </html><body> </body>
Dodając wideo za pomocą iframe , nie są wymagane żadne dodatkowe tagi.
Nieprawidłowo:
<div>
<iframe src="link do twojego wideo"></iframe>
</div>
Prawidłowo:
<iframe src="link do twojego wideo"></iframe>
1. Dodawanie kodu do sekcji Kod śledzenia:
Aby wstawić kod śledzenia Facebook, przejdź do lejka sprzedażowego zawierającego stronę, na której chcesz umieścić kod.
Wybierz stronę lejka z listy stron po lewej stronie i kliknij Edytuj stronę.
Kliknij Ustawienia, znajdujące się w lewym górnym rogu, następnie przewiń w dół do sekcji Śledzenie.
1.1 Kod do wstawienia w sekcji nagłówka
W tej sekcji powinieneś wkleić dowolny kod, który musi znajdować się w tagach <head> i </head> strony.
1.2 Kod do wstawienia w sekcji stopki
W tej sekcji dodaj dowolny kod przeznaczony dla Document Object Model (DOM).
2. Dodawanie kodu w Ustawieniach Lejka Sprzedażowego:
Niektóre kody (takie jak kod śledzenia) muszą być dodane do wszystkich lejków.
Aby uniknąć powtarzania procesu wklejania kodu na każdą stronę każdego lejka, możesz zastosować go globalnie do wszystkich lejków automatycznie.
Aby to zrobić, przejdź do Zdjęcia profilowego, kliknij Ustawienia, a następnie kliknij Lejki sprzedażowe z elementów po lewej stronie. Wklej kod śledzenia w polu tekstowym Kod śledzenia i kliknij Zapisz.
3. Dodawanie elementu surowego HTML do strony:
Możliwe jest również wstawienie dowolnego kodu HTML bezpośrednio na stronie przez edytor strony.
- Dodaj element Surowy HTML, przeciągając go do żądanej części strony.
- Kliknij element, aby wyświetlić jego ustawienia (1).
W lewym panelu kliknij Edytuj kod, aby wyświetlić okno, w którym możesz wkleić kod (2).
Dodaj kod HTML do pola tekstowego (3), następnie kliknij Zapisz (4).
Pamiętaj, aby zapisać zmiany przed zamknięciem. Po zapisaniu zmian nie będzie można przywrócić poprzedniej wersji strony.
Uwaga: Kod HTML nie jest wyświetlany w trybie podglądu. Będzie widoczny dopiero na opublikowanej stronie.