How to add Quizzes to Collection Descriptions
You can directly embed the quiz beneath the collection name, similar to this example:
To do this, we need to copy this code inside the collection descriptions:
<iframe style="border-width:0px;min-height:500px; width:100%;" name="PPF quiz" allowfullscreen="" src="QUIZ_URL_GOES_HERE" height="800" class="ppf__frame"></iframe>
NOTE: Replace QUIZ_URL_GOES_HERE with the actual URL of your quiz.
To start off, head over to your Shopify admin:
- Go to Products -> Collections and select or Create collection you want to show your quiz.
- Click "Show HTML"
- Paste the code above and don't forget to edit the "QUIZ_URL_GOES_HERE" with the actual URL of your quiz. Click "View" to test your quiz.
You can find the quiz URL of your quiz under Publish of the Lantern Quiz Builder
.