# How to URL encode a field and pass it to an HTTP destination URL

**URL:** <https://community.synatic.com/t/how-to-url-encode-a-field-and-pass-it-to-an-http-destination-url/245>\
**Category:** Flows\
**Tags:** flows, calculator, helper-functions\
**Created:** [June 7, 2022, 12:14pm UTC](https://community.synatic.com/t/how-to-url-encode-a-field-and-pass-it-to-an-http-destination-url/245 "2022-06-07T12:14:02Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![navessa](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.synatic.com/navessa/32/58_2.png) [@navessa](https://community.synatic.com/u/navessa)\
**Post date:** [June 7, 2022, 12:14pm UTC](https://community.synatic.com/t/how-to-url-encode-a-field-and-pass-it-to-an-http-destination-url/245/1 "2022-06-07T12:14:02Z")

</div>

Illustrated in the below image are the steps that are used to do **URL encoding for a field and pass it to an HTTP destination URL.**

![image](https://canada1.discourse-cdn.com/flex032/uploads/synatic/original/1X/cf562891c5e48e80f15b5292f42386dd4443be11.png)

The below image is the Calculator step where the field “name” is being encoded and converted to a parameter.

![image](https://canada1.discourse-cdn.com/flex032/uploads/synatic/original/1X/87e0db97040ad04483353838be2b9577c523a6e1.png)

For more information on URL encoding, click on the below link:

> [JavaScript encodeURIComponent() Method](https://www.w3schools.com/jsref/jsref_encodeuricomponent.asp)

The encoded parameter is then being passed in the URL of the HTTP Service destination step using **`{{parameters.fieldname}}`** as shown in the below image.

 ![image](https://canada1.discourse-cdn.com/flex032/uploads/synatic/original/1X/8856300f097a44ec939b8492d4e2a16443eba30f.png)