Je možné vložiť HTML, CSS alebo JS kód?

V tomto článku sa dozviete, ako vložiť kód HTML, CSS a JS na stránky vytvorené v systéme systeme.io.

Budete potrebovať:

• Účet na systeme.io
• Kód HTML, CSS alebo JS

Prečo pridávať vlastný kód na vaše stránky?

Pridaním kódu HTML na stránku je možné pridať vlastný štýl, funkčnosť a štruktúru obsahu obrázkov, textu, odkazov atď.

Napríklad:

1. Ak chcete prispôsobiť štýl, môžete pridať kód CSS.
2. Ak chcete pridať animácie na stránku alebo jednotlivé prvky (napríklad pri prejdení myšou alebo kliknutí na tlačidlo), pridajte kód JS.
3. Ak chcete pridať nadpisy alebo text všeobecne, vytvoriť tabuľky, časti a delenia na stránke, pridajte kód HTML.

Dôležité poznámky:

Pri pridávaní vlastného kódu do sekcií hlavičky (header), päty (footer), sledovacieho kódu (tracking code) alebo prvku Raw HTML nevkladajte žiadne z nasledujúcich značiek:

• <head> </head>
• <footer> </footer>
• <html> </html>
• <body> </body>

Pri pridávaní videa pomocou prvku iframe nie sú potrebné žiadne ďalšie značky.

Nesprávne:

<div> 
    <iframe src="odkaz na vaše video"></iframe>
</div>

Správne:

<iframe src="odkaz na vaše video"></iframe>

1. Pridanie kódu do sekcie Sledovací kód:

Ak chcete vložiť sledovací kód Facebooku, prejdite do predajného lievika, ktorý obsahuje stránku, kam chcete kód umiestniť.

Vyberte stránku lievika zo zoznamu stránok vľavo a kliknite na Upraviť stránku.

Kliknite na Nastavenia v ľavom hornom rohu a potom prejdite nadol do sekcie Sledovanie.

1.1 Kód, ktorý sa vkladá do sekcie hlavičky

V tejto časti by ste mali vložiť akýkoľvek kód, ktorý sa musí nachádzať medzi značkami  <head> a  <head>.

1.2 Kód, ktorý sa vkladá do sekcie päty

V tejto časti pridajte akýkoľvek kód určený pre Document Object Model (DOM).

2. Pridanie kódu v nastaveniach predajného lievika:

Niektoré kódy (napríklad sledovací kód) sa musia pridať do všetkých vašich lievikov.

Aby ste nemuseli opakovať proces vkladania kódu na každú stránku každého lievika, môžete ho automaticky použiť globálne na všetky lieviky.

Ak to chcete urobiť, prejdite na svoju Profilovú fotku, kliknite na Nastavenia a potom v položkách vľavo kliknite na Predajné lieviky. Vložte sledovací kód do textového poľa Sledovací kód a kliknite na Uložiť.

3. Pridanie prvku Raw HTML na stránku:

Akýkoľvek kód HTML je možné vložiť priamo na stránku aj prostredníctvom editora stránky.

1. Pridajte prvok Raw HTML pretiahnutím na požadovanú časť stránky.

2. Kliknutím na prvok zobrazíte jeho nastavenia (1).

V ľavom paneli kliknite na Upraviť kód, čím sa zobrazí vyskakovacie okno, do ktorého môžete vložiť svoj kód (2).

Pridajte kód HTML do textového poľa (3) a potom kliknite na Uložiť (4).

Pred odchodom sa uistite, že ste zmeny uložili. Po uložení zmien už nie je možné obnoviť starú verziu stránky.

Poznámka: Prvok Raw HTML sa nezobrazuje v režime náhľadu. Bude viditeľný iba na živej stránke.