Senast uppdaterad: 24 februari 2026
Tillgänglig med något av följande abonnemang, om inte annat anges:
Skapa och lägg till JavaScript-filer i Design Manager för att anpassa funktionaliteten i ditt HubSpot-hostade innehåll. Skapa en JavaScript-fil, bifoga den till en mall eller lägg till den i en hel domän eller på enskilda sidor.
Du kan till exempel använda en JavaScript-fil för att lägga till interaktiva element, integrera skript från tredje part eller anpassa sidbeteendet utöver standardmoduler.
Innan du sätter igång
Innan du arbetar med JavaScript-filer bör du granska följande krav och överväganden.
Behörigheter krävs Följande behörigheter krävs:
-
Behörighet fördesignverktyg krävs för att skapa och redigera JavaScript-filer i Design Manager.
- Behörighet förwebbplatsinställningar krävs för att lägga till JavaScript-filer i en domän.
- Behörighet förredigering och publicering krävs för att lägga till JavaScript-filer på en enskild sida.
Förstå begränsningar och överväganden
- När du publicerar ändringar visas uppdateringarna omedelbart på associerade mallar eller sidor.
- Om du lägger till JavaScript på domännivå tillämpas skriptet på alla HubSpot-hostade sidor på den domänen.
Skapa en JavaScript-fil
- I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
- I sökaren klickar du på rullgardinsmenyn Fil och väljer Ny fil.
- I dialogrutan klickar du på rullgardinsmenyn Vad vill du bygga idag? och väljer JavaScript. Klicka sedan på Nästa.
- I fältet Filnamn anger du ett namn för din JavaScript-fil.
- Om du vill uppdatera filens plats klickar du på Ändra i avsnittet Filens plats och väljer den mapp som filen ska läggas till i.
- Klicka på Skapa.
- Skriv in ditt JavaScript i kodredigeraren.
- Om du har aktiverat ESLint kan du visa eventuella JavaScript-varningar eller -fel genom att slå på knappen Show output .
-
När du är klar klickar du på Publicera ändringar längst upp till höger.
Bifoga en JavaScript-fil till en dra-och-släpp-mall
- I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
- Klicka på den mall som du vill uppdatera i sökaren.
- Klicka på fliken Redigera i inspektören till höger.
- I avsnittet Länkade JavaScript-filer klickar du på rullgardinsmenyn Lägg till och väljer din JavaScript-fil.
- När du är klar klickar du på Publicera ändringar längst upp till höger.
Bifoga en JavaScript-fil till en kodad mall
- I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
- Klicka på den mall som du vill uppdatera i sökaren.
- I kodredigeraren anger du HubL-funktionen require_js. Läs mer om hur du använder HubL-funktionen require_js.
Lägg till en JavaScript-fil på HubSpot-sidor
Lägg till en JavaScript-fil på alla sidor i en HubSpot-hostad domän, eller på enskilda sidor med hjälp av den offentliga URL:en.
Få åtkomst till en JavaScript-fils offentliga URL
- I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
- Klicka på namnet på JavaScript-filen i sökaren. Klicka sedan på rullgardinsmenyn Åtgärder och välj Kopiera publik URL.
Lägga till en JavaScript-fil på alla sidor på en domän
- I ditt HubSpot-konto klickar du på inställningsikonen i det övre navigeringsfältet.
- Navigera till Innehåll > Sidor i menyn till vänster i sidofältet.
- Klicka på rullgardinsmenyn Välj en domän för att redigera dess inställningar och välj den domän som JavaScript-filen ska läggas till i. Om du vill att JavaScript-filen ska gälla för alla anslutna domäner väljer du Standardinställningar för alla domäner.
- I avsnittet HTML för sidfot på webbplatsen klistrar du in den offentliga URL:en som värde för skripttaggens källa:
<!-- start example.js Do Not Remove --><script src='insert your file's public URL here'></script><!---End example.js-->
- När du är klar klickar du på Spara längst ned till vänster.
Lägga till en JavaScript-fil på en enskild sida
Observera: avancerade inställningar är inte tillgängliga i startmallar.
- Navigera till ditt innehåll:
- Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
- Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
- Klicka på namnet på din sida.
- I innehållsredigeraren klickar du på menyn Inställningar och väljer Avancerat.
- I avsnittet HTML för sidfot i dialogrutan klistrar du in den offentliga URL:en som värde för skripttaggens källa:
<!-- start example.js Do Not Remove --><script src='insert your file's public URL here'></script><!---End example.js-->
- När du är klar klickar du på Publicera eller Uppdatera längst upp till höger.
