diff --git a/app/public/images/early-years-training-engaging.png b/app/public/images/early-years-training-engaging.png
new file mode 100644
index 00000000..bf0a86ea
Binary files /dev/null and b/app/public/images/early-years-training-engaging.png differ
diff --git a/app/public/images/early-years-training-expectations.png b/app/public/images/early-years-training-expectations.png
new file mode 100644
index 00000000..813b911f
Binary files /dev/null and b/app/public/images/early-years-training-expectations.png differ
diff --git a/app/public/images/early-years-training-feedback-thank-you.png b/app/public/images/early-years-training-feedback-thank-you.png
new file mode 100644
index 00000000..bdd5980a
Binary files /dev/null and b/app/public/images/early-years-training-feedback-thank-you.png differ
diff --git a/app/public/images/early-years-training-suggestions.png b/app/public/images/early-years-training-suggestions.png
new file mode 100644
index 00000000..bec7f216
Binary files /dev/null and b/app/public/images/early-years-training-suggestions.png differ
diff --git a/app/public/images/early-years-training-understand.png b/app/public/images/early-years-training-understand.png
new file mode 100644
index 00000000..aa110941
Binary files /dev/null and b/app/public/images/early-years-training-understand.png differ
diff --git a/app/views/design-system/patterns/ask-users-for-feedback.html b/app/views/design-system/patterns/ask-users-for-feedback.html
index f59993ce..8b3707ed 100644
--- a/app/views/design-system/patterns/ask-users-for-feedback.html
+++ b/app/views/design-system/patterns/ask-users-for-feedback.html
@@ -301,6 +301,32 @@ <h3 class="govuk-heading-m">Variant 2: Early Years Training</h3>
 
                     <p class="govuk-body">That's an increase of 256.85%.</p>
 
+                    <h3 class="govuk-heading-m">Example</h3>
+
+                    <img src="/assets/images/early-years-training-understand.png" alt="Question 1 asks if the content was easy to understand. Radio buttons with answers ranging from strongly disagree to strongly agree"
+                        width="700"
+                        height="auto">
+
+                    <img src="/assets/images/early-years-training-engaging.png" alt="Question 2 asks if the content was engaging. Radio buttons with answers ranging from strongly disagree to strongly agree"
+                        width="700"
+                        height="auto">
+
+                    <img src="/assets/images/early-years-training-expectations.png" alt="Question 3 asks if the module met the user's expectations? Radio buttons with answers yes or no"
+                        width="700"
+                        height="auto">
+
+                    <img src="/assets/images/early-years-training-suggestions.png" alt="Question 4 asks for any suggestions to improve the module. A free text field is provided for users to enter their suggestions."
+                        width="700"
+                        height="auto">
+
+                    <img src="/assets/images/early-years-training-feedback-thank-you.png" alt="Thank you message after submitting feedback"
+                        width="700"
+                        height="auto">
+
+                    <p class="govuk-body">You do not need to use the same content as the examples shown in the screen shots if you choose to use this variant.</p>
+                    
+                    <p class="govuk-body">Adapt the content based on your users' needs and context.</p>
+
                     <h2 class="govuk-heading-l">Get feedback on a specific page</h2>
 
                     <p class="govuk-body">There is a third variant you can use if you want to gather feedback on a specific page.</p>