How do I add custom button functionality

I want to add a custom button when … is clicked. On clicking the button I want to display a form that can be submitted to an external api.

Any help is appreciated.

It’s almost here…

1 Like

Thx Jose … will check it out.

Hi @Jose_Luis_Andrade,

I checked the demo link (which is but I couldn’t see any custom buttom. Was it removed?

FYI, if you want to validate user while submitting to an external API, check access_token module.

It creates a token for third-parties if the user is an active participant of a meeting room.

1 Like

Try it like this

<script src=""></script>
            var domain = "";
            var options = {
                roomName: "Jitsi.Meet.API.Test",
                width: '100%',
                height: '100%',
                parentNode: undefined,
                configOverwrite: {
                customToolbarButtons: [
                    icon: '',
                    id: 'abcd',
                    text: 'TEST'
                interfaceConfigOverwrite: {}
            var api = new JitsiMeetExternalAPI(domain, options);
            api.addListener( 'toolbarButtonClicked', (data) => {"/", "_blank"); } );

It works with but does not work wit my server or even with Jitsi meet server.
If we add custom button in config file it works. But does not work with iframe API.
Tested with latest jitsi.