How to build an App that provides a custom order confirmation page

migsy_at
Shopify Partner
4 0 0

Hi

 

Our company provides address validation/lookup services (https://addressfinder.nz/)

 

We are exploring how we could provide this as an App for Shopify with the following functionality:

 

On the Order Confirmation page, the entered address is validated, and if successful it updates the order with the validated address.

 

If the validation is unsuccessful it provides UI elements (ideally using our widget, but of we had to code them that would also be find) to lookup an address, and update the oder with the selected address.

 

I am just struggling to find what that approach would look like with the Shopify Ecosystem.  The example Building an App tutorials provides changes for the Merchant UI, but we wish to modify the order confirmation page and I am unsure as to how we achieve that within an App.

 

Is someone able to point me to the right set of tools/approaches?   A sample app on github or tutorial would be awesome!

 

I've spent quite a bit of time searching and reading etc but just not finding what I need .. and maybe searching for the wrong terms too.

 

Cheers

Shane

 

Replies 3 (3)

Alan
Shopify Staff
129 15 24

Hey @migsy_at - this is a great question and our team mainly assists with specific API troubleshooting (unexpected behaviours from the API itself, calls returning error messages, etc.), I did want to share our developer documentation for script tags which might be helpful for building an app that similar to the one you described, allowing for certain features to be triggered during the checkout process.

 

That said, you might also want to look into Theme App Extensions which are generally great for integrating apps directly onto customer-facing theme pages, although the don't support checkout pages, including the "thank you page" or post-order confirmation page. Our post-purchase extensions might be another avenue to look into as a solution - I believe it would require you to redirect to a specific page you would create rather than modify the existing checkout pages, but it may come in handy as an option here. 

 

Hope this helps - cheers!

 

 

 

 

Alan | API Support @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

migsy_at
Shopify Partner
4 0 0

HI Alan

 

Thanks for your response!

 

What forum would be the right one to pose this question to?

 

I have some follow up questions, but I would rather post to the right place and can rephrase my original question probably a lot better based on your response too 🙂

 

Thanks

Shane

Alan
Shopify Staff
129 15 24

Hey Shane - no worries at all, happy I could help at least a little bit! When it comes to script tags and Theme App Extensions the best place to ask about those would generally be our Storefront API community board, if you haven't checked that out yet. 

I can't guarantee a direct response there from my colleagues who handle questions surrounding our storefront centered features/integrations, but I do know there are lots of other third party developers more specialized in Theme related questions like this that should be able to assist with this. 

Alan | API Support @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog