Shopify and Zendesk Custom Forms | The place for Zendesk users to come together and share
Skip to main content
P
Pravin11
September 30, 2021
Question

Shopify and Zendesk Custom Forms

  • September 30, 2021
  • 8 replies
  • 50 views

Hi,

 

We have Shopify and Zendesk integration for support. What we also want is that on our website we have contact us form and if someone submits it we want to create an entry in Zendesk. How we can achieve it?

8 replies

Cheeny
CheenyEmployee
Employee
October 5, 2021

Hi Pravin,

You can also embed the web widget on your own site, where the customer can fill out the ticket form that will create a ticket on your Zendesk account. You can check Using Web Widget (Classic) to embed customer service in your website, and Understanding and optimizing ticket forms for more info.

 

P
Pravin11Author
October 5, 2021

Thanks. But above links show adding form within chat, what I want is to add custom form under lets say contact us section of website and once user submits create zendesk ticket for it, attached is example of form what we want.

 

Cheeny
CheenyEmployee
Employee
October 5, 2021

Hi Pravin,

You can also enable your Zendesk Help Center where customers can fill out forms that will create tickets on your account. Unfortunately, there is no native way to embed the ticket form directly to an external site, more information on how to present ticket forms to end-users can be found here.

 

P
pravin14
October 6, 2021

Thanks.

I tried all the steps mentioned in the post and created this link https://simmonsfinejewelry.zendesk.com/hc/en-us/requests/new?ticket_form_id=360003180671,

but like some other users, I am also not able to open it, any thoughts?

Cheeny
CheenyEmployee
Employee
October 6, 2021

Hi Pravin,

Have you checked if your Help Center is activated? If not, you will not be able to access the link.

 

P
Pravin11Author
October 7, 2021

Thanks, Cheeny. 

I have enabled it now. Still when I access above url I have few concerns, as I mentioned I just want to embed form within our shopify page, please see attached, here sections marked in red I dont want, so how to remove them before embedding inside the web page, we also dont want issue type selection which is present, can you tell me how to embed simple form with 2-3 fields and submit button?

 

 

P
Pravin11Author
October 7, 2021

Also,

When I try to copy javascript code(mainly html form element) and embed in website, I am getting 403 error, see this page where I embedded the form https://simmons-fine-jewelry-inc.myshopify.com/pages/about-us

 

Once its submitted its throwing 403. Any idea?

Cheeny
CheenyEmployee
Employee
October 7, 2021

Hi Pravin,

Apologies for my previous response, you can only embed a custom form using API to an external site. Unfortunately, Zendesk does not allow iframing of Zendesk due to the inherent security risks involved in iframing a web application. As of the moment, if you would like your customers to submit requests from your external site, you should use the web widget or the custom form using our API

Regarding your ticket form, you need to create your custom ticket field and add it to the said form.

 

Terms & ConditionsAccessibility statement