HD Quiz

Need to send invoices?
Check out my new WordPress plugin HDInvoice
Limited time launch sale

is it possible to add a next quiz at the end of one quiz? (on the result page)

Published: April 29, 2024
Support status: closed

Hi, is it possible to add a next quiz at the end of one quiz? (on the result page).
I have 10 questions in one quiz and then another quiz that people can take after.
Thank you in advance

thread author: Carole

Hi Carole,
you can place any quiz on any page, post, custom post type, sidebar, widget, etc., so it is impossible for HD Quiz to automatically know what the link to the “next quiz” is so there would be no way to automate this.

HOWEVER, the results allow you to add any custom content you want. So in your case, you can simply add a link to the next quiz within your Quiz Pass and Quiz Fail result text.

BONUS: I don’t know how familiar or comfortable with HTML you are, but looking at your homepage, I see that your site uses the following classnames for buttons: gb-button gb-button-e261ff3d gb-button-text rounded-icon. The Result Text editor can be put into “text” mode, allowing you to edit the content as HTML. Using this, you can add the above classnames to your link to the next quiz. This is 100% optional of course, but if you do this, it will make your links look like the buttons found throughout the rest of your site.

29 April 2024 — 15:07 support admin - Dylan

Thanks.I’m glat there is a solution. I tried this but it does not style as a button, just a link. Does it look right to you please? Next quiz

29 April 2024 — 22:16 thread author - carole

Unfortunately, you will need to follow the instructions I provided in the “bonus” section above. This is specific to your theme => those class names I provided belong to your theme.

The best advice I can give is to create a link as normal, then switch into “text” mode for the editor.

You will then see something similar to <a href="##the-actual-link-to-your-next-quiz" rel="nofollow ugc">Next quiz</a>.

This is unlikely to change the appearance in the editor, but it should make your link look like the buttons on your site on the actual quizzes.

You’d need to edit that line to <a href="##the-actual-link-to-your-next-quiz" class = "gb-button gb-button-e261ff3d gb-button-text rounded-icon" rel="nofollow ugc">Next quiz</a>

30 April 2024 — 12:06 support admin - Dylan

Ah thank you. I did that. It does not appear as button on the website though. I will try to make it work or keep the link as is. Thanks again!

30 April 2024 — 16:51 thread author - carole

I just checked and confirmed that you correctly added the class names. It looks like the issue is that your pages load a different style sheet than your homepage. So your pages do not include the same styles as your homepage for the buttons.

If you want, I can provide you with some custom CSS that you can add to your site (appearance -> customize -> additional CSS) that will mimic the styles of your homepage. Just let me know!

30 April 2024 — 17:34 support admin - Dylan

Thank you. If you can help me with the CSS, that woudld be very much appreciated. Thank you in advance.

02 May 2024 — 19:35 thread author - carole

Adding the following CSS to your site will change ALL links within the quiz results to resemble how your current buttons look on the homepage.

.hdq_results_inner a {
    background-color: #1f2a44;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 30px;
    margin-right: 20px;
    border: 1px solid #ffffff;
    color: #ffffff;
    text-decoration: none;

.hdq_results_inner a:hover {
    background-color: #2f4067;
    color: #ffffff;
02 May 2024 — 19:54 support admin - Dylan

Amazing! Thanks! It works perfectly! Thank you VERY MUCH!

09 May 2024 — 19:19 thread author - carole

PS: Do I still keep this for the html for each button please?
Next quiz

09 May 2024 — 19:23 thread author - carole

a class=”gb-button gb-button-e261ff3d gb-button-text rounded-icon” href=”link/” target=”_blank” rel=”noopener noreferrer”>Next quiz</a

09 May 2024 — 21:17 thread author - carole

No that shouldn’t be needed anymore. Now any and EVERY link you add to the results text will be styled like that. The pro of this is that it makes things a lot easier for you. The con is that you’ve now lost the ability to add a normal styled link to the results (if you were to ever want to do that)

10 May 2024 — 13:36 support admin - Dylan

Perfect for me. Thanks again!!!

10 May 2024 — 16:04 thread author - carole

Respond to thread

This thread has been closed / marked as resolved.
You can reply to this thread, but it might be better to start a new thread if you need help

You can also upload images to imgur and paste the links here. Just make sure that your images don't include any sensitive information.