Kuinka lisätä Javascript Elementor-verkkosivustollesi

Jos luot sivustoasi Elementorilla, saatat kohdata tilanteen, jossa sinun täytyy lisätä Javascript-koodia verkkosivustollesi. Olipa kyseessä seurantatarkoituksiin, animaatioihin, ponnahdusikkunoihin tai mihin tahansa muuhun, se vaatii hieman taitotietoa, jotta se toimii kunnolla. Älä pelkää, sillä tässä blogiviestissä jaamme vaiheittaisen oppaan Javascriptin lisäämisestä Elementor-verkkosivustollesi.

Vaihe 1: Avaa Page Builder

Aloita avaamalla sivunrakennusohjelma ja valitsemalla sivu, jolle haluat lisätä Javascriptin. Kun olet muokkauskäyttöliittymässä, napsauta yläpalkissa olevaa Muokkaa Elementorilla -painiketta. Tämä avaa Elementor-käyttöliittymän, jossa näet käytettävissäsi olevat erilaiset elementit/widgetit. Etsi sivultasi osio, johon haluat lisätä Javascriptin, ja valitse se napsauttamalla sitä.

Vaihe 2: Lisää mukautettu HTML-elementti

Jos haluat lisätä Javascript-koodisi, sinun on lisättävä osioon Mukautettu HTML-elementti -widget. Etsi "Perus"-osio Elementor-widget-valikosta vasemmalla ja vieritä alas löytääksesi mukautetun HTML-elementin widgetin. Vedä ja pudota se sivusi aiemmin valitsemaasi osioon.

Vaihe 3: Lisää Javascript-koodisi

Kun mukautettu HTML-widget on paikallaan, voit aloittaa Javascript-koodin lisäämisen. Napsauta widgetiä avataksesi muokkauskäyttöliittymän ja liitä koodisi Muokkaa mukautettua HTML-koodia -tekstiruutuun. Tallenna sen jälkeen napsauttamalla 'Päivitä'.

Vaihe 4: Esikatsele muutokset

Kun olet lisännyt koodin, esikatsele muutokset varmistaaksesi, että kaikki näkyy oikein. Jos koodissa on ongelmia, huomaat ne täällä ja voit palata edellisiin vaiheisiin tehdäksesi tarvittavat muutokset.

Vaihe 5: Testaa Javascript-koodisi

Testaamalla koodisi varmistat, että kaikki toimii oikein. Testaa yksinkertaisesti navigoimalla verkkosivustollasi ja tarkistamalla, toimiiko Javascript odotetulla tavalla. Jos käytät ulkoisia kirjastoja, kuten Google Analyticsia, tai laajennusta, kuten Yhteystietolomake 7, niillä on usein omilla sivustoillaan ohjeet Javascript-koodin lisäämisestä.

Yhteenveto

Javascriptin lisääminen Elementor-verkkosivustollesi saattaa tuntua pelottavalta tehtävältä, mutta tämän oppaan avulla se on helppo tehdä. Olitpa lisäämässä mukautettuja seurantakoodeja tai ponnahdusikkunoita, Elementorin avulla voit tehdä sen helposti. Pienellä harjoittelulla sinusta tulee ammattilainen hetkessä. Älä siis epäröi lisätä mukautettua Javascript-koodia Elementor-verkkosivustollesi ja tutkia sen tuomia mahdollisuuksia.