Naar de hoofdinhoud
Alle collectiesInstellingenTechniek
Custom scripts op jouw Phoenix website
Custom scripts op jouw Phoenix website

Lees hier hoe je met een custom script of iframe code een externe tool kan koppelen aan je Phoenix website!

Kim Kunstman avatar
Geschreven door Kim Kunstman
Meer dan 5 maanden geleden bijgewerkt

Wil je een script toevoegen van een bepaalde functie die niet standaard in Phoenix zit? Bijvoorbeeld een chatfunctie of een tool om afspraken in te plannen? Dat kan! Er zijn diverse methodes om een custom script toe te voegen.

Let op: Het gebruik van custom scripts is altijd op eigen risico. Wij zijn niet verantwoordelijk voor de gevolgen hiervan.


1. Scripts toevoegen aan de gehele website

Deze methode gebruik je wanneer je een script websitebreed op elke pagina wil inladen.

Ga naar Instellingen > Scripts > Script Toevoegen.

Je krijgt dan de volgende pop-up te zien:

A) In de pop-up geef je het script (voor jezelf) een herkenbare naam.

B) Je kunt ervoor kiezen om het script in de <head> tag van je website plaatsen of in de <body> van je website. Raadpleeg de bron waar je het script vandaan haalt wat de beste optie is.

C) Geef dan aan of het script onder functioneel, statistisch of marketing valt.
D) Plaats het script op de plek van de tekst <script> // your code here </script>.

Sla het script op door opnieuw op Add custom script te klikken. Ga vervolgens terug naar het overzicht van de scripts en zet het script actief door het schuifje aan te zetten.

💡Tip: Vernieuw na het toevoegen van een sitewide script altijd nog even de cache van de website.


2. Scripts toevoegen aan een pagina of artikel

Scripts toevoegen aan een pagina

Deze methode gebruik je als je een script wil plaatsen die alleen voor een specifieke pagina geldt. Dit doe je als volgt:

Open de pagina via Content > Pagina's > Desbetreffende pagina.

Ga in de pagebuilder bovenin naar het tabblad instellingen (tandwiel).

Klik in de linkerbalk op het kopje Custom Scripts en dan op de blauwe knop Add Script.

A) In de pop-up geef je het script (voor jezelf) een herkenbare naam.

B) Je kunt ervoor kiezen om het script in de <head> tag van je website plaatsen of in de <body> van je website. Raadpleeg de bron waar je het script vandaan haalt wat de beste optie is.

C) Geef dan aan of het script onder functioneel, statistisch of marketing valt.
D) Klik op het slotje en accepteer de rode waarschuwing (alleen als je het script vertrouwt) en plaats het script in het grijze vlak.

Sla het script op door opnieuw op Save te klikken. En sla vervolgende de pagina op door rechts op het groene Vinkje te klikken:


Scripts toevoegen aan een blog of kennisbank artikel of categorie

Om een script toe te voegen aan een blog artikel of categorie open je de blog builder via Content > Blogs.
Open vervolgens het artikel of de categorie. Onder het content veld kun je het script toevoegen met Add script.

A) In de pop-up geef je het script (voor jezelf) een herkenbare naam.

B) Je kunt ervoor kiezen om het script in de <head> tag van je website plaatsen of in de <body> van je website. Raadpleeg de bron waar je het script vandaan haalt wat de beste optie is.

C) Geef dan aan of het script onder functioneel, statistisch of marketing valt.
D) Klik op het slotje en accepteer de rode waarschuwing (alleen als je het script vertrouwt) en plaats het script in het grijze vlak.

Sla het script op door opnieuw op Save te klikken. En sla vervolgende de pagina op door rechts op het groene "vinkje" te klikken:


3. Scripts toevoegen aan een unit

Als je op een bepaalde pagina een specifiek formulier of tool wil tonen, dan kan je het beste gebruik maken van een Pure Content Unit. Dit doe je als volgt:

Ga naar Content > Pagina's naar de Desbetreffende pagina en open de Pagebuilder. Voeg een Pure Content Unit toe aan de pagina.

Plaats vervolgens de scriptcode in het tekstveld van de Pure Content Unit en sla het script op.

Indien het script niet goed werkt kan je de scriptcode ook toevoegen via een HTML. Dit doe je als volgt:

Klik in het tekstveld op het + teken in de toolbar en ga naar het tabblad HTML. Voeg de code toe aan in het grijze vlak en sla het script op.


Voorbeelden van Custom Scripts

Custom scripts kun je voor veel doeleinden gebruiken. Wil je bijvoorbeeld je podcast-afleveringen inladen? Of een kalender op een pagina? Of misschien wel een chatfunctie op je gehele website? We hebben een aantal van de meest gebruikte mogelijkheden voor je op een rijtje gezet en via welke methode je deze kunt toevoegen.

Google Tag Manager / Search Console / site verificatie toevoegen

Dit zijn functionele scrips voor het verifiëren van de website of het volgen van het gedrag van je bezoeker. Deze voeg je voornamelijk in een keer toe aan de gehele website.

Live Chat toevoegen

Wil je jouw bezoekers de mogelijkheid bieden om direct via je website een chatbericht te sturen? Je kan er voor kiezen om de chat op elke pagina van jouw website te tonen, of op een specifieke pagina.

Agenda toevoegen

Ben je op zoek naar een boekingsmodule waarmee iemand een afspraak kan inplannen in jouw agenda? Deze toon je meestal op een specifiek deel van een pagina.

Overige voorbeelden

  • TypeForm
    TypeForm is een tool waarmee je gepersonaliseerde formulieren kunt aanbieden. Naast onze eigen Phoenix form builder gebruiken we TypeForm regelmatig voor speciale cases. Bijvoorbeeld voor het werven van sollicitanten of voor het uitvragen van leads.

  • Spotify
    Heb je een eigen podcast en wil je deze embedden op je website? Dat kan! Via de website van Spotify kan je de embedcode van je podcast ophalen. Deze code kan je vervolgens plaatsen via de simple content unit.

  • EmbedSocial
    Met deze tool kan je social media berichten en testimonials dynamisch tonen op je website. Heb je bijvoorbeeld een nieuwe review binnengekregen via Google? Met EmbedSocial kan je deze direct op je website vertonen!


Custom scripts uitzetten

Heb je een script toegevoegd en wil je stoppen om deze te gebruiken?

Bij de site-wide scripts kun je het script net met schuifje inactief zetten.

Voor de scripts die zijn toegevoegd via de andere methodes kun je het script niet uitzetten maar moet je deze verwijderen. Klik naast het script op de prullenbak om deze te verwijderen.


Troubleshooting

Werkt je website of je pagina niet naar behoren? Wellicht komt dit door een script wat je hebt gebruikt. Om dit uit te sluiten kun je alle scripts in één keer deactiveren.


Ga hiervoor naar Instellingen > Scripts en klik rechtsboven op 'pauzeer actieve scripts' en nogmaals in de pop-up die wordt getoond.

Werkt de website weer naar behoren? Dan komt het issue dus door een script die je hebt gebruikt.

Was dit een antwoord op uw vraag?