# 12. Salesforce Classic

There are two SlapFive components you can add:

The Customer Case Study and References component looks like this and it's Visualforce Page names are *SlapFive\_BoardContainerVF\_Opp* and *SlapFive\_BoardContainerVF\_Account*.

![](https://2901117923-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlkxMKaLwhXP9Cu98jtv6%2Fuploads%2Fy7YL6Nbs4tKfYkqrBIPs%2FScreenshot%202022-04-03%20004745.png?alt=media\&token=e948e10c-0a81-4313-9317-676fe8e1c71c)

The SlapFive Reference Content & Customers component looks like this and it's Visualforce Page names are *SlapFive*\_*ReferencesVF*\_*Opp and SlapFive*\_*ReferencesVF*\_*Account*.

![](https://2901117923-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlkxMKaLwhXP9Cu98jtv6%2Fuploads%2F2V6Nt8g8wk87iiipkcvT%2FScreenshot%202022-04-03%20004544.png?alt=media\&token=1a08c02a-8bb2-4ac8-8d00-6fbfbb8d5267)

Here are the steps for adding the first component to the Opportunity page layout:

Go to **Setup** > **Build** > **Customize** > **Opportunities** > **Page Layouts** and select **Edit** on the page layout to which you want to add the component.

* [ ] In the palette at the top of the page, scroll to the **Visualforce Pages** section, and drag & drop the **Section** block to the position you want it placed in the page layout, then click the wrench icon for the new Section and give it a name like *Customer Case Studies & References*.
* [ ] From the same **Visualforce Pages** section, drag & drop the **SlapFive\_BoardContainerVF\_Opp** component to the **Section** block.
* [ ] Double-click the **SlapFive\_BoardContainerVF\_Account** component you just dropped, check the **Show scrollbars** field and click **OK**.