Component Breakdown
Not sure which component to use with your content? Forgot what a component looks like when it’s live? Use the sections below to explore each component available for your use and the different variations for each.
Please note that not all components below are available on News & Events / Resources posts. Additionally, all recommended character counts are estimates only and not strict limitations.
Accordion
Expandable component typically used on Product pages to group specifications.
Call to Action
Stylized call-to-action area used as an action driver for site users.
Content with Visual
50/50 copy and image layout used for highlighting priority content areas.
Email Signup
Signup form for the news, resources and events email subscription.
Full Width Media
Allows images to be displayed full-bleed across a page or within a component.
Job Search
Integration point for the SuccessFactors jobs API.
People Listing
Component typically used on post pages to pull in People profiles.
Product Listing
Flexible listing used to pull in products by a variety of filters. Powered by Algolia.
Styled Listing
Flexible listing used to link to different subsections of the website.
Table Data
Table layout used within the Accordion component to list product specifications.
Video
Component used to showcase embedded videos from YouTube, Vimeo, etc.
Basic Content
Flexible text block used for plain copy, inline images or embedding videos.
Columned Content
Two- or three-column layout used for organizing lists or long-form copy.
Embed
Field for embeddable content such as third-party scripts.
Form Section
Layout that manually adds pre-set forms to pages or posts.
Hero
Large image and copy layout used on all segment pages and most top level pages.
Map
Custom Google Maps API, primarily used on the Global Locations page.
More Information
Multi-CTA area at the bottom of pages where the next user step isn’t fully defined.
Post Listing
Flexible listing used to pull in News/Events/Resources by category, topic or market.
Storytelling Panels
Visual component used to group content into sections. Allows for multiple images.
Tabbed Content
Visual component used to group content into sections. Allows for multiple images.
Testimonials
Carousel component used to highlight success stories, case studies, etc.
How Can We Help?
- Brand Guidelines
- Content Guidelines
- CMS Tutorials
- Technology Overview
-
Can’t Find What You’re Looking For?
Need help? Have an idea for something to include in this guide? Reach out to an Aptar team member for further assistance.