Page Designer Component Library
All Features
Every Page Designer component available on Teoxane storefronts, organized by what it helps you achieve โ not by technical name.
Not sure which component to use for a new landing page? Start with the goal you're trying to achieve below, then browse the components built for it.
Hero & Attention
Stops the scroll and creates the first impression above the fold.
Proof That Sells
Visual and data-driven credibility that builds trust.
Story & Copy
The words doing the persuading.
Media & Gallery
Supporting visuals and video.
Conversion Actions
Where a click becomes a lead or a customer.
Product & Upsell Engine
Cross-sell, upsell, and content continuation.
Structure & Layout
Invisible scaffolding โ never customer-facing alone.
Hero & Attention
Stops the scroll and creates the first impression above the fold.
Full Width Image with Text
Pairs a full-bleed image with overlay text and an optional CTA โ no extra components needed.
View procedure โ
Header Banner
Combines a banner image, text and up to two CTAs, with fine control over proportions and mobile behavior.
View procedure โ
Video Banner (Vimeo)
Swaps the static banner image for a Vimeo video, with the same text and CTA controls.
View procedure โ
Carousel Wrapper
Turns Header Banner and Video Banner slides into a rotating carousel.
View procedure โ
Ribbon Carousel
Runs short, pure-text commercial messages on a loop, one optional CTA per message.
View procedure โ
Proof That Sells
Visual and data-driven credibility that builds trust.
Before and After
Displays up to four before/after image pairs โ from a single comparison to a small results gallery.
View procedure โ
Before and After Full Width
Same concept at full page width, without the interactive reveal slider โ built for maximum visual impact.
View procedure โ
Key Figures
Surfaces up to five stats with labels in a clean, scannable layout.
View procedure โ
Patient Story Highlighted Article
Pulls an existing Patient Story forward for extra prominence, typically on the overview page.
View procedure โ
Story & Copy
The words doing the persuading.
Text
The baseline component for standalone paragraphs, headings and basic formatting.
View procedure โ
Textbox Plus
The flexible rich-text editor โ SEO heading controls, font sizing, predefined colors.
View procedure โ
Textbox
The legacy text editor โ solid for straightforward copy, less flexible than Textbox Plus.
View procedure โ
Intro
A branded, high-impact text opener with the Teoxane drop logo โ best used sparingly.
View procedure โ
FAQ Section
Pulls existing, published FAQ articles into a collection on the page โ it doesn't create the FAQs themselves.
View procedure โ
Media & Gallery
Supporting visuals and video.
Image
The simplest media component โ one image, no text, no CTA, no fixed format.
View procedure โ
Card Carousel Wrapper
An unlimited-card carousel mixing images and video, including Vimeo, in Instagram-ratio cards.
View procedure โ
Video (Vimeo)
Embeds a single Vimeo video by its numeric Video ID.
View procedure โ
Conversion Actions
Where a click becomes a lead or a customer.
Clinic Locator Map
An interactive map pulling live clinic/store data straight from the CRM โ nothing to configure manually.
View procedure โ
Clinic Locator Banner
A teaser banner that drives traffic toward the Clinic Locator, rather than displaying it directly.
View procedure โ
Crossroads
Two big visual choices side by side (stacked on mobile), each pointing to its own destination.
View procedure โ
Newsletter Block
A self-contained newsletter sign-up, with background and visibility controls.
View procedure โ
Registration Block
A self-contained account-creation form, with the same lightweight config as Newsletter Block.
View procedure โ
Product & Upsell Engine
Cross-sell, upsell and content continuation.
โ ๏ธ Article Recommendations โ Do Not Use
Deprecated. Use Article Recommendations (Manual) instead.
View procedure โ
Article Recommendations (Manual)
Recommends specific pages you choose, to keep visitors exploring related content.
View procedure โ
Product Recommendations (Complete your Routine)
Presents up to four products in a numbered routine sequence.
View procedure โ
Product Recommendations (Manual)
A cross-sell block where you hand-pick the SKUs to promote.
View procedure โ
Mini Product Recommendations (Manual)
The compact carousel version of manual product recommendations.
View procedure โ
Structure & Layout
Invisible scaffolding โ never customer-facing alone.
Horizontal Spacing
Adds intentional breathing room between components โ the right way to do it, instead of empty lines in a text block.
View procedure โ
Grid Layout Components
Splits an area into a responsive column structure that other components drop into.
View procedure โ
Video Split
A ready-made two-column responsive layout, built for video-driven compositions.
View procedure โ
Background Color
Wraps text in a solid color background for extra visual weight.
View procedure โ
Background Image
Same idea as Background Color, using an image instead of a flat color.
View procedure โ
Boxed Layout
A margin container that also lets you structure a page into manageable, movable chapters.
View procedure โ
Tab Wrapper
Organizes content into selectable tabs, each with its own independent body.
View procedure โ