# WebSDK Join Meeting Button add to Website

**URL:** <https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795>\
**Category:** API and Webhooks\
**Created:** [March 3, 2021, 7:41pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795 "2021-03-03T19:41:43Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![kantarci.u](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/kantarci.u/32/23991_2.png) [@kantarci.u](https://devforum.zoom.us/u/kantarci.u)\
**Post date:** [March 3, 2021, 7:41pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/1 "2021-03-03T19:41:44Z")

</div>

Hello All,

I want to implement a Join Meeting Button on my Website and redirect it to a new Site where Meeting is Opening.  
Same like the sample App here:  
[Zoom WebSDK - Documentation](https://zoom.github.io/sample-app-web/)

I want to Submit the Name, Meeting Number, Password via Post in a Form.

How can i do that? I don’t know much about Javascript and don’t know where to start. Maybe someone can give me a code example. I searched but don’t find something.

Thanks for your help

---

<div class="post-metadata">

**Author:** ![will.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/will.zoom/32/14417_2.png) [@will.zoom](https://devforum.zoom.us/u/will.zoom)\
**Post date:** [March 4, 2021, 4:07pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/2 "2021-03-04T16:07:30Z")

</div>

Hi @kantarci.u,

Good question, and happy to help.

To that end, if you want to add a button to your site for someone to join a given meeting, you can use the `join_url` format for this.

The following URL will launch a meeting in the Zoom Client:  
`https://zoom.us/j/{meetingId}`

And the following URL will launch a meeting in the web browser:  
`https://zoom.us/wc/{meetingId}/join?prefer=1&un={displayName}`

If you want the participant information to be included automatically when they join a meeting, we recommend enabling registration for your meeting and using the Add Meeting Registrant endpoint:

> **[Add Meeting Registrant - Meetings - Zoom API - API Reference](https://marketplace.zoom.us/docs/api-reference/zoom-api/meetings/meetingregistrantcreate)**
>
> Register a participant for a meeting.
> 
> Prerequisite:
> 
> Host user type must be "Licensed".
> 
> Scopes: meeting:write:admin meeting:write
> Rate Limit Label: L...

This endpoint returns a unique join\_url for each registered participant, which will include details about their name, etc.

Let me know if this helps!  
Will

---

<div class="post-metadata">

**Author:** ![kantarci.u](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/kantarci.u/32/23991_2.png) [@kantarci.u](https://devforum.zoom.us/u/kantarci.u)\
**Post date:** [March 4, 2021, 6:55pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/3 "2021-03-04T18:55:18Z")

</div>

Hi @will.zoom,

Thanks for your answer.  
Maybe i can use a link with all the information. But i want the easiest way for the user.

he should just click the button and join the meeting. All the necessary information is already available and I would give it via the URL or POST. It would work with the API but I don’t know how to do it.

I would even prefer the meeting to start via my page / url

Thank you

---

<div class="post-metadata">

**Author:** ![will.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/will.zoom/32/14417_2.png) [@will.zoom](https://devforum.zoom.us/u/will.zoom)\
**Post date:** [March 5, 2021, 5:02pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/4 "2021-03-05T17:02:16Z")

</div>

Hi @kantarci.u,

The simplest way to achieve this would be to call the GET Meeting API and retrieve the join\_url provided by the API response:

> **[Get a Meeting - Meetings - Zoom API - API Reference](https://marketplace.zoom.us/docs/api-reference/zoom-api/meetings/meeting)**
>
> Retrieve the details of a meeting.
> Scopes: meeting:read:admin meeting:read
> 
> Rate Limit Label: Light
> 
> Authorization
> 
> Request Parameters
> 
> Responses
> 
> Send...

If your button needs to be dynamic for different meetings, however, you’ll need to have logic to update the meeting ID accordingly.

Thanks,  
Will

---

<div class="post-metadata">

**Author:** ![kantarci.u](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/kantarci.u/32/23991_2.png) [@kantarci.u](https://devforum.zoom.us/u/kantarci.u)\
**Post date:** [March 5, 2021, 5:22pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/5 "2021-03-05T17:22:13Z")

</div>

Hello @will.zoom,

to Update the Meeting ID is no Problem via PHP or something else…

The Problem is, i don’t know where to start… Have you an example site for me?

Thanks for your help

---

<div class="post-metadata">

**Author:** ![will.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/will.zoom/32/14417_2.png) [@will.zoom](https://devforum.zoom.us/u/will.zoom)\
**Post date:** [March 5, 2021, 8:44pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/6 "2021-03-05T20:44:23Z")

</div>

Hey @kantarci.u.

I don’t have an example site, but I do have an example of how to fetch a Meeting URL programmatically using PHP 🙂 :

```auto
<?php

$curl = curl_init();

curl_setopt_array($curl, array(
  CURLOPT_URL => "https://api.zoom.us/v2/meetings/{meetingId}",
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_ENCODING => "",
  CURLOPT_MAXREDIRS => 10,
  CURLOPT_TIMEOUT => 30,
  CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
  CURLOPT_CUSTOMREQUEST => "GET",
  CURLOPT_HTTPHEADER => array(
    "authorization: Bearer {token}"
  ),
));

$response = curl_exec($curl);
$err = curl_error($curl);

curl_close($curl);

if ($err) {
  echo "cURL Error #:" . $err;
} else {
  echo $response;
}

```

Let me know if this helps!

Best,  
Will

---

<div class="post-metadata">

**Author:** ![kantarci.u](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/kantarci.u/32/23991_2.png) [@kantarci.u](https://devforum.zoom.us/u/kantarci.u)\
**Post date:** [March 6, 2021, 9:17am UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/7 "2021-03-06T09:17:58Z")

</div>

Hi,

thanks for help.

This works with a Token. But I don’t know this is that what I’m searching for…

I want when the user klick on a button. He joing the Meeting in my page. I don’t want to start the meeting via API.

Is this right?

---

<div class="post-metadata">

**Author:** ![will.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/will.zoom/32/14417_2.png) [@will.zoom](https://devforum.zoom.us/u/will.zoom)\
**Post date:** [March 7, 2021, 12:31pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/8 "2021-03-07T12:31:58Z")

</div>

Hi @kantarci.u,

This API endpoint returns a `join_url` which is the URL that should be used to join a meeting (via the Zoom Desktop Client). The only other URL type we provide is for joining via the web browser, referenced [here](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/2).

These would be the two available options—let me know if you have further questions about either of these. 🙂

Thanks!  
Will

---

<div class="post-metadata">

**Author:** ![kantarci.u](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/kantarci.u/32/23991_2.png) [@kantarci.u](https://devforum.zoom.us/u/kantarci.u)\
**Post date:** [March 7, 2021, 1:02pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/9 "2021-03-07T13:02:18Z")

</div>

Hi @will.zoom ,

Okay, now i understand what you want to tell me 🙂

But this is not what i want.

I want Join Meeting without Zoom Client or Zoom Site.

---

<div class="post-metadata">

**Author:** ![will.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/will.zoom/32/14417_2.png) [@will.zoom](https://devforum.zoom.us/u/will.zoom)\
**Post date:** [March 8, 2021, 5:05pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/10 "2021-03-08T17:05:43Z")

</div>

Hi @kantarci.u,

Thanks for clarifying—at this time, these are the only join methods/URLs that we support for joining a meeting. If you’re interested in embedding the Zoom Meeting experience entirely on it’s own page, which can be opened in a new tab, I recommend leveraging our [Web SDK](https://marketplace.zoom.us/docs/sdk/native-sdks/web).

I hope this helps to clarify, but let me know if you have questions about this.

Thanks,  
Will

---

<div class="post-metadata">

**Author:** ![kantarci.u](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/kantarci.u/32/23991_2.png) [@kantarci.u](https://devforum.zoom.us/u/kantarci.u)\
**Post date:** [March 8, 2021, 6:25pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/11 "2021-03-08T18:25:13Z")

</div>

Hi @will.zoom,

this is what i want to know 🙂 i don’t know wher to start. I want to send my data to one Page and this one page should start my embedded Meeting.

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [March 8, 2021, 10:58pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/12 "2021-03-08T22:58:42Z")

</div>

Hey @kantarci.u,

Thank you for your question! If you wanted to create your own URLs to join or start meetings, you would want to write routing for your app that is able to take information from the URL and redirect the user to a page where you have embedded zoom.

If you wish to embed Zoom on your site or app, you will likely want to use a combination of our APIs (for creating and scheduling live meetings) and our Web SDK (for embedding the Zoom Meeting/video experience on your site/app). Details below on each of these.

**API and SDK Overview**  
We offer both APIs and SDKs for you to consider when planning an integration/implementation in an application. You may find the below information helpful for your web developer.

Here are some APIs that you can consider using within your application:  
[Create Meetings](https://marketplace.zoom.us/docs/api-reference/zoom-api/meetings/meetingcreate): To create a meeting (including instant meetings)  
[List Meetings](https://marketplace.zoom.us/docs/api-reference/zoom-api/meetings/meetings): To Display the schedule Meetings  
[Retrieve Meeting](https://marketplace.zoom.us/docs/api-reference/zoom-api/meetings/meeting): To get a specific meeting

Some additional tips:  
Once the meeting is created you can send the “start\_url” to the hosts and “join\_url” to the participants.  
To get a list of past meeting participants, you can use [this endpoint](https://marketplace.zoom.us/docs/api-reference/zoom-api/meetings/pastmeetingparticipants).  
To display live meetings you can use the [meeting started webhook](https://marketplace.zoom.us/docs/api-reference/webhook-reference/meeting-events/meeting-started).

To get real-time participant events, please use:  
[https://marketplace.zoom.us/docs/api-reference/webhook-reference/meeting-events/participant-joined-meeting](https://marketplace.zoom.us/docs/api-reference/webhook-reference/meeting-events/participant-joined-meeting) and  
[https://marketplace.zoom.us/docs/api-reference/webhook-reference/meeting-events/participant-left](https://marketplace.zoom.us/docs/api-reference/webhook-reference/meeting-events/participant-left)

You can find our webhook meeting events here and a list of all our APIs here.

We also have a Web SDK that you can consider integrating into your website:

> **[Web - Client SDKs - Zoom Software Development Kit (Zoom SDK)](https://marketplace.zoom.us/docs/sdk/native-sdks/web)**
>
> Zoom Web SDK
> 
> The Web SDK enables the development of video applications powered by Zoom's core framework inside an HTML5 web client through a highly opt...

**Authentication Methods**  
We have two authentication types:

JSON Web Token (JWT):  
JWT is an account-wide app and is available to all the admins and owners of the account. You can have only 1 JWT marketplace app registered in your account. You can generate multiple JWT tokens using the JWT keys, and the tokens operate independently of each other until expired or the credentials have been changed.

A JWT token will contain all the permissions, and there is no way to restrict it. A JWT token is only valid for your account.

To know more, please visit: [https://marketplace.zoom.us/docs/guides/auth/jwt](https://marketplace.zoom.us/docs/guides/auth/jwt)

OAuth 2.0:  
You can use an OAuth App if you want to have limited permissions for your token. To set up access credentials and request scopes for your app, create an OAuth app on the Marketplace. Follow the Create an OAuth App guide for a full walkthrough.  
OAuth2 endpoints are located at [https://zoom.us/oauth/](https://zoom.us/oauth/).

Depending on the App type (Account Level or User Managed), the app needs to be authorized by either the account admin or the user. To know more, please visit: [https://marketplace.zoom.us/docs/guides/build#understanding-app-types](https://marketplace.zoom.us/docs/guides/build#understanding-app-types)

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![kantarci.u](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/kantarci.u/32/23991_2.png) [@kantarci.u](https://devforum.zoom.us/u/kantarci.u)\
**Post date:** [March 9, 2021, 1:30pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/13 "2021-03-09T13:30:55Z")

</div>

Hi @MaxM,

I know what to do. I Need a Onepage Code where the meeting starts. But i don’t know how to do it.

I need to generate Signatur via Api then Join meeting.

Maybe someone have a code for me?

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [March 9, 2021, 9:13pm UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/14 "2021-03-09T21:13:38Z")

</div>

Hey @kantarci.u,

Got it! Thank you for clarifying. I recommend looking into our [Sample Web App](https://github.com/zoom/sample-app-web) as a reference for how you can implement the [Web SDK](https://marketplace.zoom.us/docs/sdk/native-sdks/web#zoom-web-sdk).

> [@kantarci.u](#):
>
> I need to generate Signatur via Api then Join meeting.

Please see our [documentation on generating a signature](https://marketplace.zoom.us/docs/sdk/native-sdks/web/build/signature) for information and examples on generating a signature. We also have an example in our [Sample Web App](https://github.com/zoom/sample-app-web):

> <https://github.com/zoom/meetingsdk-web-sample/blob/d4b4e9d5ff5f30e930b63ab4e4ec84535ad03313/Local/js/index.js#L122-L138>

I hope that helps! Let me know if you have any questions.

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [April 9, 2021, 7:13am UTC](https://devforum.zoom.us/t/websdk-join-meeting-button-add-to-website/44795/15 "2021-04-09T07:13:48Z")

</div>

Closed on April 9, 2021, 7:13am UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.