Get Embedded Sign URL is asking for client id

Question

when i run this code on my react app it gives me an error saying im missing the client ID parameters but in the documentation it dosent mention that , how am i suppose to make this call?

Your request seems to have been malformed and returned the following error:

→ Missing parameter: client_id

async function fetchSignUrl() {
try {
const response = await fetch(`https://api.hellosign.com/v3/embedded/sign_url/${signature_id}`, {
method: 'GET',
headers: {
'Authorization': `Basic ${btoa(API_KEY + ':')}`
}
});

if (!response.ok) {
throw new Error(`HTTP error! Status: ${response.status}`);
}

const data = await response.json();
if (data && data.embedded && data.embedded.sign_url) {
setSignUrl(data.embedded.sign_url);
}
} catch (error) {
console.error("There was a problem fetching the sign URL:", error);
}
}

DB-Des · Accepted Answer

Hi!

Based on the error message that you are encountering, it looks like you are not passing the client_id parameter while opening the signature request on an iframe.

Dropbox Sign provides a library that takes care of building and displaying the iframe on your platform. If you are using a modern module bundler with npm, simply install hellosign-embedded on your application.

Once your application has the hellosign-embedded library installed, you would use the following code snippet below to open the iframe:

const client = new HelloSign();

// Opening the iframe in Test Mode
client.open( "YOUR_SIGN_URL", {
testMode: true,
clientId: 'YOUR_CLIENT_ID',
skipDomainVerification: true,
});

Feel free to use our Embedded Testing Tool during testing as well.

Hope this helps!