RevenueHero’s scheduling snippet integrates natively with Pardot forms and works with both instances —
  1. Where the Pardot form is used as in a Pardot landing page (Native Pardot form installation)
  2. Where the Pardot form is embedded in any page (Iframe Pardot form installation)
NOTEWhen adding the RevenueHero script, make sure that that form_type: “pardot” is present.new RevenueHero({ routerId: '<your-routerId>', formType: 'pardot' })
These steps help setup the RevenueHero scheduler for a Pardot form embedded in a Salesforce Landing Page.In RevenueHero:
  1. Setup your Inbound Router.
  2. Choose #pardot-form as the form selector when mapping your web form fields.
Map Pardot form
In Salesforce:
  1. In Salesforce, navigate to Account Engagement from the switcher.
    Account Engagement
  2. Navigate to Forms by clicking on Content tab -> Forms
    Content navigation
  3. Choose the form that should trigger scheduler, and click Edit Form
    Edit Pardot form
  4. Navigate to Step 4 - Completion Actions, and choose Thank you content tab.
    Thank you content page navigation
  5. Click on the Script icon in the editor and add the source script tag alone.
    Thank you content page - RH script
RevenueHero source script
<script type="text/javascript" src="https://app.revenuehero.io/scheduler.min.js"></script>
  1. Scroll down and click on Confirm & Save to persist changes.
    Save Thank you content page
  2. Navigate to Landing Pages, choose the landing page where widget should be displayed, and click Edit landing page
    Landing Page navigation
  3. Navigate to Step 4 - Landing Page Content
    Landing Page content navigation
  4. Click on script icon, and add full RevenueHero widget installation script
    Landing content page - RH script
The script below depicts the native RevenueHero widget installation script for Pardot forms. If you’re copying the snippet below, all you need to do is add your router ID to the snippet.
RevenueHero widget installation script example
<script type="text/javascript" src="https://app.revenuehero.io/scheduler.min.js"></script>
<script type="text/javascript">
 window.hero = new RevenueHero({ routerId: '', formType:'pardot' }) //Replace your router ID here.
 hero.schedule('#pardot-form')
</script>
  1. Scroll down and click on Confirm & Save to persist changes
    Save Landing content page

Open you landing page in a new tab and submit the form to see the scheduler in action. And, that’s it! 🎉🎉