Adding CloudFiles widgets to Salesforce Classic

cloudfiles provides a number of lightning web components that make it easy for salesforce lightning users to access and share their files from cloud storages inside salesforce at the same time, a number of salesforce users still use salesforce classic for this reason, we provide salesforce classic support, such that these lightning widgets can be inserted into salesforce classic pages, with exactly the same look and feel of salesforce lightning in this article, we will be adding the 'connected folder' widget onto a account page in salesforce classic the same process can also be used to insert other widgets or access the content library tab in salesforce classic as well follow the steps below to add the 'connected folder' widget onto a account page in salesforce classic create visualforce page here we create a visualforce page that will contain the folder widget markup add section to account page we will edit the layout of an account page and add a section which acts as a cotainer for our visualforce page add visualforce page to section in this section, we add the visualforce page on our account page see the widget in classic page finally, in this section we see the widget in action on a salesforce classic page step 1 create visualforce page go to setup > visualforce pages > new page add a label and name (e g account folder page) copy & paste the visualforce markup code from below update ' objectname ' in the markup to your object name (e g account) save use this code for the visualforce markup the visualforce page we created is shown below now that your visualforce page is ready, we will insert it on the account object step 2 add section to account page before we can add the visualforce page, we will need to add a section on the account page this section acts as a container for our visualforce page first open the layout editor of the page you want to insert the widget on go to an any record of that object type (e g we went on an account called cloudfiles) and click the 'edit layout' button on top right this is shown below in the layout editor, follow the simple steps below to add a section on the top navigation panel, go to "visualforce pages" drag and drop a section component on the green area give your section any name (e g 'internal files', 'folder' etc ) uncheck 'edit page' and choose 1 column layout the section properties we used are shown below now that we have our container setup, we only need to add the visualforce page into this step 3 add visualforce page to section in the navigation panel, you will also see the visualforce page that we created in step 1 simply drag and drop that component onto this section set height to 400 and width to 100% as shown below click ok and you are all done! step 4 see the widget in classic page now that we have everything setup, we can simply go to any account page work with the widget just like we do on in salesforce lightning check out all our lwc components to see what else you can do in salesforce classic