How to Embed a DigitalPilot Form on Your Website

What This Article Covers

This article explains where to place the embed snippet from the in-app Share tab, how to deploy your page safely, and how to validate form tracking after launch.

Before You Start

• You need a form that has been saved in the form editor (see How to Create Your First Form in Form Builder).
• Your DigitalPilot tag should already be installed on the site if you need attribution in Lead Center and reports.
• See How to Create Your DigitalPilot Tag if tracking setup is not complete.

Step-by-Step Instructions

1. Copy the embed snippet

• Open the form in Forms and go to the Share tab.
• Under Embed iframe, use Copy to copy the full iframe HTML. (You can also copy the Form URL if you are linking to the full-page form instead of embedding.)

2. Add the code to your website

• Paste the iframe HTML in the page template where the form should appear.
• If you use a CMS, add the snippet in the HTML/block editor area for that page.
• If you use a custom site, place it in the relevant template file.

3. Deploy and test

• Deploy or publish the page.
• Open the page in an incognito window and submit a test lead.
• Confirm success messaging appears and no browser console errors are shown.

Validation Checklist

• The form loads quickly on desktop and mobile.
• Required field validation works as expected.
• Submission appears in Lead Center.

Troubleshooting

• Form not visible: Check that the iframe HTML from Share was not stripped by your CMS or blocked by a security policy.
• Submission missing: Follow Form Troubleshooting: Submission Not Appearing in Lead Center.
• Attribution empty: Review UTM capture setup.

Related Articles

• How to Create Your First Form in Form Builder
• How to Add the DigitalPilot Tracking Script Manually
• How to Track Form Submissions in Lead Center