RSS Feed Widget - HL Vanilla Community
<main> <article class="userContent"> <p>You can use the RSS Feed widget to promote blog content and important news feeds in your <strong>Higher Logic Vanilla</strong> (<strong>Vanilla</strong>) community. After you configure the widget with an RSS feed's URL, the thumbnails, titles, and descriptions are automatically populated from the feed.</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/5ZLPB6D2HUIM/screen-shot-2021-03-03-at-6-35-58-pm.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/5ZLPB6D2HUIM/screen-shot-2021-03-03-at-6-35-58-pm.png" alt="screen-shot-2021-03-03-at-6-35-58-pm.png" height="728" width="1600" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="set-up-the-rss-feed-widget"><strong>Set up the RSS Feed widget</strong></h2><p>1. Open the Dashboard and navigate to the Pockets page; select <strong>Add Pocket</strong>.</p><p>2. Select <strong>RSS Feed</strong> as the <strong>Type</strong> and add a name to your pocket so you can easily identify it later.</p><p>3. Type or paste the <strong>URL</strong> of the feed and, optionally, specify a <strong>Title</strong>, <strong>Subtitle</strong>, and <strong>Description</strong>.</p><p>📝 <strong>NOTE</strong>: The RSS feed URL must return the Title, Link, and Description to work properly.</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/JT86H3IGMJDV/screen-shot-2021-06-23-at-10-04-04-am.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/JT86H3IGMJDV/screen-shot-2021-06-23-at-10-04-04-am.png" alt="Screen Shot 2021-06-23 at 10.04.04 AM.png" height="974" width="1600" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>Next, you will have to set the Placement & Conditions of the pocket. See <a href="https://success.vanillaforums.com/kb/articles/19-pockets#working-with-pockets" rel="nofollow noreferrer ugc">working with pockets</a>.</p><p>✔️ <strong>TIP</strong>: Make sure that you try out various locations on your staging site to decide which looks best before setting it up on your production site.</p><h2 data-id="rss-feed-widget-examples">RSS Feed widget examples</h2><h4 data-id="subcommunities">Subcommunities</h4><p>Point users to your subcommunity homepages.</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/9YCWC5E2VY9D/kixxfjrsylrlhbluxmuwj6w71rm9rxkunverjjmkhm1apbftfrxj-wnmtm2llbcavy6-rwpniubdeaius9p0zf-zsv4gtczawbyg9t4npdm4eeycu2wtditlufiwlcpdtnnvqpv.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/9YCWC5E2VY9D/kixxfjrsylrlhbluxmuwj6w71rm9rxkunverjjmkhm1apbftfrxj-wnmtm2llbcavy6-rwpniubdeaius9p0zf-zsv4gtczawbyg9t4npdm4eeycu2wtditlufiwlcpdtnnvqpv.png" alt="KiXXFjRSyLrLhbluXMuWj6w71Rm9rxkuNVERJjmkHM1ApBFTfrxj-wNMTm2lLbcAvY6_RwPNiUbDeaius9P0zF_zsV4gTcZAWByG9t4NPDm4eEycu2wTditLuFIwLcpdTNNvqpv-.png" height="447" width="1600" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h4 data-id="tag-cloud">Tag cloud</h4><p>Add a cloud of your most frequently used tags.</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/0615DHKLL9IM/53ph6jwwkda0echpl8gm6t0ux8oximgp-xbyukeb88bpo1g4si6aqsx4emiksuwn33g-mpxnizjljd2536blgl33xl5den3sgdan8cdyuuikxae-2-iu7kxacshlqbdw9tea4jfv.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/0615DHKLL9IM/53ph6jwwkda0echpl8gm6t0ux8oximgp-xbyukeb88bpo1g4si6aqsx4emiksuwn33g-mpxnizjljd2536blgl33xl5den3sgdan8cdyuuikxae-2-iu7kxacshlqbdw9tea4jfv.png" alt="53pH6jWwKDA0EcHPl8gm6t0Ux8OXimGp-XbYuKeb88BpO1G4sI6aQSX4EmikSUWn33g_MpxnIzjlJD2536BLgl33XL5DEN3SGdAN8CDYuUikXaE-2-iU7KxaCshLQBDW9teA4jfv.png" height="186" width="303" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="widget-display-settings">Widget display settings</h2><p>The widget and its contents inherit their properties from the <strong>Global Styles</strong> settings in <a href="https://success.vanillaforums.com/kb/articles/279-style-guide-editor-overview" rel="nofollow noreferrer ugc">Theme Editor</a>. These settings determine the appearance of the widgets on your community pages.</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/YUB186PU93T0/theme-globalstyles-for-widgets.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/YUB186PU93T0/theme-globalstyles-for-widgets.png" alt="Theme_GlobalStyles for widgets.png" height="622" width="1255" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>📝 <strong>NOTE</strong>: Currently, it is <strong>not</strong> possible to format (i.e., change the properties) the widget elements individually.</p><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/URKVPP42I0GZ/theme-globalstyles-settings.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/URKVPP42I0GZ/theme-globalstyles-settings.png" alt="Theme_GlobalStyles_settings.png" height="390" width="360" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <p>The widgets in your Vanilla community inherit most of their properties from the <strong>Global Styles</strong> settings. Some examples of this that are on several widgets are:</p><ul><li><em>Background</em> color is inherited from the <strong>Background</strong> setting.</li><li><em>Title</em>, <em>Description</em>, and <em>article link</em> colors are inherited from the <strong>Text</strong> setting.</li><li><em>View All link</em> and <em>username link </em>colors are inherited from the <strong>Links</strong> setting.</li><li><em>Subtitle</em> and <em>hover-over</em> colors are inherited from the <strong>Brand Color</strong> setting.</li></ul><p><br></p> </article> </main>