Use iframe to launch and join meeting on website

Description
Currently, we launch and join the meeting with our users with 1 click. if we want to embed our platform with the Iframe then is there a way to integrate it, and what exactly is the url, do we store the zoom data, especially the meeting ID. Please help us.

Hey @instarama ,

To embed Zoom meetings into your website, you can use the Web Client SDK. :slight_smile:

Let me know if you have any other questions.

Thanks,
Tommy

When imported, the Web SDK adds new elements to the DOM to handle Meeting window overlays and accessibility elements. The following elements are added to the end of <body></body>

=> with this can i choose the place where i want to put the app in, for example i want to put it in <div class="col-md-12"></div>

Hi @tommy Can you reply me?

Hi @instarama,

You can place the Web SDK into a div. Please see this post for more details on the recommended approach for this:

Let me know if this helps! :slight_smile:
Will

I have same issue and adding div doesn’t help.

Hey @varsha.lodha,

Just to clarify, are you using an iframe to add the Web SDK to your page? If so, I would use our Sample Web App to add it directly to your website.

Let me know if you have any questions.

Thanks,
Max

I am using Sample Web App. However it doesn’t work on my centos box. Npm run start gives following error:

websdk-local@1.9.5 start /home/centos/sunstone-ui/sample-app-web/Local
set NODE_ENV=development && set BABEL_ENV=development && webpack serve --config webpack.config.dev.js

https false
disableCORP true
:information_source: 「wds」: Project is running at http://0.0.0.0:9999/
:information_source: 「wds」: webpack output is served from /static
:information_source: 「wds」: Content not from webpack is served from /home/centos/sunstone-ui/sample-app-web/Local
events.js:174
throw er; // Unhandled ‘error’ event
^

Error: spawn chrome ENOENT
at Process.ChildProcess._handle.onexit (internal/child_process.js:240:19)
at onErrorNT (internal/child_process.js:415:16)
at process._tickCallback (internal/process/next_tick.js:63:19)
at Function.Module.runMain (internal/modules/cjs/loader.js:834:11)
at startup (internal/bootstrap/node.js:283:19)
at bootstrapNodeJSCore (internal/bootstrap/node.js:623:3)
Emitted ‘error’ event at:
at Process.ChildProcess._handle.onexit (internal/child_process.js:246:12)
at onErrorNT (internal/child_process.js:415:16)
[… lines matching original stack trace …]
at bootstrapNodeJSCore (internal/bootstrap/node.js:623:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! websdk-local@1.9.5 start: set NODE_ENV=development && set BABEL_ENV=development && webpack serve --config webpack.config.dev.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the websdk-local@1.9.5 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /home/centos/.npm/_logs/2021-05-23T03_37_37_009Z-debug.log

Hey @varsha.lodha ,

Thanks for reporting this. I will provide updates in this thread:

-Tommy