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)

NOTE

When 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! 🎉🎉

MarketoTypeform