Hootsuite Integration Guide - HL Vanilla Community
<main> <article class="userContent"> <p><strong>Higher Logic Vanilla</strong> (<strong>Vanilla</strong>) community managers are often monitoring several social channels, including their Vanilla community forums. Hootsuite makes this task easier by providing a social-media <em>management dashboard</em>.</p><p>Vanilla's integration with Hootsuite lets you create streams in that dashboard that display posts from your Vanilla community.</p><p>This article guides you through the three primary steps to <strong>set up the integration</strong>, and it assumes that you have:</p><ul><li>Administrator permissions in Vanilla,</li><li>a Role that has the Staff permission,</li><li>a Vanilla cloud account,</li><li>a Hootsuite account.</li></ul><p>📝 <strong>NOTE</strong>: You will have to access both accounts in order to set up the integration. </p><h2 data-id="step-1-enable-the-hootsuite-addon-in-your-vanilla-account">Step 1 - Enable the Hootsuite Addon in your Vanilla Account</h2><p>1. Access the Dashboard.</p><p>2. Navigate to <strong>Settings > Addons</strong>.</p><p>3. On the Vanilla Addons page, locate the <strong>Hootsuite</strong> addon and slide the toggle to the right (ON) to enable it.</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/CCR57DAUXN0A/hootsuite-enable.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/CCR57DAUXN0A/hootsuite-enable.png" alt="Hootsuite-enable.png" height="143" width="773" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>📝 <strong>NOTE</strong>: If the addon is not listed on the Vanilla Addons page, scroll to the top of the page and confirm that you're viewing the <strong>All</strong> list. If the addon still doesn't display, contact your CSM or Vanilla Support. </p><h2 data-id="step-2-install-the-vanilla-app-in-hootsuite">Step 2 - Install the Vanilla App in Hootsuite</h2><p>Access your Hootsuite account.</p><ol><li>Click the <strong>plus</strong> icon (<strong>+</strong>) to add a stream.</li><li>Click on <strong>Apps</strong> and then <strong>Get More Apps</strong>.</li><li>Search for <strong>Vanilla</strong>.</li><li>Click <strong>install</strong>.</li></ol><p>Alternately, you can navigate to the Hootsuite App Directory from the left menu and search for Vanilla and then click install. </p><p>✔️ <strong>TIP</strong>: You will have to do this multiple times if you want to have multiple streams on the go. You can monitor multiple instances of Vanilla or have streams that display a search based on a <em>keyword</em> or a <em>category in your community</em>.</p><h2 data-id="step-3-connect-your-vanilla-community">Step 3 - Connect your Vanilla Community</h2><p>1. Open your Vanilla community in a dedicated browser tab.</p><p>2. Log in with a Role that has been granted the <strong>Staff</strong> permission.</p><p>3. Specify the URL of your Vanilla community, such as https://www.vanillademo.com, and click <strong>Connect</strong>.</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/AEA1BZZ1JDJK/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/AEA1BZZ1JDJK/image.png" alt="image.png" height="1020" width="1322" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>The stream should load a list of recent discussions from your Vanilla community.</p><p>The Vanilla integration with Hootsuite is successful. </p><h2 data-id="monitor-vanilla-activity-from-within-hootsuite">Monitor Vanilla Activity from within Hootsuite</h2><p>Now that you're integrated with your Hootsuite account, you can monitor and manage your Vanilla community discussions in a <strong>stream</strong> right in the Hootsuite dashboard!</p><p>For example, you can:</p><ul><li>View discussions and expand them to view the comments</li><li>Reply to discussions and comments</li><li>Assign discussions and comments to users within Hootsuite</li><li>Mark assignments as resolved</li><li>Search your Vanilla community discussions</li></ul><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/3FBTFBB40UA1/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/3FBTFBB40UA1/image.png" alt="image.png" height="744" width="1684" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="view-discussions-comments">View Discussions & Comments</h2><p>Discussions display in the stream from the top down, <em>based on the </em><strong><em>most recent activity</em></strong>. (<em>Most recent activity</em> includes new discussions and new comments; both will earn the top spot.) An "old" discussion that receives a new comment will supplant a more recent discussion.</p><p>Discussions display a title and body text.</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/1AII6OC7U207/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/1AII6OC7U207/image.png" alt="image.png" height="1534" width="1780" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>✔️ <strong>TIP</strong>: Check the Hootsuite Help Center for <a href="https://help.hootsuite.com/hc/en-us/articles/1260804252330-Overview-of-Streams" rel="nofollow noreferrer ugc">information on streams</a>.</p><ul><li>Click the <strong>Refresh All</strong> icon in the stream title bar to refresh the stream.</li><li>Click the <strong>speech-bubble</strong> icon to expand the discussion and see the comments.</li><li>Click a discussion title to link to the discussion in Vanilla in a new browser tab.</li></ul><h2 data-id="reply-to-a-discussion">Reply to a Discussion</h2><p>You can reply to a discussion from within Hootsuite and the reply will display in the discussion in your Vanilla community.</p><p>To reply to a discussion:</p><p>1. Expand the discussion to reveal the comments and scroll to the bottom of the stream.</p><p>2. In the text field, type your reply and click <strong>Comment</strong>.</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/AHHBTVOKJZ5S/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/AHHBTVOKJZ5S/image.png" alt="image.png" height="1512" width="1880" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="assigning-resolving">Assigning & Resolving </h2><p>You can assign a discussion to a team member who might be more qualified to answer a question or help with an issue.</p><p>To assign a discussion:</p><p>1. Click the <strong>Assign</strong> icon below the discussion/comment that you want to assign.</p><p>2. In the <strong>Assign to</strong> dialog, select a <strong>Team</strong> and <strong>Team member</strong>. You can also add a note (information and/or instructions).</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/MZ6HK8H0YTQ3/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/MZ6HK8H0YTQ3/image.png" alt="image.png" height="944" width="1706" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>3. Click <strong>Assign</strong>.</p><p>A confirmation message displays above the discussion. </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/9FAX0PESUR4O/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/9FAX0PESUR4O/image.png" alt="image.png" height="750" width="1680" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="view-assignments">View assignments</h3><p>All discussions and comments that get assigned are listed on the Hootsuite Assignments page.</p><ul><li>To view the assigned discussions and comments, navigate to the Hootsuite Assignments page.</li></ul><p>📝 <strong>NOTE</strong>: Assigned items from third-party apps (such as Vanilla) might not display in the new Assignments Manager. You might have to switch to the old Assignments Manager, using the link shown below, in order to see assigned items from Vanilla. </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/R40UVALCJ59T/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/R40UVALCJ59T/image.png" alt="User: "image.png"" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="resolve-an-item">Resolve an item</h3><p>To resolve an item, click on the <strong>resolve</strong> icon and then click <strong>Resolve</strong>. </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/HDAXJMMEG4WL/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/HDAXJMMEG4WL/image.png" alt="image.png" height="808" width="1710" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>📝 <strong>NOTE</strong>: When marking an item as resolved, the <strong>Resolve</strong> dialog might not close as expected after <strong>Resolve</strong> is clicked. The item status will update but you might have to refresh the page in order to clear the dialog. Hootsuite is tracking this issue.</p><h2 data-id="search-vanilla-discussions">Search Vanilla Discussions</h2><p>You can search your Vanilla community discussions from within Hootsuite.</p><p>To search your Vanilla discussions:</p><p>1. Click the <strong>search</strong> icon.</p><p>2. Specify <strong>Keywords</strong> for your search and, optionally, select a <strong>Category</strong>.</p><p>3. Click <strong>Search</strong>.</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/1WQPD8PY648P/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/1WQPD8PY648P/image.png" alt="image.png" height="772" width="1690" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>Your stream will display Vanilla community discussions that match the search criteria.</p><h3 data-id="permanent-monitor">Permanent monitor</h3><p>If you would like to permanently monitor your Vanilla community based on the search criteria, you can create a new stream by repeating the installation steps above and filtering the stream using search.</p><h2 data-id="advanced-actions-limitations">Advanced Actions Limitations</h2><p>Advanced actions, such as <em>editing a comment</em>, <em>applying a warning</em>, and <em>using Reactions</em> cannot be done in the Hootsuite dashboard; you must click through to the discussion in Vanilla to perform the action.</p> </article> </main>