Extending or Creating custom page templates using OTB MCM email components

Hi All,

I am working on a requirement where in I need to create custom email-templates and these will be used to create email pages in AEM and later it will be synced to Adobe campaign and from there emails will be sent to several people.

When I verified the adobe documentation @ https://docs.adobe.com/docs/en/aem/6-1/administer/integration/marketing-cloud/campaign/best-practices-for-email-templates.html says as below:

There are currently seven components available for use inside campaign templates( under path /libs/mcm/campaign).These components are optimized for mail content; that is, they adhere to the best practices outlined in this document. Using other out-of-the-box components will usually violate these rules.

I created custom components by using the best practices explained in the documentation. I also used some of the OTB components on the email-component page. I packaged everything which includes. content-email-page custom components and templates and installed on n another machine. But when I open  the content-email-page I see the content but on the side kick is not loading the custom components , but it is loading OTB-mcm-components.

I have created the email-content-page under this path-->/content/campaign.

One more observation is that when I create a new page all components are loading in the side kick. The issue is only only on the page which has been copied from  one instance to another instance.

So I don't know if I can  use the custom components for Adobe-campaign created by using  best practice provided in Adobe documentation. I need to know the step by steps for creating custom-templates and components on  AEM for use in Adobe campaign.

I also want to know is it allowed to extend the components under path -->/libs/mcm/campaign in apps folder to build some custom functionalities on these components.