Pass Custom Field Values To Checkout Embeds / Popups

Vendors have the ability to pass custom field variables to checkout embed forms and pop-up widgets.

The benefit to this is being able to pre-fill the checkout with any custom field information you already have.

Pop-Ups:

Go to the funnel settings the pop-up checkout is being used with and access the pop-up widget embed code.

Inside the pop-up code you will see a “Custom Field” section you can use to pass custom variables to the pop-up.

Next, go to the product settings of the product with your custom field and copy the Field ID name.

You will use this Field ID to pass the variable to the checkout embed.

Examples:

custom_fields:{"test-field": "value"}  You add your field name and the value you want to add.

custom_fields:{"test-field": "value", "test-field-2: "value"}  You also have the ability to add pass variables to multiple custom feilds.

Once the script for the pop-up is loaded to your page you will see the checkout passing the custom variables.

NOTE: If the custom field is a hidden field it will still not show on the checkout.

Embed Forms:

Go to the funnel settings the Form Embed checkout is being used with and access the embed code.

Add "?" follwed by the custom field name = and the value you want to use.

?test-field=my value

If you have multiple custom fields and variables you can add more by using & followed by the field name and value.

?test-field=my value&test-field-2=my 2nd value

NOTE: If the custom field is a hidden field it will still not show on the checkout.

Related Articles