Sending an API Request from Shopify through Custom HTML/JavaScript

The focus of this conversation was on troubleshooting an issue with a custom HTML button in Shopify used for signing up via an API.

Key points covered include:

  1. The issue where the form submission is not triggering any network events when sending data to Xano.

  2. Verification that the API endpoint URL is correct.

  3. Ensuring that the HTML and JavaScript are correctly set up, including checking for multiple instances of IDs causing conflicts.

  4. Adding console logs to debug and confirm that the form submission event is firing.

We resolved the problem by identifying and removing duplicate elements with the same IDs and ensuring the JavaScript was correctly targeting the updated IDs. This allowed the form submission to successfully trigger and send data to the API.