Approach 3 - Web/Mobile App

Use case: Ecosystem partner application and PetHub widget reside on the same page.

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) {
      var url = iframe.src
      var addQueryParam = url?key1="+{value1}"
      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.