Embedding Voxpopme into Confirmit

Voxpopme Help Team UK -

This article is going to give a step by step guide on how to embed Voxpopme into the Confirmit platform.

  1. Setup your survey page where the video question will be added too. 
  2. The below html script tag will need to be added around the javascript before being added into your survey page - this is highlighted in green below.
  3. Add the Javascript embed code in to a Text box on the page you would like the capture widget to appear on.


    Copy and paste in the whole embed code and html tag, below:
    <div class="vpm-capture-widget"></div>
    <script type="text/javascript">
    var vpm_widget_config = { project_id: "[Project ID]", additional_data: { "first_name": "[first_name]", "Age": "[Age]", "RespID": "[RespID]" }, settings: { locale: "en_US" }, disable_next_button: function() { document.getElementById('forwardbutton').style.display = 'none'; }, enable_next_button: function() { document.getElementById('forwardbutton').style.display = 'block'; } }; document.addEventListener("DOMContentLoaded", function(event) { document.getElementById("forwardbutton").style.display = "none"; // Replace 'input' with the class name of the checkbox in your survey var checkbox = document.getElementsByClassName('input')[0]; checkbox.onchange = function(){ // Replace QuestionReference with the Question Reference specific to the checkbox question on the video question page if(document.getElementById('QuestionReference').getAttribute('checked')) { document.getElementById('forwardbutton').style.display = 'block'; } else { document.getElementById('forwardbutton').style.display = 'none'; } }; }); !function(a,b,c,d){function e(){var a=b.createElement(c); a.type="text/javascript",a.src=d;var e=b.getElementsByTagName(c)[0]; e.parentNode.insertBefore(a,e)}a.attachEvent?a.attachEvent("onload",e):a.addEventListener("load",e,!1)} (window,document,"script","https://capture.voxpopme.net/main.js");
  4. Replace the Project ID with the Project ID that has been provided to you by a member of the Voxpopme team. This can also be accessed in the Voxpopme portal. To access this ID, head to the portal, select your project and use the Responses drop-down to select Summary.
  5. We recommend adding in a checkbox question below the capture widget that states "I'm having technical difficulty or would no longer like to record". This should re-route the respondent to a text open-end question, allowing the respondent to move smoothly through the survey.
  6. If you're setting up a non-English language survey, ensure you've changed the Locale code. This will notify the system of the language that responses are expected to be in. Check out the list of languages available.
  7. Ensure you are passing through additional data to the Voxpopme portal. We recommend at a minimum passing through a unique identifier for each respondent, like Respondent ID or User ID. Taking a look at the embed code above, you will see an area named 'additional_data'. Within this section, three examples of additional data have been added (First Name, Age and RespID). The name of the variable is shown on the left-hand side. The appropriate merge code for passing through additional data within the survey is added on the right. In the example this is displayed in square brackets, this will need to be replaced with the appropriate merge codes for your survey. For example the merge code for Respid in Confirmit may look like this '^f('RespID’)^'.
  8. Simply replace the square brackets shown in the embed code above with the appropriate merge code for Confirmit.
  9. Add in as much additional data as you would like to be passed through to the Voxpopme platform. Previous survey answers can also be passed through to the portal. To add a new piece of additional data you will need to first off add a comma at the end of last additional data line, then add a new line. On the new line, add in the name of the variable in single quotation marks (similar to the example above), next add a colon, and then add in the appropriate merge code for this additional data in single quotation marks. If this is a previous survey answer, the same merge code to pipe through previous survey answers within your survey can be used.
  10. Save the edits to your javascript in the text box. 

    If you have any questions, please contact the Voxpopme team. When your survey is ready, share a test link with the Voxpopme team so we can ensure everything is working correctly.
Have more questions? Submit a request


Article is closed for comments.