Om du skapar din webbplats med Elementor kan du stöta på en situation där du behöver lägga till lite Javascript-kod på din webbplats. Oavsett om det är för spårningsändamål, animationer, popup-fönster eller något annat, kräver det lite kunskap för att få det att fungera korrekt. Var inte rädd, för i det här blogginlägget kommer vi att dela en steg-för-steg-guide om hur du lägger till Javascript på din Elementor-webbplats.
Steg 1: Öppna sidbyggaren
Börja med att öppna sidbyggaren och välja sidan du vill lägga till Javascript på. När du är på redigeringsgränssnittet klickar du på knappen "Redigera med Elementor" i det övre fältet. Detta öppnar Elementor-gränssnittet där du ser de olika elementen/widgets som är tillgängliga för dig. Hitta avsnittet på din sida där du vill lägga till Javascript och klicka på det för att välja det.
Steg 2: Lägg till ett anpassat HTML-element
För att lägga till din Javascript-kod måste du lägga till en Custom HTML Element-widget i avsnittet. Hitta avsnittet "Grundläggande" i Elementor-widgetmenyn till vänster och scrolla nedåt för att hitta den anpassade HTML-elementwidgeten. Dra och släpp det helt enkelt till avsnittet på din sida som du valde tidigare.
Steg 3: Lägg till din Javascript-kod
Med din anpassade HTML-widget på plats kan du börja lägga till din Javascript-kod. Klicka på widgeten för att öppna redigeringsgränssnittet och klistra in din kod i textrutan "Redigera anpassad HTML". Klicka sedan på "Uppdatera" för att spara den.
Steg 4: Förhandsgranska dina ändringar
När du har lagt till koden, förhandsgranska dina ändringar för att se till att allt visas korrekt. Om det finns några problem med koden kommer du att märka dem här och kan gå tillbaka till de tidigare stegen för att göra nödvändiga ändringar.
Steg 5: Testa din Javascript-kod
Testa din kod kommer att säkerställa att allt fungerar korrekt. För att testa, navigera helt enkelt på din webbplats och kontrollera om Javascript fungerar som förväntat. Om du använder några externa bibliotek som Google Analytics eller ett plugin som Contact Form 7, har de ofta dokumentation på sina respektive webbplatser om hur man lägger till sin Javascript-kod.
Slutsats
Att lägga till Javascript på din Elementor-webbplats kan verka som en skrämmande uppgift, men med den här guiden är det lätt att göra. Oavsett om du lägger till anpassade spårningskoder eller popup-fönster låter Elementor dig göra det med lätthet. Med lite övning blir du ett proffs på nolltid. Så tveka inte att lägga till någon anpassad Javascript-kod till din Elementor-webbplats och utforska möjligheterna som kommer med den.