Integrating with Infusionsoft web forms

When your Infusionsoft web form is integrated with OnceHub, your Customers will be able to schedule meetings immediately after submitting the form. They are redirected to a Booking page or Thank you page. The Customer can then pick a time to schedule the booking without having to provide any additional information. The appointment is then scheduled and added to the Infusionsoft Contact.

In this article, you'll learn about integrating OnceHub with Infusionsoft web forms. 

Benefits of integrating OnceHub with Infusionsoft web forms 

When you create an Infusionsoft Campaign, you can define goals for your Infusionsoft Contacts. A goal can be achieved when an Infusionsoft Contact submits a web form.

After the form is submitted, Infusionsoft can automatically pass the Contact ID to a redirect page. Recognizing the Customer by the Infusionsoft Contact ID provides two key benefits:

Redirecting options

Contacts can be automatically redirected to a Booking page link, an Infusionsoft thank you page, or a custom landing page. In all cases, your Customer will be able to pick a time to schedule the booking without having to provide any additional information. The appointment is then scheduled and added to the Infusionsoft Contact.

NoteFor security and privacy reasons, using CRM record IDs to skip or pre-populate the Booking form is not compatible with collecting data from an embedded Booking page or redirecting booking confirmation data.

Redirecting to a Booking page

  1. Go to Booking pages in the bar on the left → Booking page → Share & Publish.
  2. In the Mail Merge section, use the drop-down menu to select the Booking page or Master page that you want to create a link for (Figure 1).Figure 1: Select Booking page
  3. In the Customer data step, select Personalized link (Figure 2). Figure 2: Customer data step
  4. Click the Copy link button to copy the link to your clipboard. If you want to skip the Booking form step, when you paste the link you should add the soskip parameter to the link: http:// go.oncehub.com/johnsmith?soskip=1.Figure 3: Copy link
  5. In Infusionsoft, go to Marketing → Campaign builder
  6. Open an existing campaign or create a new one. 
  7. In the campaign builder, click and drag the Web form submitted goal onto the campaign canvas. Figure 4: Infusionsoft campaign builder canvas
  8. Double-click the Web form submitted goal to configure the web form.
  9. In the Thank-you page tab, select Web address from the drop-down menu.
  10. Copy and paste the Booking page link into the URL field (Figure 5).Figure 5: Thank-you page tab
  11. Check the Pass contact's information to the thank-you page check box to automatically pass the Contact ID to the Booking page.
  12. Click the Back arrow to return to the Campaign Builder. 

NoteYou can also create Personalized links (Infusionsoft ID) to send to specific Customers. 

Redirect to an Infusionsoft Thank you page

When you redirect to an Infusionsoft Thank you page, the Infusionsoft Contact ID is passed automatically to the Website embed or Website button placed on your landing page.

  1. Go to Booking pages in the bar on the left → Booking page → Share & Publish.
  2. In the Website embed tab, select the Booking page or Master page you want to embed on your website (Figure 6). Figure 6: Select a Booking page step
  3. Use the Width drop-down menu to select the width of the Scheduling pane outer border. 
  4. Use the Color option to change the color of the border.
  5. In the Customer data step, select to have Customers fill out the Booking form, or select a web form integration option. 
  6. Select whether you want to Skip the Booking form or Prepopulate the Booking form.
  7. Click the Copy button to the copy the code to your clipboard.
  8. In Infusionsoft, go to Marketing → Campaign builder
  9. Open an existing campaign or create a new one. 
  10. In the Campaign builder, click and drag the Web form submitted goal onto the campaign canvas.
  11. Double-click the Web form submitted goal to configure the web form.
  12. In the Thank-you page tab, select Thank-you page from the drop-down menu.
  13. In the Snippets snippets tab (Figure 7), click and drag the HTML snippet onto the Thank-you page.Figure 7: Thank-page Snippets tab
  14. Add the Website embed code to the snippet. If the Infusionsoft HTML snippet reformats the embed code, you will need to add the code below to display the embed correctly. In the code below, replace the following information:
    • Replace BOOKING_PAGE_LINK with your Booking page link or Master page link, without the domain. Example: use just "TestPage" if your full link is https://go.oncehub.com/TestPage.
    • To skip the Booking form, add the OnceHub parameter soSkip=1
    • To pass the Infusionsoft contact ID, add the OnceHub parameter soisContactID=~Contact.Id~ 

      <!-- ScheduleOnce embed START -->

      <div id ="SOIDIV_test" data-so-page="BOOKING_PAGE_LINK&soSkip=1&soisContactID=~Contact.Id~&em=1" data-height="550" data-style="border:1px solid #d8d8d8; min-width: 290px; max-width:900px;" data-psz="01"></div>

      <script type="text/javascript" src="//cdn.oncehub.com/mergedjs/so.js"></script>

      <!-- ScheduleOnce embed END -->

  15. Then, click Save

To test your Thank-you page, click the Test button.

Redirect to a custom landing page

The Infusionsoft Contact ID is passed automatically to a Website embed or Website button placed on your landing page. If you want to pass the OnceHub parameter soSkip, you can add ?soSkip=1 to your landing page link.

  1. In the Thank-you page tab, select Web address from the Thank you page to display drop-down list.
  2. Copy and paste your Landing page link into the URL field.
  3. Add ?soSkip=1 to your landing page link. Your link will look like this: http://www.example.com?soSkip=1
  4. Check the Pass contact's information to the thank-you page check box to automatically pass the Contact ID to the Booking page.

ImportantIf the Website embed or Website button code was placed on your webpage was added prior to November 7, 2015, you will need to replace it with the updated OnceHub code. 

Sign in to your OnceHub account,

  • Go to Booking pages in the bar on the left → Booking page → Share & Publish. Select the Website embed or Website button tab. In the Customer data step, select Customer data is passed using the Infusionsoft Contact ID (web form integration). Then, copy and paste the embed or button code in your landing page.
Was this article helpful?
Thank you for your feedback!