Vanilla Forums won't showing up in WordPress

Scolpy

Hey guys,

I've made the Vanilla Forums integration with WordPress and from some reason I don't see the forum. I've checked that I defined all settings and I didn't see anything wrong.

In the page source, I see this code of Vanilla Forums:

< script type="text/javascript" src="http://www.example.com/vanillaforums/js/embed.js">

And the script exist. so what can be the problem?

I'm using in WordPress v3.4.2, Vanilla Forums v2.0.18.4 and Vanilla Forums WordPress plugin v1.1.14.

Thanks!

HalfCat

Do you have a real link for us to look for ourselves?

Scolpy

@HalfCat said:
Do you have a real link for us to look for ourselves?

Sure,
http://bit.ly/V7NI8W

x00

you are missing a <div id="vanilla-comments"></div> after your embed code.

Scolpy

@x00 said:
you are missing a <div id="vanilla-comments"></div> after your embed code.

that's probably because I didn't set the Comments Integration. and I didn't put this embed code, I just using in the Vanilla Forum Template.

x00

From debug

 var vanillaIframe = document.createElement('iframe');
vanillaIframe.id = "vanilla"+id;
vanillaIframe.name = "vanilla"+id;
vanillaIframe.src = vanillaUrl(currentPath);
vanillaIframe.scrolling = "no";
vanillaIframe.frameborder = "0";
vanillaIframe.allowtransparency = true;
vanillaIframe.border = "0";
vanillaIframe.width = "100%";
vanillaIframe.height = "1000";
vanillaIframe.style.width = "100%";
vanillaIframe.style.height = "1000px";
vanillaIframe.style.border = "0";
vanillaIframe.style.display = "block";
(document.getElementById('vanilla-comments')).appendChild(vanillaIframe); 

This is regardless of whether it is a comment integration or not.

x00

It worked for me when I faked it.

I think the problem is there is several version of the embed code lying around, and it has got a bit disjointed.

x00

You can put it anywhere after the script.

x00

I'd Report the issue here
https://github.com/vanillaforums/Garden/issues

x00

even though the wordpress plugin is not part of the core, the embed script is. So they should be able sort it. In the mean time use the workaround.

Scolpy

I've added this code but I still don't see the forum.

Thanks!

x00

try adding it before the script.

vrijvlinder

Try deleting the WP Page where you embedded the forum and use a new one. Make sure you installed and activated the Vanilla plugin into WP . The only code you need is the js that is provided in the dashboard. Because the plugin needs to be installed I believe. There is no need to add the html within the js. That will only create an empty div above or below the js output.

Scolpy

@x00 said:
try adding it before the script.

Thanks! that's works now.

I just have this error at the bottom of the page:

Failed to embed Vanilla: ReferenceError: vanilla_forum_url is not defined

Do you know for which reason it's showing?

@vrijvlinder said:
Try deleting the WP Page where you embedded the forum and use a new one. Make sure you installed and activated the Vanilla plugin into WP . The only code you need is the js that is provided in the dashboard. Because the plugin needs to be installed I believe. There is no need to add the html within the js. That will only create an empty div above or below the js output.

That's exactly what I thought! but in practice it doesn't work in that way...

x00

yeah it has that value but it is added at the bottom you need to add it before.

so

<script type="text/javascript">var vanilla_forum_url='http://your.site.com/path/to/real/forum';</script&gt;
<div id="vanilla-comments"></div>

sugargrp

I lost so much time with the same problem. In my case was simple.
in "forum integration" menu click on the link after "You can further customize the page That contains your forum" will bring up the login page, at the bottom right shows the vanilla template but the setting is not saved. Click Upgrade.

in my case this was the "problem"