Laatst bijgewerkt: 24 februari 2026
Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:
Maak en voeg JavaScript-bestanden toe in de Design Manager om de functionaliteit van je HubSpot-hosted content aan te passen. Maak een JavaScript-bestand, koppel het aan een sjabloon of voeg het toe aan een heel domein of aan afzonderlijke pagina's.
Gebruik een JavaScript-bestand bijvoorbeeld om interactieve elementen toe te voegen, scripts van derden te integreren of paginagedrag aan te passen dat verder gaat dan standaardmodules.
Voordat u aan de slag gaat
Bekijk de volgende vereisten en overwegingen voordat u met JavaScript-bestanden gaat werken.
Machtigingen vereist De volgende rechten zijn vereist:
-
Toestemming voor ontwerptools is vereist om JavaScript-bestanden in de Ontwerpmanager te maken en te bewerken.
- Website-instellingen toestemming is vereist om JavaScript-bestanden aan een domein toe te voegen.
- Toestemming voor bewerken en publiceren is vereist om JavaScript-bestanden aan een individuele pagina toe te voegen.
Begrijp beperkingen en overwegingen
- Het publiceren van wijzigingen zorgt ervoor dat updates direct live worden toegepast op gekoppelde sjablonen of pagina's.
- JavaScript toevoegen op domeinniveau past het script toe op alle HubSpot-pagina's op dat domein.
Maak een JavaScript-bestand
- Ga in je HubSpot-account naar Inhoud > Design Manager.
- Klik in de zoeker op het vervolgkeuzemenu Bestand en selecteer Nieuw bestand.
- Klik in het dialoogvenster op het vervolgkeuzemenu Wat wilt u vandaag bouwen en selecteer JavaScript. Klik vervolgens op Volgende.
- Voer in het veld Bestandsnaam een naam in voor uw JavaScript-bestand.
- Om de bestandslocatie bij te werken, klikt u in het gedeelte Bestandslocatie op Wijzigen en selecteert u de map waaraan u het bestand wilt toevoegen.
- Klik op Maken.
- Voer uw JavaScript in de code-editor in.
- Als u ESLint hebt ingeschakeld, kunt u eventuele JavaScript-waarschuwingen of -fouten bekijken door de schakelaar Uitvoer weergeven in te schakelen.
-
Klik op Wijzigingen publiceren in de rechterbovenhoek als je klaar bent.
Voeg een JavaScript-bestand toe aan een sjabloon voor slepen en neerzetten
- Ga in je HubSpot-account naar Inhoud > Design Manager.
- Klik in de zoeker op het sjabloon dat u wilt bijwerken.
- Klik in de inspecteur aan de rechterkant op het tabblad Bewerken.
- Klik in het gedeelte Gekoppelde JavaScript-bestanden op het vervolgkeuzemenu Toevoegen en selecteer uw JavaScript-bestand.
- Als u klaar bent, klikt u rechtsboven op Wijzigingen publiceren.
Voeg een JavaScript-bestand toe aan een gecodeerd sjabloon
- Ga in je HubSpot-account naar Inhoud > Design Manager.
- Klik in de zoeker op de sjabloon die u wilt bijwerken.
- Voer in de code-editor de functie require_js HubL in. Leer meer over het gebruik van de functie require_js HubL.
Een JavaScript-bestand toevoegen aan HubSpot-pagina's
Voeg een JavaScript-bestand toe aan alle pagina's van een HubSpot-domein of aan afzonderlijke pagina's door de openbare URL te gebruiken.
Open de openbare URL van een JavaScript-bestand
- Ga in je HubSpot-account naar Inhoud > Design Manager.
- Klik in de zoeker op de naam van het JavaScript-bestand. Klik vervolgens op het vervolgkeuzemenu Acties en selecteer Openbare URL kopiëren.
Een JavaScript-bestand toevoegen aan alle pagina's op een domein
- Klik in je HubSpot-account op het instellingen-pictogram in de bovenste navigatiebalk.
- Navigeer in het menu aan de linkerkant naar Inhoud > Pagina's.
- Klik op het vervolgkeuzemenu Kies een domein om de instellingen te bewerken en selecteer het domein waaraan u het JavaScript-bestand wilt toevoegen. Als u het JavaScript-bestand wilt toepassen op alle verbonden domeinen, selecteert u Standaardinstellingen voor alle domeinen.
- Plak in het gedeelte Site footer HTML de openbare URL als waarde voor de bron van de scripttag:
<!-- start example.js Do Not Remove --><script src='insert your file's public URL here'></script><!---End example.js-->
- Als je klaar bent, klik je linksonder op Opslaan .
Een JavaScript-bestand toevoegen aan een individuele pagina
Let op: geavanceerde instellingen zijn niet beschikbaar in startsjablonen.
- Navigeer naar uw inhoud:
- Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
- Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
- Klik op de naam van uw pagina.
- Klik in de inhoudseditor op het menu Instellingen en selecteer Geavanceerd.
- Plak in het gedeelte Footer HTML van het dialoogvenster de openbare URL als waarde voor de bron van de scripttag:
<!-- start example.js Do Not Remove --><script src='insert your file's public URL here'></script><!---End example.js-->
- Als u klaar bent, klikt u rechtsboven op Publiceren of Bijwerken.
