Approach 2 - Client URL

Use case: redirect out to a separate landing page containing the widget.

Partner Hosted Website:

https://#PARTNERWEBSITE#/PetHub/?key1={value1}

PetHub Hosted Partner Landing Page:

https://pethub.io/#PARTNERCODE#/?key1={value1}

(See the table of available query parameters below)

Additional Required Code

The following script would also need to be included after the iFrame code:

<script>
   var iframe = document.getElementById("pbph-widget")
   if(typeof(iframe) != 'undefined' &&
      iframe != null && window.location.search!= '') {
      var url = (iframe.src)
      var addQueryParam = url+window.location.search
      iframe.src= addQueryParam
   } 
</script>
Example Query Parameters
Key Value
pet_type cat, dog
pet_name Name of pet
pet_gender male,female,unknown
owner_fname Customer's first name
owner_lname Customer's last name
owner_email Customer's email address
utm_source Source site generating leading
utm_term Value of the search term
utm_content Value of named asset specifically clicked to bring the customer to the site
internal_id Unique ID* used by partner to identify this customer
 

*internal_id - this is an optional parameter that can be included in the even the partner would like a push notification / webhook call back with the full data provided by the user after submitting the widget form.