"Need help with dynamically passing variant SKU to Zoho form URL in Shopify"

[shilpar]

I'm working on integrating a Zoho form into my Shopify store to handle requests for quotations (RFQs). I've set up the form URL and have successfully embedded it into my product pages. However, I'm facing an issue with dynamically passing the SKU of the selected variant to the form URL.

Currently, I'm using Liquid and JavaScript to achieve this. Here's the gist of what I've done:

1. I've defined the Zoho form URL and encoded the product name using Liquid

Despite these efforts, the SKU is not being passed correctly to the form URL. I suspect there might be an issue with how I'm retrieving the SKU or updating the URL.

Here's the code snippet I'm using:

{% assign form_url = "https://creatorapp.zohopublic.com/cs_delight/delight-rfq-management/form-embed/Request_For_Quotation..." %}

{% assign sku = product.variants.first.sku %}

{% assign name = product.title | url_encode %}

{% assign form_url_with_parameters = form_url | append: "?SKU=" | append: sku | append: "&Description=" | append: name %}

<a href={{form_url_with_parameters}} class=" button button--full-width button--primary" target = "_blank">Request For Quote</a>