To use custom components in Lightning App Builder, you need to ensure that your domain is registered, tested, and deployed. Once this is done, we need to enable the component by implementing the required interfaces.
If we want to use the custom components in the record home page, we are going to implement flexipage:availableForRecordHome
(both for the record page and the home page). If we want to use this component in any type of page, we have another interface called flexipage:availableForAllPageTypes
.
If we want to use this component in the community builder, we need the forceCommunity:availableForAllPageTypes
interface. If you remember, while we were defining a custom component, there were some checkboxes, which were nothing but the interfaces.