# Customize modal error e label

**URL:** <https://devforum.zoom.us/t/customize-modal-error-e-label/12816>\
**Category:** Web\
**Created:** [April 12, 2020, 8:38pm UTC](https://devforum.zoom.us/t/customize-modal-error-e-label/12816 "2020-04-12T20:38:05Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![zoom11](https://avatars.discourse-cdn.com/v4/letter/z/b5e925/32.png) [@zoom11](https://devforum.zoom.us/u/zoom11)\
**Post date:** [April 12, 2020, 8:38pm UTC](https://devforum.zoom.us/t/customize-modal-error-e-label/12816/1 "2020-04-12T20:38:05Z")

</div>

good evening! i am trying to integrate zoom websdk into my web page. I wanted to ask: can I customize this modal

 ![Schermata 2020-04-12 alle 22.23.17](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/b/b6be5ce728121f52cf00cc816f7ee7ed4864e8f9.png)

and in any case the other labels on the buttons when you are inside the meeting or in any case remove for example things that I don’t need like the “phone call” option before joining.

thanks for your great help and sorry for my english  
Giuseppe

---

<div class="post-metadata">

**Author:** ![michael\_p.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/michael_p.zoom/32/18105_2.png) [@michael\_p.zoom](https://devforum.zoom.us/u/michael_p.zoom)\
**Post date:** [April 13, 2020, 2:30am UTC](https://devforum.zoom.us/t/customize-modal-error-e-label/12816/2 "2020-04-13T02:30:10Z")

</div>

Hi @zoom11,

Is this meeting number a PMI number? If so, users are not allowed to join the meeting until the host does, hence the error. If that’s not the issue could you provide me the meeting number?

---

<div class="post-metadata">

**Author:** ![zoom11](https://avatars.discourse-cdn.com/v4/letter/z/b5e925/32.png) [@zoom11](https://devforum.zoom.us/u/zoom11)\
**Post date:** [April 13, 2020, 9:38am UTC](https://devforum.zoom.us/t/customize-modal-error-e-label/12816/3 "2020-04-13T09:38:55Z")

</div>

Hi Michael the integration works perfectly, I just want to customize the modal if the meeting hasn’t started yet.  
My question was whether it is possible to customize labels on buttons or messages like this modal  
or add a new language like Italian.

thank you so much

---

<div class="post-metadata">

**Author:** ![anton.skvortsov](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/anton.skvortsov/32/5370_2.png) [@anton.skvortsov](https://devforum.zoom.us/u/anton.skvortsov)\
**Post date:** [April 13, 2020, 3:31pm UTC](https://devforum.zoom.us/t/customize-modal-error-e-label/12816/4 "2020-04-13T15:31:12Z")

</div>

+1 on this. Can these modal dialogs be customized?

---

<div class="post-metadata">

**Author:** ![anton.skvortsov](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/anton.skvortsov/32/5370_2.png) [@anton.skvortsov](https://devforum.zoom.us/u/anton.skvortsov)\
**Post date:** [April 13, 2020, 3:47pm UTC](https://devforum.zoom.us/t/customize-modal-error-e-label/12816/5 "2020-04-13T15:47:35Z")

</div>

I think i found a potential solution in the reference here: [https://marketplace.zoom.us/docs/sdk/sdk-reference/web-reference](https://marketplace.zoom.us/docs/sdk/sdk-reference/web-reference)

If you pass “ **isShowJoiningErrorDialog: false** ” to .init() function, you should be able to disable default ones. Then you can create your own custom modal windows from .init() and .join() error handlers.

Haven’t tested it yet, but i’m going to try that today.

---

<div class="post-metadata">

**Author:** ![zoom11](https://avatars.discourse-cdn.com/v4/letter/z/b5e925/32.png) [@zoom11](https://devforum.zoom.us/u/zoom11)\
**Post date:** [April 13, 2020, 3:54pm UTC](https://devforum.zoom.us/t/customize-modal-error-e-label/12816/6 "2020-04-13T15:54:58Z")

</div>

it would be a good solution !!! let me know if it works!  
thank you so much

---

<div class="post-metadata">

**Author:** ![anton.skvortsov](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/anton.skvortsov/32/5370_2.png) [@anton.skvortsov](https://devforum.zoom.us/u/anton.skvortsov)\
**Post date:** [April 14, 2020, 1:44am UTC](https://devforum.zoom.us/t/customize-modal-error-e-label/12816/7 "2020-04-14T01:44:22Z")

</div>

Yepp, it works exactly as I suspected, so you should be good to go. Just disable error dialogs and create your own inside “error: function(res) {}” blocks.

---

<div class="post-metadata">

**Author:** ![zoom11](https://avatars.discourse-cdn.com/v4/letter/z/b5e925/32.png) [@zoom11](https://devforum.zoom.us/u/zoom11)\
**Post date:** [April 14, 2020, 8:11am UTC](https://devforum.zoom.us/t/customize-modal-error-e-label/12816/8 "2020-04-14T08:11:27Z")

</div>

Hi antov,  
can you please explain to me how did you do it doesn’t work … if i put isShowJoiningErrorDialog: false, it doesn’t return me any error. thank you so much

```
 isShowJoiningErrorDialog: false,
 meetingNumber: '<?php echo $meetingNumber; ?>',
 userName: '<?php echo $username; ?>',
 signature: '<?php echo generate_signature(API_KEY, API_SECRET,, 0);?>',
 apiKey: API_KEY,
```

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [April 15, 2020, 5:52am UTC](https://devforum.zoom.us/t/customize-modal-error-e-label/12816/9 "2020-04-15T05:52:51Z")

</div>

Hey @zoom11, @anton.skvortsov,

The Web SDK can’t be easily customized, you can do what @anton.skvortsov suggested or use CSS.

There will be a more customizable Web SDK in the future.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![anton.skvortsov](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/anton.skvortsov/32/5370_2.png) [@anton.skvortsov](https://devforum.zoom.us/u/anton.skvortsov)\
**Post date:** [April 15, 2020, 3:37pm UTC](https://devforum.zoom.us/t/customize-modal-error-e-label/12816/10 "2020-04-15T15:37:39Z")

</div>

Like this

```
ZoomMtg.init({
        leaveUrl: 'http://www.zoom.us',
        isSupportAV: true,
        isShowJoiningErrorDialog: false,
        success: function () {
            ZoomMtg.join(
                {
                    meetingNumber: MEETING NUMBER,
                    userName: NAME,
                    signature: SIGNATURE,
                    apiKey: APIKEY,
                    passWord: PASSWORD,
                    success: function(res){
                        console.log('join meeting success');
                    },
                    error: function(res) {
                        console.log(res);
                        if(res.errorCode === 3008) /* Meeting Not Started */
                        {
                            alert("Meeting has not started, are you here too early?");
                        }
                        else if(res.errorCode === 3004) /* Meeting password invalid */
                        {
                           alert("Whupps, wrong meeting password");
                        }
                        else /* everything else */
                        {
                           alert("Just failed to join, contact admin for help");
                        }
                    }
                }
            );
        },
        error: function(res) {
            console.log(res);
            alert("WebSDK has failed to initialize, redirecting to zoom.us");
            window.location = "https://zoom.us/j/MEETING_NUMBER";
        }
    });
```

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [April 16, 2020, 9:32pm UTC](https://devforum.zoom.us/t/customize-modal-error-e-label/12816/11 "2020-04-16T21:32:14Z")

</div>

Thanks for sharing this @anton.skvortsov! 🙂

-Tommy

---

<div class="post-metadata">

**Author:** ![DeveloperBot](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/developerbot/32/12632_2.png) [@DeveloperBot](https://devforum.zoom.us/u/DeveloperBot)\
**Post date:** [August 21, 2020, 8:28pm UTC](https://devforum.zoom.us/t/customize-modal-error-e-label/12816/12 "2020-08-21T20:28:25Z")

</div>

Closed on August 21, 2020, 8:28pm UTC


