AEM Component Variations

Image Gallery component to display a collection of related images on a page. This component can display images as a simple slideshow and is especially useful in image gallery display mode to show large groups of images.

Keywords : Header,Description,

Used to add images in a page with different sizes and alignments.

Keywords : Image Alt Image

The Video Carousel component allows to a display a selection of rotating images with a title, brief description and link to an associated story.

Keywords: Brightcove video ID, Title, Description, Video duration ,Video thumbnail,MP4 file, YouTube URL

The Video List component allows to add the video or list of videos in a page.

Keywords: Title, Description, Brightcove video ID

The Video and image component allows to add the video or list of videos in a page.

Keywords: Image, Image Alt text, Carousel, Media type, Profile Image, Title, Description, Border color on the top, Border, Include CTA

The Video watch and share component allows to add the video with watch and share cta buttons options.

Keywords: Title, Description, Brightcove video ID

The accordion component has two main states: collapsed and expanded.The "+" icon at the starting of the accordion indicates which state the accordion collapsed. The "-" icon indicates expanded. Accordions begin by default in the collapsed state with all content panels closed.

This Component will us to add plain text with different sizes starting from font size small(16px),medium(20px),large(24px), and extra large(28px).It also has two types of font variations : normal text and I&F text with first letter colouring option.

Bulleted Dashed List Component can be used to add Title with a borderline color, sub title and some description with hyperlinks(if required). We have an option to seperate the text using "Two Column Layout" checkbox. Keywords : Heading, Horizontal separator color, Sub Heading, Description, Left column content, Right column content

Card Component is used to author a simple hyerlink with Title, Descritpion and Top Border Color. Keywords : Title, Link, Link target, Border line color on top of the card, Description

Contact Us component is used to author the contact details with a message. Keywords: Image alignment, background color, font color, title, description, contact number

Disclaimer Text component is used to provide the plain text with different font color and opacity. Keywords: Description, font color, opacity

List Component is used to author list of text items with some background color, title, description and hyperlinks for the list items. Keywords: Heading, Horizontal Seperator & List background color, Description, Include CTA checkbox, Include List Item Checkbox

Login Component is used to author different set of login options for Business Customer and Agent/Broker. Keywords: Header, background color, dropdown label, Option -> Option title, link, link target and include sublinks checkbox

Promo Stack Component is used to author stacked/two column links with title and left border color. Keywords: Layout type, Title, Link, link target, Left borderline color

Proof points component is used to author the text in three column layout with background color, pre text, description and header. Keywords: Background color, font color, Include Highlighter checkbox, Header, Description, pretext

Quote Section component is used to author the Quotes with related author name. Keywords: Quote, Author, Border Color

Ribbon Component is used to author the ribbons which appear just below the hero component in most of the homepages. Keywords: Ribbon text, URL, URL Target, Link title, Background color,Font color, Data CTA Value

Secondary Navigation component is used to navigate different section within the webpage using the links authored in the component and also provide different hyperlinks. Keywords: Menu Type, Primary Link title, Primary link per text, Drop Down Item, Secondary Menu Items

Section Heading Component is used to author the headings in a webpage. All the headings authored with this will appear in Left Navigation component. Keywords: Product promo heading, Font color, Add spacing on the top

Share component is used to author the social share options in different components. Keywords: Share Button Label, Button Type, Border Color, Font Color, Link, Label Name, Data Social Bookmark, Share Content, Mail Subject, Mail Message

Text and Button Component is used to author the text and button fields as per the requirement. Keywords: Title, Description, Border color, CTA -> Title, Link, Link target, Button Type, Font Color, Icon, Data CTA Value, Data hp ad Value

Text Component is used to author simple plain text as per requirement. Keywords: Description

Subscription Component is used for the subscription of the updates with email id field and signup button. Keywords: Background color, Font color, Title , Description, Placeholder, Pre text, Thank you page url, Error page url, External key, Account ID, CTA&Validation -> CTA Title, Background color, Font color, Warning message, Success message

