How to display the question count and survey progress on a survey page

Official response from

Survey pages can be more informative and visually appealing if they display the total amount of questions and the number of question that the user is currently viewing, like "Question 2 of 5". When you have only a few questions, this progress report often increases the user's likelihood to complete the whole survey instead of abandoning it part of the way through. This is not included in NationBuilder survey pages by default, but you can display this by adding the following code to the template of your survey page:

{% for question in page.survey.survey_questions %}
{% if question.id == page.survey.next_question.id %}Question {{ forloop.index }} of {{ page.survey.survey_question_count }}{% endif %}
{% endfor %}

 

Pro-Tip: Studies have shown that it is best to display this below the survey question rather than above it.

 

Complete and current information on how to use NationBuilder is available in the documentation section.

Share this post

Showing 2 reactions

How would you tag this suggestion?
Please check your e-mail for a link to activate your account.