123Contact Form

Using 123Contact Form to capture referral information is ideal for customers looking to accept payments through their form. We'll go step-by-step through the setup needed to redirect referrals to your form and to track referral form completions.

Setting up the Referral Redirect Page

Step 1: Obtain your form link. The steps are outlined below, or you can follow more detailed instructions at this link.

  1. Log in to your 123Contact Form account and choose the form you want to send referrals to.
  2. Click on the Publish tab.
  3. Select Form Link and copy this link to use in the next step in Referral Rock.

Step 2: Now that you have the form link that you want to send referrals to, it's time to set this as the referral page in Referral Rock.

  1. In your program editor, navigate to the Referral Page and choose Redirect for Referral Capture.
  2. Click on the Redirect URL button and paste the form link from step 1.
  3. Click save.

Referral Conversion Tracking in 123Contact Form

The next step in setting up Referral Rock to work with 123Contact Form is tracking conversions on your form. This will tell us which referral filled out the form, which member sent them, and any information we choose to send back from the form submission to Referral Rock.

You are only able to pass data to other sources like Referral Rock with the pro version of 123Contact Form.
  1. Login to your 123Contact Form account and select your referral form.
  2. Click Settings.
  3. Select Thank You Page from the menu on the left of the screen.
  4. Select the Show HTML Block radio button.
  5. Select a parameter and then click the Add button. This will put the parameter reference code into the HTML box. Copy and paste each parameter reference code it into the 123Contact Event Script below after the name of the parameter.
  6. In the text box, click the Source Code Button (it looks like <>).
  7. Add your 123Contact Form Event Script (example below) with the parameter references to the editor and then click Ok.
  8. Click Save at the top right of the form.

123Contact Form Example Event Script

<script>
          var rrClientNamespace = (
              rrAppsettings = {
                  mode: "conversion",  
                  debug: "false"
              },
              rrParameters = {
                  firstname: "",
                  lastname: "",
                  email: "",
                  phone: ""
              }
          );
          </script>
          
You can add any of the parameters in the conversion script. They are listed below for your convenience:
firstname, lastname, fullname, companyname, email, externalidentifier, amount, referralcode, phone, note, publicnote, preferredcontact, customoption1name, customoption2name, customtext1name, customtext2name, customtext3name, customoption1value, customoption2value, customtext1value, customtext2value, customtext3value
The event script below is for demo purposes only! Your script should look similar, although it will have different field names and numbers.
<script>
          var rrClientNamespace = (
              rrAppsettings = {
                  mode: "referralupdate",  
                  debug: "false"
              },
              rrParameters = {
                  firstname: "[{Name - First(36929322-1)}]",
                  lastname: "[{Name - Last(36929322-2)}]",
                  email: "[{Email(36929323)}]",
                  phone: "[{Phone(36929324)}]"
              }
          );
          </script>
          
Once you add your event script, submit a form and ensure the data is coming through correctly in your Referral Rock Event Log.

How did we do?