Title and link component is used to author Plain text with CTA button. Keywords: Background type, Background type –Title and Link Section-> Header, Header font Color, Link font Color, Include border for header, Include border for link, Background type – Title and Link-> Title, Description, Text Alignment, Button Label, Link, I & F contact variation, Add Divider, Background Color, Title font color, Link to be opened in, Button type, Button background color, Icon, Font Color, Data CTA Value

Brochure list component  is used to dispaly a list of actions such as images with description and having share and download options.

Keywords : Title , Pre text, Description, Footer text

feature article should always include a headline, introduction, the main body and a concluding paragraph.

Keywords : Title, Link, Is Client Story, (Dropdown: Automatic/Static), Article 1 & Article 2

It allows to create hero with carousel feature.which includes images and videos as well.

Keywords : Carousel Variation, Background Type,Title, Link,Carousel Variation

used to display page titles with background type as color/image/video with brief description about that page.

Keywords : Background Color, Font Color,Back Link Label, Back link url, Title Description,Include Quick Links

allows to create a list having filer option.

Keywords : All Topics Text, Border color, Add button

allows to add the filter having asset type as search term with multi select searc options.Also search saved items.

Keywords : Tiles json Path, Filter json Path

To create quotes with images/videos/plain text description with background color.

Keywords : Background type (Product / I and F), Background type (Image/Video)

Allows to create image with description/video with description having profile images.

Keywords : Image, Image position, Author Name, Author Address , Background color , Button Title , Link , Link to be opened in , Data CTA Value , Description , Include Video , Play button background color , Play button color , Video type , Video ID

this component allows to create a combination of text , video/image with button(share , download) options.handels all types of images with different sizes.

Keywords : Layout type, Include CTA , Share button label, Button type, Border color, Font color, Link, Sharing Options

Quote with related product is used to display the customer image with review and realted product information.
Keywords : Image, Image alt text, Video, Container Background Color, Select font color, Quote, Client Name, Client Address, Insurance Product Title, Select Insurance Product, Select Icon for Insurance Product, Product Quote, Image, Story Link Title

Left Navigation Component is used to navigate within the webpage using the section headings present in the page. Fields in the component are: Enable Left Navigation

Tabs component is used to seperate the data using tabs functionality and provide different content in the each tab. Fields in the component are: Tabs details, Tab width, Set active tab, Tab layout, Active tab bottom borderline color

Body Copy Container is used as Layout container in which we can add different components and align them as per the requirement. Fields in the component are: Body Copy Position, Container Background Color

Custom Container is used to accomodate various components with different variations. Fields in the component are: Container is, Inner container, ID, Container Background Color, Class Name

Multi Column Container is used to select the number of columns in which we can use various components as per requirement. Fields in the component are: Number of columns

Bodycopy with Background Image Container is used to if we need any image as the background for our layout container. Fields in the component are: Background Image, Text background Color

This component will allows us to add articles with search filters.The results of the articles will display on the page based on the filters applied.

Keywords : Landing Page Type, Path of Tags and Regions, Text(Show me), Placeholder(All topics), Text(Select topics), Text(in), Placeholder(All regions), Text(Select regions), CTA title(Clear filter), CTA title(Load more), SearchLabels

this component is used to add the news from external api in to our webpage . We can restrict the number of list displayed in the api as well.

Keywords : Section Title, News Type, API Feed URL, Background Color, Border Color

Displayes the entire list of articles in single page.

Keywords :Article ID, Read more Button Text

used to add the filters for related articles.

Keywords :Form Options

used to add forms with different form components submit and recaptcha in our page.

Keywords : Type, Title, Name, Value,Form Text, Form Button ,Form Options (Checkbox, radio, dropdown, multi select menu) ,Recaptcha,Form text with border

Note : 
Sales Force Marketing team need to look at the request for any new forms update

allows to add text with heading and colored horizontal line.

Keywords : Type, Title, Name, Value ,Form text with border