Zoeken

Standaard formulier verbergen met een script in Zendesk Guide

Jordy Veldhuis
Jordy Veldhuis
  • Bijgewerkt

In sommige gevallen wil je misschien een formulier verbergen in het helpcenter van Zendesk Guide, bijvoorbeeld als je een formulier hebt dat alleen intern moet worden gebruikt of niet zichtbaar hoeft te zijn voor alle bezoekers. Met name het standaard formulier kun je op deze manier gemakkelijker onzichtbaar maken. In dit artikel laten we zien hoe je een formulier kunt verbergen met behulp van een simpel script in script.js.

Hieronder volgt een eenvoudig voorbeeld van een script dat je kunt gebruiken om een specifiek formulier te verbergen op basis van het ID van dat formulier.

Stap 1: Formulier-ID vinden

Je moet eerst het unieke ID van het formulier dat je wilt verbergen identificeren. Dit kun je doen door het element te inspecteren in de ontwikkeltools van je browser.

  • Voorbeeld: Stel dat het formulier het ID 28037230173427 heeft.

Stap 2: Script toevoegen aan script.js

Voeg het volgende script toe aan het bestand script.js in je thema:

// Verberg formulier met specifiek ID
var formToRemove = '28037230173427'; // Specifiek formulier ID

function removeSpecificForm() {
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.addedNodes.length) {
$('li#' + formToRemove).remove(); // Verwijder alleen het formulier met dit specifieke ID
}
});
});

// Observeer het juiste DOM-element dat het formulier bevat (controleer of '.nesty-panel' de juiste class is)
var targetNode = document.querySelector('.nesty-panel');
if (targetNode) {
observer.observe(targetNode, { childList: true, subtree: true });
}
}

// Roep de functie aan om het specifieke formulier te verwijderen
removeSpecificForm();

Uitleg van de code:

  • formToRemove: Hier vervang je het formulier-ID 28037230173457 door het ID van het formulier dat je wilt verbergen.
  • MutationObserver: Dit is een efficiënte manier om veranderingen in het DOM te detecteren. Telkens wanneer een nieuw element wordt toegevoegd aan de pagina, controleert het script of het formulier met het opgegeven ID aanwezig is. Zo ja, dan wordt het verwijderd.
  • Observer-instellingen: Het script observeert het targetNode element (in dit geval .nesty-panel) en kijkt naar toegevoegde kinderen. Zorg ervoor dat de geselecteerde class of ID overeenkomt met de structuur van je helpcenter.

Stap 3: Opslaan en publiceren

Nadat je het script hebt toegevoegd, sla je de wijzigingen op en publiceer je je thema. Het formulier zou nu onzichtbaar moeten zijn op je helpcenterpagina.

Veelvoorkomende problemen oplossen

  • Het formulier verschijnt nog steeds: Controleer of je het juiste formulier-ID hebt gebruikt. Dit kun je doen door de pagina te inspecteren met de ontwikkeltools van je browser en het ID van het formulier te vinden.
  • De structuur van het helpcenter is veranderd: Als het element dat je observeert niet meer bestaat of de class .nesty-panel is gewijzigd, moet je dit aanpassen in het script zodat het overeenkomt met de huidige HTML-structuur.