WordPress - HL Vanilla Community
<main> <article class="userContent"> <p>The following is a a guide for Vanilla with our free Wordpress plugin</p><h2 data-id="the-vanilla-forums-wordpress-plugin">The Vanilla Forums WordPress Plugin</h2><p>First, you’ll need the Vanilla Forums plugin for WordPress. And guess what, <a href="https://wordpress.org/plugins/vanilla-forums/" rel="nofollow noreferrer ugc">it’s free</a>!</p><p> After downloading the plugin, installation is easy. Just follow these two simple steps:</p><ol><li>Upload the vanilla-forums folder to /wp-content/plugins/</li><li>Activate the plugin through the ‘Plugins’ menu in WordPress</li></ol><p>Once it’s installed, the following option will be added to your WordPress admin menu:</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/WXI2DWXXBZ8D/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/WXI2DWXXBZ8D/image.png" alt="image.png" height="279" width="454" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p> </p><p>Now let’s learn about all the various features.</p><h2 data-id="setting-up-your-wordpress-plugin">Setting up your WordPress plugin</h2><p>The first thing to do is “validate” your community. This allows our WordPress plugin to access your community’s data to use with widgets (<em>more on widgets in a moment</em>). </p><p>To start the setup, go to the menu item in the plugin:</p><p>Now add your community URL and press validate:</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/VIBO6MRGKJ5I/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/VIBO6MRGKJ5I/image.png" alt="image.png" height="275" width="530" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>If you have an issue here, it’s related to where you host your WordPress install. The following checklist addresses some common causes of this error: </p><ol><li>The forum is not actually located at the url you used. Recheck the address.</li><li>The DNS isn’t updated.</li><li>You pointed at an embedded page instead of the actual forum.</li><li>Does the PHP have cURL enabled? Just <em>having</em> cURL isn’t enough. It needs to be in the copy of php actually running web requests. If you’re not sure, contact your WordPress host.</li><li>Did you modify the template improperly? It’s possible that cURL can’t process the pages.</li></ol><p>Still having trouble? No worries. If you can’t solve the error it won’t impact your ability to use the plugin. It just means you can’t use the widgets included in the Vanilla Forums plugin. </p><p>But if you still run into issues and know your WordPress host is not the cause, contact our support team or your dedicated Customer Success Manager for one-on-one assistance.</p><h2 data-id="using-vanilla-comments">Using Vanilla Comments</h2><p>“Comments” are the most common integration on any website, which is why WordPress offers a basic tool for commenting, out-of-the-box. </p><p>There are also many companies that offer somewhat customizable solutions, such as Disqus. But beware the fine print. The customer data is not owned by you, and your visitors are being subjected to advertising, potentially about your competitor's products.</p><p>Vanilla takes a different approach. All our plans offer a commenting solution, but it also integrates with your existing community and login system.</p><p>What does that mean? It means that when a visitor adds a comment to a blog post or any other piece of content, it not only appears on your WordPress site. Our robust plugin also creates a corresponding discussion in your Vanilla community in the category of your choice. </p><p>Here’s an example:</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/9LOF0V7WIFVS/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/9LOF0V7WIFVS/image.png" alt="image.png" height="1079" width="1339" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>Ready to claim the same for your blog and community? Then follow these next steps.</p><p>In your Vanilla dashboard, go to the technical section. Here you’ll see “Embedding”. Toggle the setting to “on”.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/LS2AJ2ZOZDN8/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/LS2AJ2ZOZDN8/image.png" alt="image.png" height="1079" width="1339" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>Next, let’s enable this functionality on your WordPress site. Once you’ve uploaded and enabled our plugin, select “Comment Integration” from the Vanilla Forum menu.</p><p>You’ll be presented with following screen. Go ahead and make modifications as you like. Maybe you’d like to create a “Blog Comments” category in your community, or match your blog and community categories. Just make sure you spell them the same way.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/UWEXSB8UPE0C/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/UWEXSB8UPE0C/image.png" alt="image.png" height="1079" width="1339" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>That’s it! Now your blog visitors can comment on either your blog or community and the content will show up in both places.</p><p><em>Note: The comment plugin will not work with private communities. Are you using WordPress for your blog, or do you need to move to a different system? Don’t fret. You can use our Universal Embed Comment code. Learn more </em><a href="https://blog.vanillaforums.com/help/use-vanilla-comments-without-wordpress/" rel="nofollow noreferrer ugc"><em>here</em></a><em>.</em></p><p>Using Vanilla WordPress Widgets<br></p><p>As soon as you complete the setup and validate your community address, a few Vanilla tools become available in your WordPress Widget menu : </p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/RO1AIS8D1WI9/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/RO1AIS8D1WI9/image.png" alt="image.png" height="1079" width="1339" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="vanilla-discussions-widget"><strong>Vanilla Discussions Widget</strong></h2><ul><li>This widget displays recent discussions in your Vanilla Forum on your WordPress site. </li><li>This widget displays recent activity in your Vanilla forum, like user registrations or status updates. </li></ul><h2 data-id="vanilla-activity-widget"><strong>Vanilla Activity Widget</strong></h2><ul><li>This widget displays a list of users who’ve recently been active on your Vanilla forum. </li><li>You can define how many discussions to show and filter specific discussion categories.</li></ul><h2 data-id="vanilla-users-widget"><strong>Vanilla Users Widget</strong></h2><ul><li>You can define how many activities to show and filter activities from users in specific roles, like administrator activity, for example.</li><li>You can define how many users to show.</li></ul><p>These out-of-the-box widgets read information from your Vanilla community and adds it to various areas on your WordPress site, wherever the widgets are enabled. </p><p><em>Please note : these widgets only work with publicly-accessible Vanilla communities.</em></p><h2 data-id="vanilla-wordpress-single-sign-on">Vanilla & WordPress Single Sign-On</h2><p>The most powerful way to use Vanilla’s Wordpress plugin is with the Single Sign-On option.</p><p>This allows you to connect WordPress membership levels to content in the community. You can even use it to charge users for access to both WordPress and Vanilla Forum content by simply sharing membership connections between the two systems.</p><h2 data-id="getting-started-with-sso">Getting started with SSO</h2><p>To setup SSO, click the Single Sign-On menu item to get to the following screen. Now copy the values in these fields into the SSO settings on your Vanilla jsConnect configuration page.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/5N5L9TTBTZVK/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/5N5L9TTBTZVK/image.png" alt="image.png" height="1079" width="1339" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><ul><li><strong>Enable: </strong>If you check this, users to your Vanilla Forum will sign in through your WordPress login page.</li><li><strong>Secret: </strong>Click “<em>Generate</em>” to create a secret key.</li><li><strong>Client ID: </strong>This is can be any <em>numeric value</em> or <em>text value</em> you set. Make sure it has no spaces or non-alphanumeric characters. Use dashes (-) to separate words.</li><li><strong>Other Information for Vanilla:</strong> These are values generated automatically by WordPress that you must copy to your Vanilla install. This information lets Vanilla know how to process your members.</li></ul><h2 data-id="getting-information-from-jsconnect">Getting Information from jsConnect</h2><p>Keeping WordPress open, login into your Vanilla Forum dashboard in another tab or window. In the Membership menu group, click the dashboard menu item “jsConnect”. Click “Add Connection”.</p><p>The first step on the jsConnect screen is to enter the ClientID and Secret from your WordPress install into the appropriate fields. </p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/GP66B1LXD43P/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/GP66B1LXD43P/image.png" alt="image.png" height="229" width="1021" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>Now copy the URL values from the backend of your WordPress install and paste them into your Vanilla Forum jsConnect configuration form. These are the : </p><ul><li>Authentication URL </li><li>Sign-In URL </li><li>Registration URL</li><li><em>Leave the Sign-Out URL blank</em></li></ul><p>You’re almost done. Here are some additional options to consider in your Vanilla Forums backend:</p><ul><li><strong>“This is trusted connection and can sync roles & permissions”</strong></li><li>This setting ensures that roles and permissions sync properly between the two systems. To make this work, you need to confirm that the WordPress and Vanilla username groups are the same. </li><li><br></li><li>For example, in WordPress you may have Author or Subscriber roles. You should create these user groups in your Vanilla install as well. You can do this by clicking on “Roles & Permissions” in the Vanilla Forums backend and then on “add role”. </li><li><br></li><li><em>Note: Any user created in the forum prior to jsconnect will not be synced.</em></li><li><br></li><li><strong>“Make this connection your default signin method”</strong> </li><li>This setting forces people signing into your Vanilla Forum to go through your WordPress login screen. Check this so the SSO can work as intended through your WordPress login page.</li><li><br></li><li><strong>Advanced section</strong> </li><li>This allows you to control the hash method and test the connection to ensure it’s working.</li></ul><h2 data-id="changing-the-registration-type">Changing the Registration Type</h2><p>The final step is to change the way users register with your site. To do this, go to the User menu in the dashboard and select “registration”. If you’re using SSO, change the method to the “Connect” option.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/S4XS76H72QV0/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/S4XS76H72QV0/image.png" alt="image.png" height="371" width="891" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="forum-integration">Forum Integration</h2><p>We’ve left this setting for last because it’s only necessary if you choose to embed your Vanilla community in a WordPress page.</p><p>While we do offer it as an option, we strongly suggest that you send people directly to the subdomain of your community instead, by adding a link to your WordPress menu navigation. </p><p>Why? Mostly because it’s better for your SEO. You <em>do</em> like having good SEO, right? Then don’t embed it, if you can avoid it.</p><h2 data-id="transition-to-vanilla-comments">Transition to Vanilla Comments</h2><p>Vanilla doesn’t have access to your WordPress comments, so simply turning off WP’s comments and turning on Vanilla’s would hide all your existing comments. There are 3 ways to go about remedying this.</p><p>The first is to import all your WordPress comments to Vanilla. You will need need the XML export from your WordPress Dashboard to do this. VanillaForums.com clients may request this as an additional service via support or their sales representative.</p><p>The second is to edit your WordPress template manually to show WordPress comments on posts published before the date of your switchover, and Vanilla comments after the date of your switchover. This would require some elementary PHP. “ The third option is to disable all <em>new</em> WordPress commenting, and manually add Vanilla Comments embed code in the template after WordPress. You’d also want to remove WordPress’s “empty state” message for when there are no comments. This would have the effect of showing all old WordPress comments, followed by any new Vanilla comments, and then the Vanilla commenting box. Obviously this option is a little more complex, so I’d only do it if your comfort level with WordPress template editing is fairly high.</p><h2 data-id="vanilla-forums-blog">Vanilla Forums Blog</h2><ul><li><a href="https://blog.vanillaforums.com/product/how-to-use-vanilla-forums-with-wordpress" rel="nofollow noreferrer ugc">How to use Vanilla Forums with WordPress</a></li></ul> </article> </main>