Query Selector handmatig selecteren

De automatische Query selector is vaak erg foutgevoelig, omdat deze erg specifiek is. Bij elk kleine wijziging op de website kan het voorkomen dat deze niet meer werkt. In dat geval is het beste om de Query handmatig te selecteren. Dit doe je als volgt:

  1. Druk op het toetsenbord op ‘F12’ om Devtools te openen:

     

  2. Klik op dit icoon:

     

  3. Houd de muis over het gewenste element waar je de personalisatie wilt tonen:

     

  4. Neem de naam van het element over:

     

  5. Vul deze naam in de Query Selector:

     

  6. De personalisatie zou nu getoond moeten worden.

Wanneer een element meermaals voorkomt, zal de personalisatie elk gevonden element vervangen. Voor de meeste use cases is het aan te raden een uniek element te selecteren wat maar een keer aanwezig is.