Unable to integrate Shopify with jotform

Hi

I wanted to integrate a jotform with checkout stage of shopify website.

Found this guide https://www.jotform.com/blog/shopify-integration/ written by Ayetekin Tank.

Followed it through to near the end stages:

"Then, locate the code for your checkout button. The code will look like this:

<input id="getout" name="checkout" type="submit" value="PROCEED TO CHECKOUT" />

Replace the above code with that one:"

The problem is I cannot locate the code for checkout button - I can't see anything that looks like that - see screenshot attached.

Please advise what I should do.

Thanks,

Tanjit

Hi,

Please try to follow this guide: https://www.jotform.com/help/217-Adding-a-form-to-Shopify-Store-Frontpage

If that's not what you're looking for, please let us know. Thank you.

putting my jotform onto the homepage of the shopify site isn't what I am looking for.

I want something that when a customer buys something from the shopify site then they are taken to my jotform where i can get more detailed information about their specification.  then after that they submit my jotform they go back to shopify and pay for the order there.

Hi,

To achieve this, you can simply add your form link on your order page from which your customer can click on to redirect them to the form.


And to redirect your customers back to your webpage after they submit the form, you just add your page URL under your forms "Thank you" page settings> Redirect to external link.

I hope that helps, please let me know should you need further assistance.

This is not an ideal solution because some customers may miss the jotform link and proceed to cart by mistake.

The solution offered by Aytekin's guide above is ideal as it means the customer has to pass through the Jotform and then come back to the checkout page on shopify.

then, locate the code for your checkout button. The code will look like this:

The checkout button on your screenshot uses button tags instead of regular input. 

It looks like this. 

<button type="submit" name="checkout" class="btn">{{ 'cart.general.checkout' | t }}</button>

I have highlighted it in the screenshot below. 

I hope this was helpful. 

If you are still having difficulties, I recommend you contact Shopify support for better assistance. 

I've done as you've said but its still not working - I will seek help from Shopify.

I recommend you remove the guide written by Ayetekin Tank as it is incorrect and currently jotforms does not easily integrate with Shopify's checkout screen.

Thanks for your understanding. Feel free to contact us at any time should you have any questions.