{"id":2707,"date":"2017-08-09T10:07:15","date_gmt":"2017-08-09T10:07:15","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/salesforce\/?p=2707"},"modified":"2025-05-09T07:17:07","modified_gmt":"2025-05-09T07:17:07","slug":"implementing-rss-feeds-on-your-home-page-using-visualforce-page","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/salesforce\/2017\/08\/09\/implementing-rss-feeds-on-your-home-page-using-visualforce-page\/","title":{"rendered":"Implementing RSS feeds on your Home Page using Visualforce page"},"content":{"rendered":"<p>Salesforce allows its users the ability to modify their Standard Home page by using various components such as links, images, HTML area and Visualforce area; the latter being a Visualforce area component to display your Visualforce page. It has also abandoned a few features of its own to implement something better the best example of \u201cthings lost in transition\u201d is tag. While over the years developers have been using or tag to embed another website or RSS feed in their Visualforce pages but as these tags not working as expected anymore it has become quite a challenge for developers to embed external websites and rss feeds in their Visualforce page.<\/p>\n<p>With the iframes not being supported anymore either in HTML components or in Visualforce pages implementing RSS feeds has been difficult. So, in this blog we will discuss a work around that would help you implement RSS feeds in your Visualforce page. For its implementation, we will first create an Apex controller refer the below image for apex class.<\/p>\n<div id=\"attachment_2709\" style=\"width: 621px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2017\/08\/1.-Apex-Class.png\" target=\"_blank\" rel=\"noopener\"><img fetchpriority=\"high\" decoding=\"async\" aria-describedby=\"caption-attachment-2709\" class=\"wp-image-2709 size-full\" title=\"Apex Class\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2017\/08\/1.-Apex-Class.png\" alt=\"Apex Class\" width=\"611\" height=\"284\" \/><\/a><p id=\"caption-attachment-2709\" class=\"wp-caption-text\">Apex Class<\/p><\/div>\n<p>Now, let\u2019s create a Visualforce page named \u201cRSSFeedGenerator\u201d that will refer this class, refer the below image for the code.<\/p>\n<div id=\"attachment_2710\" style=\"width: 605px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2017\/08\/2.-Visualforce-page.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" aria-describedby=\"caption-attachment-2710\" class=\"wp-image-2710 size-large\" title=\"Visualforce page\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2017\/08\/2.-Visualforce-page-1024x550.png\" alt=\"Visualforce page\" width=\"595\" height=\"320\" \/><\/a><p id=\"caption-attachment-2710\" class=\"wp-caption-text\">Visualforce page<\/p><\/div>\n<p>You can then preview this page to view the RSS feeds and you can further include this page in other Visualforce pages.<\/p>\n<p><strong>To include RSS feeds in your Home Page-<\/strong><br \/>\nNow from your setup perform a quick search for \u201cHome Page Components\u201d and then click on the same. And refer the below steps-<br \/>\n1. Under \u201cCustom Components\u201d category click on \u201cNew\u201d button you will be redirected to Custom Component page, enter the desired name for the component and select \u201cVisualforce Area\u201d as its type and then click on \u201cNext\u201d.<br \/>\n2. Once redirected to \u201cNew Custom Component\u201d page. Set the following attributes-<br \/>\n&#8211;&gt; Component Position- Wide (Right) Column<br \/>\n&#8211;&gt; Visualforce Page- Select the name of your Visualforce page from the drop-down list. In our case that will be \u201cRSSFeedGenerator\u201d.<br \/>\n&#8211;&gt; Height (in pixels)- You can enter any value that satisfies your need. We will enter \u201c500\u201d as the pixel value.<br \/>\n&#8211;&gt; Show scrollbars- You can keep it check if you want and the same applies for \u201cShow Label\u201d.<\/p>\n<p>Your configuration for your \u201cHome Page Component\u201d must be something like this-<\/p>\n<div id=\"attachment_2711\" style=\"width: 605px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2017\/08\/3.-Configuration.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" aria-describedby=\"caption-attachment-2711\" class=\"wp-image-2711 size-large\" title=\"Configuration\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2017\/08\/3.-Configuration-1024x355.png\" alt=\"Configuration\" width=\"595\" height=\"206\" \/><\/a><p id=\"caption-attachment-2711\" class=\"wp-caption-text\">Configuration<\/p><\/div>\n<p>Now once the Home Page Component is created then go back to setup and this time search for \u201cHome Page Layouts\u201d. Click on edit for the page layout that you want to edit most of the time there will be only one layout present. Select your VF component and click \u201cNext\u201d. In your multi-select arrange its position and click on \u201cSave\u201d. That&#8217;s it, now click on your \u201cHome\u201d tab and you will be able to see RSS feeds in your Home Page.<\/p>\n<div id=\"attachment_2712\" style=\"width: 605px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2017\/08\/4.-Feeds.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2712\" class=\"wp-image-2712 size-large\" title=\"Feeds\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2017\/08\/4.-Feeds-1024x518.png\" alt=\"Feeds\" width=\"595\" height=\"301\" \/><\/a><p id=\"caption-attachment-2712\" class=\"wp-caption-text\">Feeds<\/p><\/div>\n<p>Using various \u201cHome Page components\u201d you can modify your Home page as per your wish and also you can set different layouts for different users.<\/p>\n<p><strong>About Us<\/strong><br \/>\n<a href=\"https:\/\/www.greytrix.com\/\" target=\"_blank\" rel=\"noopener\">Greytrix<\/a> is one stop solution provider for Sage ERP and Sage CRM needs. We provide complete end-to-end assistance for your technical consultations, product customization\u2019s, data migration, system integrations, third party add-on development and implementation expertise.<\/p>\n<p><a href=\"https:\/\/www.greytrix.com\/\" target=\"_blank\" rel=\"noopener\">Greytrix<\/a> have some unique solutions for Cloud CRM such as Salesforce integration with <a href=\"https:\/\/www.greytrix.com\/product\/sage-x3\/gumu-x3-salesforce-integration\" target=\"_blank\" rel=\"noopener\">Sage X3<\/a>, <a href=\"https:\/\/www.greytrix.com\/product\/sage-100-erp\/gumu-100-salesforce-integration\" target=\"_blank\" rel=\"noopener\">Sage 100<\/a> and <a href=\"https:\/\/www.greytrix.com\/product\/sage-300-erp\/gumu-300-salesforce-integration\" target=\"_blank\" rel=\"noopener\">Sage 300<\/a>. We also offer best-in-class Cloud CRM <a href=\"https:\/\/www.greytrix.com\/product\/crm-development\/salesforce-com\" target=\"_blank\" rel=\"noopener\">Salesforce customization and development services<\/a> to business partners and end users. <a href=\"https:\/\/www.greytrix.com\/\" target=\"_blank\" rel=\"noopener\">Greytrix<\/a> have some unique solutions for On-Premise CRM such as Sage CRM integration with <a href=\"https:\/\/www.greytrix.com\/product\/sage-crm\/gumu-sage-x3-integration\" target=\"_blank\" rel=\"noopener\">Sage X3<\/a>, <a href=\"http:\/\/www.greytrix.com\/product\/sage-crm\/gumu-sage-100-erp-integration\" target=\"_blank\" rel=\"noopener\">Sage 100<\/a>, <a href=\"https:\/\/www.greytrix.com\/product\/sage-crm\/gumu-sage-300-erp-integration\" target=\"_blank\" rel=\"noopener\">Sage 300<\/a>, <a href=\"https:\/\/www.greytrix.com\/product\/sage-crm\/gumu-sage-500-erp-integration\" target=\"_blank\" rel=\"noopener\">Sage 500<\/a> and Sage 50 . We also offer best-in-class On-Premise <a href=\"https:\/\/www.greytrix.com\/product\/crm-development\/sage-crm\" target=\"_blank\" rel=\"noopener\">Sage CRM customization and development services<\/a> to business partners and end users.<\/p>\n<p>For more information, please contact us at <a href=\"mailto:salesforce@greytrix.com\">salesforce@greytrix.com<\/a>. We will be glad to assist you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Salesforce allows its users the ability to modify their Standard Home page by using various components such as links, images, HTML area and Visualforce area; the latter being a Visualforce area component to display your Visualforce page. It has also abandoned a few features of its own to implement something better the best example of\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2017\/08\/09\/implementing-rss-feeds-on-your-home-page-using-visualforce-page\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[13,178,316,317,392,526],"class_list":["post-2707","post","type-post","status-publish","format-standard","hentry","category-salesforce-srv","tag-apex","tag-homepage-component","tag-rss-feeds","tag-rss-feeds-in-visualforce-page","tag-salesforce-development","tag-visualforce-page"],"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts\/2707","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/comments?post=2707"}],"version-history":[{"count":4,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts\/2707\/revisions"}],"predecessor-version":[{"id":10675,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts\/2707\/revisions\/10675"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/media?parent=2707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/categories?post=2707"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/tags?post=2707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}