[Plugin: SlickQuiz] Quiz Not Showing in Post

The Word – I had a similar issue and wanted the quiz on a draft post. What I ended up doing was going back and adding the quiz to an old post that I was pretty sure wouldn’t get looked at in the short amount of time it took to get the problem fixed. That way, @jewelofthelotus could look at the entire page, but the quiz still wouldn’t show up where others could see it.

@ Jewlofthelotus Sorry about the absence. I think I see what I was doing wrong. I’ve pasted the source code here: https://pastebin.com/2Hq5m109
Thanks for you patience.

@thebusybibliophile – I’ll see if I managed to send the right code this time. Then I’ll your suggestion ??

Regards,
The Word

@the Word – Thanks! That was exactly what I needed. It looks like you probably don’t have a method in your theme that is needed to add the required scripts to the page.

Take a look at your theme’s footer.php template for the method wp_footer(), if you don’t find it there – add the following bit of code to the template before the closing </body> tag:


<?php
/* Always have wp_footer() just before the closing </body>
* tag of your theme, or you will break many plugins, which
* generally use this hook to reference JavaScript files.
*/

wp_footer();
?>

That should do it, let me know if you have any trouble with it!

@jewlofthelotus – Thanks. I’ll try it and let you know.

@jewlofthelotus. It works. Thank you so much for your help.
Regards,
The Word

@the Word – Awesome! Glad to hear it! Theme creators often forget to add that method in, but a lot of plugins rely on it.

I’m having the same problem.. quiz is not showing up, but gives me error if I give an invalid quiz id.

Here is the page where it’s supposed to show up: https://spingreen.com/eco-quiz/

P.S: Don’t mind the quiz on the bottom right, it’s a filler.

Thank you.

@fayta – It looks like scripts on the page are breaking before the quiz is able to load. There are several javascript errors that will need to be fixed before the quiz scripts will even execute.

Take a look at the Console pane in your browser’s “Developer Tools” panel to see the errors.

Is there any way to bypass fixing those errors and making the plugin work? I tried other quiz plugins and they work, but this one is by far the nicest and cleanest so I’d love to use it.

Thanks.

@fayta – Unfortunately, no. SlickQuiz relies on JavaScript to work, and since the scripts for this particular plugin get loaded after everything else that is broken, it won’t execute until the broken stuff before it is resolved.

I am trying to add 5 sample questions at the end of each of my online book chapters. I had no problem creating the questions, publishing them and pasting [slickquiz id=1] just before references at the end of the chapter.The problem is nothing happens when I click on get started, just a pretty blue icon. I copied the html code around the end of the chapter and posted on pastebin https://pastebin.com/k1zZu0mF Do you need the code for the entire chapter or will this do it? Thanks…Bob

Hi @rhoyt – I’ll need the full source code for the page to figure out what’s going on. So you’ll need to have the [slickquiz id=1] shortcode added to the post, and then either preview the post or temporarily publish it – either way, I’ll need the source code from the previewed or published page. To get the source, right click on the previewed / published page > click “View Source” > copy all the code you see into pastebin for me. Thanks!

Ok. Here is the link to pastebin where I copied and pasted the code for the entire chapter https://pastebin.com/jL8RZcvr

Basically, I viewed my chapter in html in my WYSIWYG editor and pasted [slickquiz id=1] just above “References” near the end of the chapter and published it but I didn’t embed it in any other html code. Many thanks….Bob

Thanks @rhoyt – but that’s still not quite what I need. I can’t use the code within the WYSIWYG, I need the code that WordPress generates for the full webpage.

If the page is published (with the broken quiz included), you can just send me the link to the page.

Otherwise you’ll need to have the [slickquiz id=1] code where you want it on the page and then click “Preview” to open up the preview page – from the preview page, right click > select “View Source” > copy all the code you see in the new window that opens > put that in pastebin and send me the URL they give you. The code should start with something like <!DOCTYPE ....

My apologies. Didn’t know I needed to grab it in SlickQuiz. Please try this https://pastebin.com/MZM415tN …..Bob