This is an expert concept
The “post to web form” integration enables you to post contact data in real-time to an existing web form. This document provides step-by-step instructions to integrate data collected from your ion experiences with external web forms.
Before We Begin
There are few items you'll need to roundup prior to setting up the integration. These items can be found in your external web form HTML or they may be provided in your vendor's support documentation.
- “Post-To" or endpoint URL
- Web form field names
- Acceptable values for non-text fields
There are a few steps to take in the ion platform before setting up the integration, listed below:
- Create data collection fields
- Create ion form(s)
- Set-up testing creative
Let's get started!
1. Create field mapping
Taking the steps below will map your ion data collection fields to their corresponding external field names. To get started, add your new field mapping:
- Navigate to the Data Management menu and select Integrations
- Click on +field mappings
- Label the field mapping and optionally add a description
- From the Integration type menu, select “Post to Web Form”
2. Add Outbound fields to field mapping
Outbound fields define the data you extend from ion to your external web form.
- To add a form field, use the Data Collection drop-down menus to select the data field category then data collection field
- OR, to add an ion Core field, select from the Core Field drop-down menu
- OR, to export multiple ion fields to one external field, use the Mashup Field by plugging @@DataName @@DataName2, etc. into the editor
- Check "Required" if a value must be present for the export to run
- Optionally add a default value
- Enter the external field name
- Repeat these steps for each field that should be included in the Field Mapping
3. Optionally add Inbound fields
Leverage inbound fields to save data from an XML response into ion data collection. We'll cover how to parse and save JSON responses in a later step.
- Click +inbound field
- Select the ion data collection field you seek to save the value into
- Enter an x-path query to parse the value from the XML
- Repeat for each field you seek to save into ion data collection
4. Create integration
- Click +integration
- Enter label
- Optionally add a description
- Select the Field Mapping you’ve just created
- Paste your Form URL into the editor
- This is the “post to” or end point URL of your web form.
- Set maximum retries
- If there is a service interruption with the external platform, ion will retry the post on the top of the hour for as many retries as you indicate here.
- Optionally check off special requirements
- Check “Send form as multipart/form-data” if applicable
- Check “Disable URL Encoding of all form data” if the data should not be URL encoded or if you are leveraging Javscript Outbound fields to custom encode the data
- Check “Empty Fields” to exclude external fields that do not have values from the POST data
- Select POST or GET as the method
- Optionally add Debug email address
- Email addresses specified here will receive an email each time the integration runs that displays the data posted and response received. This is feature typically only used for testing and troubleshooting.
- Optionally leverage Save Response As
- Input a data name here if you seek to save the entire response from the external server. This is typically used to save a non-XML response so that a server scriptlet can be used to parse out data points you seek to save into ion data collection.
- Add Authentication requirements
- If the integration requires NTLM or Basic authentication, make your selection from the Remote authentication drop-down and input the username, password (and domain)
- Add custom headers
- If the integration requires custom http headers, enter the name(s) and value(s) here.
5. Add integration to ion pages
The ion platform runs the integration based on rules you create. Rules can be added to any actionable item in your ion creative. Integration rules are typically run at the form-level, upon form submission, or on an assessment step. Follow the steps below to add the integration to your ion pages.
- Navigate into the creative
- Click on the form, button or link you seek to make the trigger to run your integration
- In Creative Studio, click on +rules
- Select the condition that needs to be met to run the integration
- “No conditions required” is typically used
- Select “Run integration and complete before continuing” as the action
6. Test integration
To test your integration, use the testing creative you set up prior to beginning the integration steps. Please note, integrations do not run in Preview Mode so you'll want to open a traffic source URL for testing. The integration will run once you submit the ion form, or complete the action that runs the integration rule. If you’re on the debug email distribution list, you’ll receive an email that displays the data posted and response from the external server. You’ll also want to check that the data you submitted was received by the external platform.
Once you’ve completed these steps, your integration is ready for use. You can add the rule to run the integration on all applicable creatives. If you run into any issues, please reach out to your account manager.