Chinh Phan

Hi Cheeny Aban,

I'm implement the contact form from Frontend via Javascript, submit Ticket to Zendesk. Look like this: 

When I try to POST a ticket to zendesk, I'm facing the CORs issue (I used all tokens, aouth in zendesk setting).

Ticket's API requires the authorization is "Bearer " + access_token.

I thought the API get access_token work when I tested via Postman: https://{subdomain}.zendesk.com/api/v2/oauth/tokens
But no, when I apply API get access token to javascript code. I'm also facing the CORs issue.

If I implement as in the document at: https://support.zendesk.com/hc/en-us/articles/203663836?page=3#topic_ar1_mfs_qk

when browser redirect to the url: https://{subdomain}.zendesk.com/oauth/authorizations/new?response_type=code&redirect_uri={your_redirect_url}&client_id={your_unique_identifier}&scope=read%20write

It forces I have to login into zendesk. It is not feasible for users who do not have an account.

Hi,

How can I get the full access token within just one API? I'm using javascript to call, and implement a ticket form from my website.

It seems there is just only way to create a ticket form and implement from Frontend via Javascript is:
Get token access, on document: https://developer.zendesk.com/documentation/ticketing/using-the-zendesk-api/making-cross-origin-browser-side-api-requests/

in function:

function init() {

// reset page

document.getElementById('error-msg').style.display="none";

document.getElementById('details').style.display="none";

varurl=window.location.href;

if (url.indexOf('http://localhost:8080/contact.html') !==-1) {

if (url.indexOf('access_token=') !==-1) {

varaccess_token=readUrlParam(url, 'access_token');

localStorage.setItem('zauth', access_token);

varticket_id=localStorage.getItem('ticket_id');

document.getElementById('ticket-id').value =ticket_id;

window.location.hash="";

makeRequest(access_token, ticket_id);

}

if (url.indexOf('error=') !==-1) {

varerror_desc=readUrlParam(url, 'error_description');

varmsg='Authorization error:'+error_desc;

showError(msg);

}

}

}

 

function startAuthFlow() {

var endpoint = 'https://***.com/oauth/authorizations/new';

var url_params = '?' +

'response_type=token' + '&' +

'redirect_uri=http://localhost:8080/contact.html' + '&' +

'client_id=dfodevtest' + '&' +

'scope=' + encodeURIComponent('read write');

window.location = endpoint + url_params;

}

After that, we have access token in localstorage, named: zauth, example define variable is: zauthValue

Then when we create a POST request, the Authorization should be: Bearer + zauthValue

But this way will redirect user to the authorizations/new... page.

Awesome, It hided.

Many thanks

I tried.

The button is not say "Chat" any more. It says "Help"

Hi,

I read both these urls: 
https://support.zendesk.com/hc/en-us/articles/115010352968
https://support.zendesk.com/hc/en-us/articles/360022184994?page=1#comment_360004897033

But it's still not work on my end.

Code:
var _urlConfig = {
  'en-us': {
    departments: {
      enabled: ['']
    },
    locale: 'en-us'
  },
  '__default': {
    departments: {
      enabled: ['']
    },
    locale: 'en-us'
  };

I also try to update enabled: ['']  to  enabled: [] or remove enable field. But it's not work at all.