How To Add Canva Button (“Free Design With Canva”) My Own Vue Js Application OutSide Of China?

I want to add a “Free Design With Canva” button in my Vue.js app. When users visit my website, they will see an image that I provide. If a user wants to edit this image according to their own requirements, they can click the “Free Design With Canva” button.

Here’s what I need:

The user should not need any authentication to edit the image in Canva.

When the user clicks the “Free Design With Canva” button, a window should open within my website, allowing the user to edit the image.

After editing, the user can click a “Finish It” button in Canva, which will redirect them back to the same page on my website with the edited image.

I saw that the “Design With Canva” button API is currently only available in China. How can I access this API from another country?

If that’s not possible, how can I implement a similar system in my own app? Please guide me on how to do this from scratch in my Vue.js application.

Below, I have attached some examples to illustrate what I’m looking for. Please provide guidance on how to achieve this from scratch in my Vue.js application.

Step: 1Step: 2Step: 3

I saw that the “Design With Canva” button API is currently only available in China. How can I access this API from another country?

If that’s not possible, how can I implement a similar system in my own app? Please guide me on how to do this from scratch in my Vue.js application.

Below, I have attached some examples to illustrate what I’m looking for. Please provide guidance on how to achieve this from scratch in my Vue.js application.