Hybris - Add a CMS Component Step-by-Step Instructions
1. Add  itemtype definition to -itema.xml
example:
<itemtype code="MyParagraphComponent" generate="true"
    jaloclass="de.hybris.platform.yacceleratorcore.jalo.cms2.components.MyParagraphComponent"
    extends="CMSParagraphComponent" autocreate="true">
    <attributes>
        <attribute qualifier="media" generate="true" autocreate="true" type="localized:Media">
           <persistence type="property" />
        </attribute>
    </attributes>
</itemtype>
 
2. Update -locales_en.properties file by Adding localized attribute names and descriptions (OPTIONAL)
type.MyParagraphComponent.name=My Paragraph Component
3. Creating Controller
    create a new  controller class by extending AbstractCMSComponentController
       a. @Override fillModel method
       b. add @RequestMapping
4. Create View MyParagraphComponent.jsp
5. Add component to Valid Component Types
    add the component entry to cms-content.impex
$narrowContent=ProductFeatureComponent,
Alternately you can add entries to ComponentTypeGroups2ComponentType
6.  You can customize the hybris WCMS Cockpit for the component via the XML configuration:
editorArea_typeName.xml: configuration file for the WCMS Cockpit editor area.
contentEditor_typeName.xml: configuration file for Live Edit mode and in-line editing.
wizardConfig_typeName.xml: wizard configuration, if a component is added via a wizard dialogue.
Detailed instructions can be found in the Hybris Wiki page below
https://wiki.hybris.com/display/release5/How+To+Add+a+New+CMS+Component+-+Tutorial