How to Pass Data From a Form to a Hosted Payment Page

You can redirect TIEIT form submitters to a hosted payment page and have certain data they fill out on the form pass to the hosted payment page. This is a great to add if you are hosting events and need registrants to purchase tickets for the event or need form submitters redirected to a hosted payment page. To see an example, please watch the video below.

To set this up, please see the instructions or video below.

Instructions

1) Create your form. Some fields that can be included where data can be passed to the hosted payment page include:

• First name
• Last name
• Email address
• Phone number

On the form editing page, you can find these fields under the contact fields tab on the left blue panel. When creating a standard form, the email field will automatically be added to the form.

• Company Name

On the form editing page, you can find this field under the company fields tab on the left blue panel. 

• Product Quantity

On the form editing page, click the custom fields tab on the left blue panel. Click the + add custom fields button.

Select the number field under field type. For the field name, enter what you would like this field to be called. In this example, the field name is Number of Tickets.

At the bottom you will see the option to edit where on the form you want this custom field to appear. Make your selection. Click save and close.

If this custom number field already exists on your TIEIT account, you can drag the field to the form from the custom field section.

• Street Address
• City
• Country
• Province/State
• Postal Code/Zip

On the form editing page, you can find these fields under the advanced fields tab on the left blue panel. 

Once you have added the address field to the form, hover over the field and click the pencil icon.

Uncheck address line 2. Click save.

2) Go to your TIEIT products page. Click the icon with the 3 circles to the right of the product you created a hosted payment page for and select copy hosted page URL.

3) Go back to the forms module. Click the name of your form.

Click the settings tab at the top and then the form submissions options tab on the left panel.

Scroll down the page and select the radio button for the redirect option. Enter the URL of the hosted payment page. Click the link that says pass field data via query string.

Under the select merge tag column, you can select certain fields from the form you want to pass the data to on the hosted payment page. Click the + button on the right to add more.

When you are done selecting the fields, under the parameter name column, change the text in this area to the following if you have selected data to pass for these fields.

• Email > Change text to email_address
• Phone > Change text to phone_number
• Street Address > Change text to address_line1
• City > Change text to billing_city
• Country > Change text to billing_country
• Province > Change text to billing_province
• Postal Code > Change text to billing_zipcode
• Company > Change text to company
• The is the number custom field you created. In this example, we used Number of Tickets > Change text to product_qty 

Once you are done editing the text in this area, click the save button. This will pass any information from the form for these fields when submitted to the hosted payment page.