Aangepaste code toevoegen aan Instant Site
Met aangepaste code kunt u het eigendom van Instant Site verifiëren en een grote verscheidenheid aan nieuwe elementen en inhoud, zoals chat- of contactformulierwidgets, toevoegen aan uw website. U kunt op deze manier ook diensten van derden (bijvoorbeeld boekingen) integreren met Instant Site.
Er zijn twee plaatsen op Instant Site waar u code kunt toevoegen: de koptekstsectie en de hoofdtekstsectie. U kunt ook specifieke secties met aangepaste code toevoegen aan afzonderlijke pagina's van Instant Site.
Kiezen waar u code wilt toevoegen
Door de code toe te voegen in de kop- of hoofdtekst van de Instant Site, kunt u de code toepassen op alle sitepagina's. Door code te plakken in een sectie van de Instant Site, kunt u aangepaste code toevoegen aan een bepaalde pagina van de site op de plaats waar deze sectie hoort te staan.
Bij de keuze tussen de koptekst en de hoofdtekst van Instant Site als plaats om uw aangepaste code toe te voegen, moet u rekening houden met de code zelf en uw gebruikssituatie.
In het algemeen wordt aanbevolen JavaScript in de hooftekst van de site te implementeren, omdat dit beter is voor de paginasnelheid. Er zijn echter situaties (bijooorbeeld verificatie van domeineigendom) waarin uw code moet worden toegevoegd aan de koptekstsectie.
Lees de instructies voor de code/widget van derden die u wilt toevoegen aan uw Instant Site voor tips over waar u dit specifieke stuk code het beste kunt toevoegen.
Code toevoegen aan de koptekstsectie van uw Instant Site
Het toevoegen van code aan de Instant Site-koptekst is uw optie als u uw site of domeineigendom wilt verifiëren (bijvoorbeeld wanneer u verkoopt of adverteert op Facebook). U kunt meerdere codes toevoegen aan de koptekstsectie.
Aangepaste code toevoegen aan Instant Site-koptekstsectie:
- Ga in de winkelbeheerder naar Website (of naar Overzicht → Instant Site beheren).
- Scrol omlaag naar de sectie "SEO-instellingen" en klik op Code toevoegen onder Koptekstmetatags en siteverificatie:
- Voer in het weergegeven veld uw code in.
- Sla de wijzigingen op.
Vernieuw de Instant Site-pagina in uw browser om de wijzigingen te zien.
Code toevoegen aan de hoofdtekstsectie van uw Instant Site
Het toevoegen van code in de Instant Site-hoofdtekst is uw optie als u een aangepast script wilt implementeren. U wilt bijvoorbeeld een Zendesk-chatvenster of contactformulierwidget op uw website hebben. U kunt zoveel codes aan de hoofdtekstsectie toevoegen als u nodig heeft.
Aangepaste code toevoegen aan Instant Site-hoofdtekstsectie:
- Ga in de winkelbeheerder naar Website (of naar Overzicht → Instant Site beheren).
- Scrol omlaag naar de sectie "Geavanceerde website-instellingen" en klik op Code toevoegen onder Aangepaste JavaScript-code:
- Voer in het weergegeven veld uw code in (niet langer dan 4000 symbolen).
- Sla de wijzigingen op.
Vernieuw de Instant Site-pagina in uw browser om de wijzigingen te zien.
Sectie met aangepaste code toevoegen aan afzonderlijke sitepagina's
U kunt een specifieke sitesectie met aangepaste code (HTML, CSS of JavaScript) toevoegen aan elke pagina van Instant Site. Bijvoorbeeld als u een Google Agenda-widget op uw startpagina nodig heeft zodat klanten uw muzieklessen kunnen boeken, of als u shoppers een 3D-weergave van uw fysieke winkel wilt laten zien op de Contactpagina.
Een sitesectie met aangepaste code toevoegen:
- Ga in de winkelbeheerder naar Website → Site aanpassen.
- (als u meerdere pagina's aan uw site heeft toegevoegd) Kies linksboven in de vervolgkeuzelijst bij Pagina: Startpagina de pagina waar u uw code wilt toevoegen.
- Klik op Sectie toevoegen en scroll naar beneden naar Geavanceerde oplossingen.
- Klik in het blok Insluiten en aangepaste code op Aangepaste codesectie toevoegen:
- Plak de code in het veld.
- Klik op Terug en sleep de sectie naar de lijst met secties om de positie op de sitepagina te wijzigen.
- Wanneer u klaar bent met het bewerken van de website, klikt u rechtsboven in de editor op de knop Publiceren.
Dat is alles! U heeft uw aangepaste code toegevoegd aan een Instant Site-sectie op een pagina. Vernieuw de pagina in uw browser om de wijzigingen te zien.