Trying to embed Zoom meeting in website

Fail to join the meeting.
Signature is invalid.
Error code 3712

I want to embed a Zoom meeting on a website. Using Laravel & React. Installed @zoomus/websdk/embedded from npm.
I’ve setup an account on the App Marketplace and created a JWT & SDK to get the API key/secret & SDK.
I’ve used the php code in Generate Signature to create & pass the signature into the react file (code below, payload is the signature from the php)

But when trying the front end I get a popup message saying the signature is invalid.
Not sure what I’m doing wrong.

The SDK & password below are not actually what I have in my code
const client = ZoomMtgEmbedded.createClient()
const meetingSDKElement = document.getElementById(‘meetingSDKElement’)

const initZoom = payload => {
debug: true,
zoomAppRoot: meetingSDKElement,
language: ‘en-US’,
customize: {
meetingInfo: [
toolbar: {
buttons: [
text: ‘Custom Button’,
className: ‘CustomButton’,
onClick: () => {
// eslint-disable-next-line no-console
console.log(‘custom button’)
.then(response => {
// eslint-disable-next-line no-console
sdkKey: '[Redacted],
signature: payload, // role in SDK Signature needs to be 0
meetingNumber: meetingNumber,
password: [Redacted],
userName: ‘userName’,
userEmail: ‘’,

Hi, @andymoses,

Welcome and thank you for posting in the Developer Forum. As a test, can you share if you are seeing the Fail to join the meeting: Signature is invalid error when you use the sample signature app? Perhaps the Signature is not being generated correctly.

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