{"id":5924,"date":"2020-12-30T07:24:51","date_gmt":"2020-12-30T07:24:51","guid":{"rendered":"https:\/\/www.greytrix.com\/blogs\/salesforce\/?p=5924"},"modified":"2020-12-30T07:24:55","modified_gmt":"2020-12-30T07:24:55","slug":"how-to-activate-and-add-salesforce-lightning-component-on-community-experience","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/salesforce\/2020\/12\/30\/how-to-activate-and-add-salesforce-lightning-component-on-community-experience\/","title":{"rendered":"How to Activate and Add Salesforce Lightning component on Community experience"},"content":{"rendered":"\n<p>In this blog, we will discuss how to create and activate the Community experience in Salesforce. Salesforce provides the framework in which you can manage or build a custom portal for a specific set of customers, partners, and employees. It will give a rich interface for the brand management and customer portal also user can manage the community portal from the mobile, Tablets as well as from Desktop.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Activating the Salesforce Lightning Component for community experience.<\/strong><\/h3>\n\n\n\n<p>Initially we need to activate the Salesforce lightning community experience for Salesforce org. below are the steps to activation<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Firstly, log in to Salesforce org.<\/li><li>Secondly, navigate to \u201c<strong>Setup<\/strong>\u201d<\/li><\/ul>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/1.Salesforce-Setup.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/1.Salesforce-Setup.jpg\" alt=\"Salesforce Setup\"><\/a><\/center>\n<font size=\"2\"><center><i>Salesforce Setup<\/i><\/center><\/font>\n\n\n\n<ul class=\"wp-block-list\"><li>Thirdly, go to the \u201c<strong>Quick<\/strong>\u201d find box and search for <strong>\u201cAll Communities\u201d<\/strong>.<\/li><\/ul>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/2.All-Communities.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/2.All-Communities.jpg\" alt=\"All Communities\"><\/a><\/center>\n<font size=\"2\"><center><i>All Communities<\/i><\/center><\/font>\n\n\n\n<ul class=\"wp-block-list\"><li>After that, click on <strong>&#8220;New Community&#8221;<\/strong><\/li><\/ul>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/3.New-Community.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/3.New-Community.jpg\" alt=\"New Community\"><\/a><\/center>\n<font size=\"2\"><center><i>New Community<\/i><\/center><\/font>\n\n\n\n<ul class=\"wp-block-list\"><li>Firstly, choose a community experience theme as per the desired appearance and behaviour.<\/li><\/ul>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/4.CommunityExperince.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/4.CommunityExperince.jpg\" alt=\"Community Experience\"><\/a><\/center>\n<font size=\"2\"><center><i>Community Experience<\/i><\/center><\/font>\n\n\n\n<ul class=\"wp-block-list\"><li>Once selected the Theme, click on \u201c<strong>Get Started<\/strong>\u201d<\/li><li>Finally, enter a (desired) <strong>&#8220;Name&#8221;<\/strong><\/li><\/ul>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/5.CommunityName.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/5.CommunityName.jpg\" alt=\"Community Name\"><\/a><\/center>\n<font size=\"2\"><center><i>Community Name<\/i><\/center><\/font>\n\n\n\n<ul class=\"wp-block-list\"><li>Once the setup is completed, it will navigate to the \u201c<strong>Community Builder<\/strong>\u201d. After that, it provides you below Options using those options you can swiftly modify the user experience.<ol><li><strong>Component: <\/strong>To manage the custom and Standard component<\/li><li><strong>Theme: <\/strong>To Manage themes and UI based Styling<\/li><li><strong>Page Structure: <\/strong>To Manage the community content<\/li><li><strong>Setting: <\/strong>To manage administrative Settings<\/li><\/ol><\/li><\/ul>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/6.CommunityBuilder.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/6.CommunityBuilder.jpg\" alt=\"Community Builder\"><\/a><\/center>\n<font size=\"2\"><center><i>Community Builder<\/i><\/center><\/font>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Displaying the Salesforce Lightning Component for community experience.<\/strong><\/h3>\n\n\n\n<p>Moreover, to view the component on the community builder you need to implement the \u201c<strong>forceCommunity:availableForAllPageTypes<\/strong>\u201d interface of Salesforce lightning component bundle.<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/7.Lightning-Interface.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/7.Lightning-Interface.jpg\" alt=\"Lightning Interface\"><\/a><\/center>\n<font size=\"2\"><center><i>Lightning Interface<\/i><\/center><\/font>\n\n\n\n<p>Once you implement the interface you can view the same component in Community Builders component Option.<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/8.ComponentOnComunityBuilder.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/8.ComponentOnComunityBuilder.jpg\" alt=\"Component On Comunity Builder\"><\/a><\/center>\n<font size=\"2\"><center><i>Component On Comunity Builder<\/i><\/center><\/font>\n\n\n\n<p>Finally, drag the component to community page and you can now set its property URL to navigate to web site. In conclusion, once ready to publish these changes, one must preview this community page<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/9.DragComponent.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2020\/12\/9.DragComponent.jpg\" alt=\"Drag Component\"><\/a><\/center>\n<font size=\"2\"><center><i>Drag Component<\/i><\/center><\/font>\n\n\n\n<p>Once you publish the web site Salesforce will give you status notification along with URL and you can use that for your business process. For more information kindly refer the following <a rel=\"noreferrer noopener\" href=\"https:\/\/help.salesforce.com\/articleView?id=networks_resources.htm&amp;type=5\" data-type=\"URL\" data-id=\"https:\/\/help.salesforce.com\/articleView?id=networks_resources.htm&amp;type=5\" target=\"_blank\">Salesforce Article<\/a>. <\/p>\n\n\n\n<p>In conclusion, we hope that using the details mentioned in the blog, you are successfully activate the Products in Salesforce. If you still have queries or any related problem, don\u2019t hesitate to contact us at\u00a0<a rel=\"noreferrer noopener\" href=\"mailto:salesforce@greytrix.com\" target=\"_blank\">salesforce@greytrix.com<\/a>.<\/p>\n\n\n\n<p style=\"text-align: justify\"><b>About Us<\/b><\/br>\n<p><a href=\"https:\/\/www.greytrix.com\/\">Greytrix<\/a> \u2013 a globally recognized and one of the oldest Sage Development Partner and a Salesforce Product development partner offers a wide variety of integration products and services to the end users as well as to the Partners and Sage PSG across the globe. We offer Consultation, Configuration, Training and support services in out-of-the-box functionality as well as customizations to incorporate custom business rules and functionalities that require apex code incorporation into the Salesforce platform.<br><br> Greytrix has some unique solutions for Cloud CRM such as <a href=\"\">Salesforce Sage integration<\/a> for <a href=\"https:\/\/www.greytrix.com\/sage-x3-erp\/integration\/\">Sage X3<\/a>, <a href=\"https:\/\/www.greytrix.com\/salesforce-cloud-services\/sage-100-integration\/\">Sage 100<\/a> and <a href=\"https:\/\/www.greytrix.com\/salesforce-cloud-services\/sage-300-integration\/\">Sage 300 (Sage Accpac)<\/a>. We also offer best-in-class Cloud CRM <a href=\"https:\/\/www.greytrix.com\/salesforce-cloud-services\/crm-development\/\">Salesforce customization and development services<\/a> along with services such as Salesforce <a href=\"https:\/\/www.greytrix.com\/salesforce-cloud-services\/data-migration-support\/\">Data Migration<\/a>, <a href=\"https:\/\/www.greytrix.com\/salesforce-cloud-services\/crm-development\/\">Integrated App development<\/a>, Custom App development and Technical Support business partners and end users. Salesforce Cloud CRM integration offered by Greytrix works with Lightning web components and supports standard opportunity workflow. Greytrix GUMU&#x2122; integration for Sage ERP \u2013 Salesforce is a 5-star rated app listed on <a href=\"https:\/\/appexchange.salesforce.com\/appxListingDetail?listingId=a0N30000000psM5EAI\" target=\"_blank\" rel=\"noopener\">Salesforce AppExchange<\/a>.<br> The GUMU&#x2122; Cloud framework by Greytrix forms the backbone of cloud integrations that are managed in real-time for processing and execution of application programs at the click of a button.<br><br> For more information on our Salesforce products and services, contact us at <a href=\"mailto:salesforce@greytrix.com\">salesforce@greytrix.com<\/a>. We will be glad to assist you.<\/p>\n\n\n\n<p><strong>Related Posts<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2020\/12\/29\/salesforce-webservice-patch-method-http-patch-verb-in-salesforce\/\" data-type=\"URL\" data-id=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2020\/12\/29\/salesforce-webservice-patch-method-http-patch-verb-in-salesforce\/\" target=\"_blank\">Salesforce Webservice Patch Method \u2013 HTTP PATCH verb in Salesforce<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2020\/12\/17\/enable-editing-of-open-sales-orders-in-gumu-sage-300-integration\/\" data-type=\"URL\" data-id=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2020\/12\/17\/enable-editing-of-open-sales-orders-in-gumu-sage-300-integration\/\" target=\"_blank\">Enable Editing of Open Sales Orders in GUMU&#x2122; Sage 300 Integration<\/a><\/li><li><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2020\/12\/17\/synching-additional-order-details-fields-from-salesforce-to-sage-x3-erp\/\" data-type=\"URL\" data-id=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2020\/12\/17\/synching-additional-order-details-fields-from-salesforce-to-sage-x3-erp\/\" target=\"_blank\" rel=\"noreferrer noopener\">Synching Additional (Order Details) Fields from Salesforce to Sage X3 ERP<\/a><\/li><\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this blog, we will discuss how to create and activate the Community experience in Salesforce. Salesforce provides the framework in which you can manage or build a custom portal for a specific set of customers, partners, and employees. It will give a rich interface for the brand management and customer portal also user can\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2020\/12\/30\/how-to-activate-and-add-salesforce-lightning-component-on-community-experience\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[1034,616,1031,1033,1030,367,1029,651,1032],"class_list":["post-5924","post","type-post","status-publish","format-standard","hentry","category-salesforce-srv","tag-activate-lightning-component","tag-active-session-in-salesforce","tag-community-builder","tag-community-experience","tag-forcecommunity-interface","tag-salesforce","tag-salesforce-community-cloud","tag-salesforce-lightning-component","tag-salesforce-lightning-component-bundle"],"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts\/5924","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/comments?post=5924"}],"version-history":[{"count":4,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts\/5924\/revisions"}],"predecessor-version":[{"id":5937,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts\/5924\/revisions\/5937"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/media?parent=5924"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/categories?post=5924"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/tags?post=5924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}