To use Pardot form handlers to direct form data to your marketing automation software while still utilizing your error/success pages built in Webflow, you will need to follow a few steps:
Step 1: Set up your Pardot form handler
- Log in to your Pardot account and go to Marketing > Forms.
- Click on the form you want to connect with Webflow.
- Under the "Form Handlers" section, click on "Create Form Handler" if you haven't set it up yet or select an existing form handler to edit.
- Configure the form handler settings according to your requirements, including the URL where the data will be sent, any mapping of form fields, and any other necessary settings.
Step 2: Set up your Webflow form
- In the Webflow Designer, create your form using the Form Block or add a form element manually.
- Style your form as desired, including the error/success messages on your error/success pages as per your design preferences.
Step 3: Configure your Webflow form action and method
- Select your form element and go to the Form Settings panel.
- In the "Action" field, enter the URL of your Pardot form handler. This is the URL where the form data will be sent.
- Set the "Method" to "POST". This ensures that the form data is sent securely.
Step 4: Map your Webflow form fields to Pardot form fields
- Identify the field names used in your Webflow form and match them with the corresponding field names in your Pardot form handler.
- To do this, go to your Pardot form handler settings and select the "Field Mapping" section.
- Map the Webflow form field names to the appropriate Pardot form field names. This ensures that the form data is correctly transferred.
Step 5: Customize your error/success pages
- In Webflow, create your custom error and success pages using the Webflow Designer.
- Make sure that the form elements on these pages have the correct form field names and are sent to the Pardot form handler URL.
- You can use conditional visibility or interactions to show/hide success/error messages based on the response received from Pardot.
Step 6: Test and refine
- Publish your Webflow site and test the form submission process.
- Submit the form and verify that the data is successfully sent to Pardot.
- Check that your error/success messages on the respective pages are displayed correctly based on the response from Pardot.
- Adjust any settings, field mappings, or error/success page configurations as needed to refine the process.
By following these steps, you should be able to successfully use Pardot form handlers to direct form data to your marketing automation software while still utilizing your error/success pages built in Webflow.