> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.poool.fr/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Boutons personnalisés: déclencher vos actions grâce à l’événement customButtonClick

# Comment ça marche?

Lorsque vous créez votre bouton dans une apparence avancée, si vous choisissez de déclencher un événement comme ceci:

[![](https://storage.crisp.chat/users/helpdesk/website/-/e/0/e/8/e0e86b2f19074800/3e5a7891-280e-424f-97d0-ca2c22_whvqox.png)](https://poool-f1bd4fc329f8.intercom-attachments-7.com/i/o/814481797/555e0fc7fafb3020fe8919a4/yLeqAxVT7TrLt50APMhN7q6MXBEk7anF8sHTOiyb3cPmLcZgwEQLT8MZhlrpRxBsL2g_mawHtu3s31G_d6IQi7de3uqFed0Cr__uYEjtYQmb2UH5aPqoHSl7ayurQ_aLEDj5C2qBzDJ6uxC4SDJWurc?expires=1773414000&signature=bab79d9d57b334bcfbf5a56eee5a468458487d3a4f732f7cb95b24752cfe85d9&req=fCEjEsF%2FmohYFb4f3HP0gFZNn5z%2BP450sXfJamViDVsciOKpI7Q8lCutjAge%0ArB%2BENFEQ4Je8tfvMxQ%3D%3D%0A)

L'événement **customButtonClick** se déclenche au clic sur ce bouton.

Ainsi vous pourrez vous appuyer sur celui-ci pour déclencher l’action de votre choix. Cela peut-être l’affichage d’une modale ou bien le fait de s’abonner avec Google (comme décrit dans cet [article](https://help.poool.fr/fr/article/comment-activer-la-possibilite-de-sabonner-avec-google-dans-mon-paywall-13npjsa/)).

Au niveau du code, cela donne ça:

```
access.on('customButtonClick', () => {  
    { /* déclenchement de votre événement */ }  
  }  
)
```

# Dois-je donner obligatoirement un nom à l’événement que je veux déclencher?

Non, ce n'est pas obligatoire.

Poool vous donne la possibilité de préciser le nom de l’événement dans les options du bouton ici:

[![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/8/e/b48e01ba2f760000/fef5f597-818f-4de3-a307-c8fa74_tn7b05.png)](https://poool-f1bd4fc329f8.intercom-attachments-7.com/i/o/814481807/0407ffb3a1f287410928ee3f/41jvhQGsgKrg3YfCg7JXvAFmM29Q-4lbCB2yNI8WnmRnCcR2HHz-_i5R_ZLHlyfXH_eHGmap_XYuU16ZajbgQ9-ww4p4aUNWPoW_PY0LX4HZ-lQxUTydSrbpZN9wwDVvbLu1U9iHT_mVEd5rNB4p8L8?expires=1773414000&signature=ad05d25b18854958e6f49af1599a246ae4535236db9c7df31c0afa35995097e9&req=fCEjEsF%2FlYFYFb4f3HP0gKYjnywptmy2ROr5TNooI%2B%2B0b%2BIq6SLGfEGSjOwK%0ADnPLRWnoyGBgnqlEUA%3D%3D%0A)

Cependant cela est facultatif car c’est l’événement **customButtonClick** qui se déclenche. Le fait de nommer votre événement, vous permettra éventuellement de différencier deux boutons personnalisés présents sur la même apparence.

Au niveau du code, cela donne ça:

```
access.on('customButtonClick', e => {  
  if (e.name === 'le_nom_de_votre_evenement')  
    { /* déclenchement de votre événement */ }  
  }  
)
```

Vous retrouverez dans notre doc technique les informations concernant l'événement JS **customButtonClick** 👉 [ici](https://www.poool.dev/fr/docs/access/javascript/events#custombuttonclick).

Des doutes, des questions ? N'hésitez pas à nous contacter via le chat !

[Accéder au Dashboard](https://dashboard.poool.fr/)