Adding a Widget in Lightning & Classic

Adding the Widget to page layout in Salesforce Lightning:

1.  At the top-left of the page, click the menu icon, and filter by entering the object you wish to add the widget to.
   

2. Open the object detail page.

3. At the top-right of the page, click the Settings icon to open the drop-down menu, and select Edit Page. 

3. Click the middle component to see the different tabs on the right.

4. Click Add Tab to add a new tab for the Archive.

5. Select the custom type and create a custom label for the tab (ie Archive).

6. Click the new Archive tab to configure it.

7. On the left menu, drag the Visualforce Component onto the newly created tab.
8. Select the appropriate Visualforce page (i.e. OwnBackup_ArchiveTableViewForAccountVF for account layout).

9. Add a custom Label (i.e. Archive Records).
10. Adjust the Height to be between 400-600px.
11. Save and activate the page layout to make it visible to users.

Adding the Widget to page layout in Salesforce Classic:

1. Open the object layout page in the setup and click edit.
2. Create a new section in the object layout.
3. Select the Visualforce page from the components option. 

4. Drag the OwnBackup page to the new section.

5. Click the Visualforce page properties button and set the ‘Height’ to 400 and enable the ‘Show scrollbars’ option.

6. Save the page layout.