1. Home
  2. Forms
  3. Create a Custom HTML Form

Create a Custom HTML Form

Warning
If you are using a Custom HTML Form you must add a capture tag to ensure your form fills are tracked in PathFactory.

Summary
Custom HTML Forms are created outside of the PathFactory platform. You can serve an external form in PathFactory by uploading the form’s HTML.
You can also serve external forms by uploading External URLs.


Create the form

  1. Click on Add Form.
    image

  2. The Add Form window will pop up. Type in the name of your new form and then click Add Form.
    image

  3. The new form will appear in your form library. The default form type is Standard. Click on Form Type to select a new type.
    image

  4. Select Custom HTML and click Apply.
    image

Add HTML

  1. Click Custom HTML.
    image

  2. Enter your custom HTML and click Submit to save your changes.
    image

Look and Feel

  1. Click Form Header if you want a form header to be included on your custom HTML form.
    image

  2. Click anywhere within the header box to edit this section.
    image

  3. You can change the text which will appear on your header. Select Enable Header Image to include an image in your header. Click Update to save your changes.
    image

  4. Click the image space to edit the header’s image.
    image

  5. Click the image you want on your header. A yellow box will appear around the selected image. Click Apply to save your selection.
    image

  6. Click Form Dimensions to edit the size of the form.
    image

  7. Enter the desired size. Click Apply to save your changes.

    Note
    Height and width are measured in pixels.

    image

  8. If you are using html from an Eloqua or Marketo form you will see an additional configurations to apply default styling to your form, choose a primary and secondary form color and font for your form. These settings will edit your form’s CSS so you can customize the look and feel of your MAP form.
    image

  9. To preview these changes click on the preview button on the lower left side of the configuration screen.
    image

Updated on June 28, 2022

Was this article helpful?

Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
CONTACT SUPPORT