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.

In Salesforce:

  1. In Salesforce, navigate to Account Engagement from the switcher.
  2. Navigate to Forms by clicking on Content tab -> Forms
  3. Choose the form that should trigger scheduler, and click Edit Form
  4. Navigate to Step 4 - Completion Actions, and choose Thank you content tab.
  5. Click on the Script icon in the editor and add the source script tag alone.
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.

  2. Navigate to Landing Pages, choose the landing page where widget should be displayed, and click Edit landing page

  3. Navigate to Step 4 - Landing Page Content

  4. Click on script icon, and add full RevenueHero widget installation 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

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