Want to make your quiz result pages look more engaging? You can use HTML along with CSS to add images, links, lists, styled text, and more to the subheading of your result page. It’s easy — just follow the steps below and copy any of the ready-made examples.
If you don’t find the exact design you’re looking for, feel free to message us via live chat inside the app, and we’ll be happy to help and provide the needed code.
How to Use HTML in Result Page Subheading #
- Go to the Quizzes tab in the Recomma dashboard.
- Open the quiz where you want to make changes.
- Navigate to the Result Page section.
- Find the Subheading field.
- Click on the “<>” (Source Code) icon in the toolbar.
- Insert any HTML code inside the editor and click Save.
Now your subheading can include styled content, visuals, and even links to your store or other pages.
Ready-to-Use HTML Examples #
Add an Image #
<img src=”https://placeholder.com/” alt=”Result Image” style=”width:100%;”>
Add a Link #
<a href=”https://yourstore.com” target=”_blank” style=”color:#007aff; text-decoration:none; font-weight:bold;”> Visit Our Store </a>
Add a List #
<ul style=”padding-left:20px; font-size:16px;”> <li>Free Shipping</li> <li>Eco-Friendly Packaging</li> <li>24/7 Support</li> </ul>
Add a Styled Paragraph #
<p style=”font-size:16px; color:#333;”> This product is selected based on your answers. You’re going to love it! </p>
Add a Button #
<a href=”https://yourstore.com” target=”_blank” style=”background:#002E98; color:#fff; padding:10px 20px; border-radius:5px; text-decoration:none; display:inline-block;”> Shop Now </a>
If you don’t find the exact design you’re looking for, feel free to message us via live chat inside the app, and we’ll be happy to help and provide the needed code.
