Showing 0 of 0 components
Header
Header Default 001
Hero header with a heading, body copy and call-to-action buttons. Ideal to open a landing page.
- Heading and subheading
- Supporting body text
- Up to 2 call-to-action buttons
- Background image or colour
- Does not include a form
- Not meant for long-form content
Header Form 002
Hero header pairing a headline with an inline lead-capture form.
- Heading and supporting text
- Embedded HubSpot form
- Background image or colour
- Form must be created in HubSpot first
- Only one form per header
Heading
Description
Rated 4.5 on

Header Tabs 003
Hero header with tabbed content to switch between key messages.
- Heading and supporting text
- Multiple tabs with their own content
- Call-to-action button per tab
- Not suited to a single message
- Too many tabs hurt readability on mobile
Calculator Header 036
Header with an interactive calculator that returns a personalised result.
- Heading and supporting text
- Configurable input fields
- Instant calculated result
- Call-to-action button
- Calculation formula is preset, not free-form
- Not a replacement for a full quote tool
Heading
Description
Visits per week
Visits not happen (%)
Average price per consultation
Number of rooms
Number of specialists
P1 heading
Description
ROI
0%Hours saved (per month)
0hPrice per month
0 €Heading
Description
Banner
Banner Default 011
Full-width banner with a heading, text and a call to action.
- Heading and short text
- One call-to-action button
- Background image or colour
- Does not include a form
- Not for long content blocks
Banner CTA 012
Compact banner focused on a single prominent call-to-action.
- Short headline
- One prominent button
- Background colour
- No image or media support
- Single button only
Banner Form 013
Banner with an embedded form for inline lead capture.
- Headline and short text
- Embedded HubSpot form
- Background colour
- Form must exist in HubSpot
- Best for short forms only
Heading
Description
Slim Informational 028
Slim, low-height banner for short informational or announcement messages.
- One line of text
- Optional inline link
- Background colour
- No images or buttons
- Not for long messages
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Content
Feature Default 004
Feature section pairing media with a heading, copy and a CTA.
- Image or video alongside text
- Heading and body copy
- Call-to-action button
- Media left or right
- One feature per section
- Not a multi-column grid
Feature Tabs 005
Feature section with tab navigation to browse several features.
- Multiple tabs
- Media and text per tab
- Call-to-action per tab
- Needs at least two tabs to make sense
- Many tabs crowd mobile view
Heading
Description
Accomplish your practice goals

Feature Scroll 006
Scroll-driven feature section where the media changes as you scroll.
- Several steps with text
- Media that swaps on scroll
- Works as a guided story
- Effect is reduced on small screens
- Not ideal for just one step
Feature Social Proof 007
Feature section that combines product highlights with social proof.
- Feature highlights
- Logos, ratings or stats
- Call-to-action button
- Needs real social-proof assets
- Not a full testimonials section
Cards Default 014
Grid of cards for presenting features, services or highlights.
- Multiple cards in a grid
- Icon or image per card
- Title and short text per card
- Not for long text per card
- No per-card form
H5 semibold heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et malesuada est.
H5 semibold heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et malesuada est.
H5 semibold heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et malesuada est.
H5 semibold heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et malesuada est.
Media Default 015
Media block to showcase an image or video alongside text.
- Single image or video
- Optional caption
- Text beside the media
- One media item only
- Not a gallery or carousel

Headline Default 016
Standalone section headline with optional supporting text.
- Large section heading
- Optional subheading
- Alignment options
- No media or buttons
- Meant as a divider, not content
Faqs Default 017
Frequently asked questions list with expandable answers.
- Question and answer pairs
- Expand and collapse answers
- Unlimited questions
- Text answers only
- No media inside answers
Heading
Description
Numbers Default 020
Row of key figures or stats to highlight metrics.
- Several stat items
- Number plus short label
- Optional icon per stat
- Short labels only
- No charts or graphs
number description
number description
number description
number description
Accordion default 021
Accordion of collapsible items for presenting content compactly.
- Multiple collapsible items
- Title and content per item
- Saves vertical space
- One item open at a time
- Not for media-heavy content
Cards Advanced 022
Advanced card grid with richer media and content per card.
- Image, title and text per card
- Call-to-action per card
- Flexible grid layout
- Heavier than the default cards
- No per-card form
Accordion Scroll 025
Scroll-driven accordion that reveals media as each item becomes active.
- Accordion items with text
- Media that changes per item
- Scroll-synced highlighting
- Effect is reduced on mobile
- Needs several items to shine
Logos Showcase 029
Logo wall to showcase partners, clients or integrations.
- Multiple logos in a row or grid
- Optional section heading
- Links per logo
- Logos only, no descriptions
- Best with consistent logo sizes
Social Proof Notification 031
Floating social-proof notification that surfaces recent activity to build trust.
- Small floating message
- Customisable text
- Auto appears over the page
- Short messages only
- Not a full notification system
Lorem ipsum dolor sit amet, con sectetur adipiscing elit. Cras et malesuada est
Link
Rich Text 032
Free-form rich text block for editorial content.
- Headings, paragraphs and lists
- Links and basic formatting
- Full editorial freedom
- No preset layout
- Styling depends on the theme
Heading
Description
NomineesAwards 037
List of award nominees.
- Multiple nominee entries
- Name and details per nominee
- Optional image per nominee
- Built for awards listings only
- No voting or interaction
Heading
Description
Vota por tus profesionales favoritos
Apoya a quienes transforman la salud en México.
AwardsWinners 038
Showcase of award winners.
- Highlighted winner entries
- Name, category and image
- Visual emphasis per winner
- For winners display only
- Not a generic card grid
Nominaciones de especialistas
Description
Form
Form Default 009
Standard lead-capture form section.
- Embedded HubSpot form
- Heading and supporting text
- Background colour
- Form must exist in HubSpot
- One form per section
Form Demo 010
Form section to request a product demo.
- Embedded demo-request form
- Heading and supporting text
- Supporting media or copy
- Form must exist in HubSpot
- Tailored to demo requests
Form Webinar 033
Form section for webinar registration.
- Embedded registration form
- Webinar details and date
- Heading and supporting text
- Form must exist in HubSpot
- Built for webinar sign-ups
Heading
Description
H5 heading

Heading
Description
H4 heading
Description
P1 heading
Description
P1 heading
Description
P1 heading
Description
P1 heading
Description
H4 heading
Description
H4 heading
Description






Heading
Description
H5 heading
Heading
Description
H4 heading
Description
P1 heading
Description
P1 heading
Description
P1 heading
Description
P1 heading
Description
H4 heading
Description
H4 heading
Description






Form Downloadable 035
Form section that gates a downloadable resource such as an ebook.
- Embedded form
- Resource preview and copy
- Delivers a download on submit
- Form must exist in HubSpot
- File is set up separately
FlipSnack Embed 039
Embeds a FlipSnack flipbook on a thank-you page. Renders nothing unless the visitor just submitted a form with FlipSnack enabled, so the showcase card below is empty by design.
- Reads the flipbook URL and email handed over by the form page
- Responsive 16:9 iframe inside the standard container
- Renders nothing on a direct visit
- Requires Add FlipSnack enabled on the form module
- Not a generic iframe or video embed
Testimonial
Testimonial Default 008
Single highlighted customer testimonial.
- Quote with author name
- Author photo and role
- Background colour
- One testimonial only
- Not a list or carousel



Testimonials Carousel 018
Carousel that rotates through multiple customer testimonials.
- Multiple testimonials
- Slide navigation
- Author photo, name and role
- Needs several testimonials
- One visible at a time
Testimonial Simple 019
Minimal single-quote testimonial.
- Short quote
- Author name
- Clean, minimal layout
- No author photo
- One quote only
Doctoralia have been simply amazing. Now I am able to follow up my practice routine from anywhere.

Name
Position
Testimonials List 034
List of several customer testimonials.
- Multiple testimonials stacked
- Author photo, name and role
- Good for proof-heavy pages
- Can get long with many entries
- No carousel navigation
Pricing
cards pricing plans 023
Pricing plan cards comparing subscription tiers.
- Several plan cards
- Price, features and CTA per plan
- Highlight a recommended plan
- Best with 2 to 4 plans
- Not a detailed comparison table
Starter
Mejora tu visibilidad y reputación mientras simplificas tu proceso de gestión de reservas.
COP al mes
209.000
Facturado anualmente
Tu plan incluye:
Reserva online de cita
Recordatorios automáticos de citas
Plus
Refuerza tu presencia online mientras nosotros gestionamos las tareas manuales durante las visitas.
COP al mes
262.000
Facturado anualmente
Todos los beneficios del plan Starter y:
Expediente médico digital
Recordatorios automáticos por SMS, email y WhatsApp
Videoconsultas
VIP
Fideliza a tus pacientes y genera confianza mejorando tu marca y optimizando la gestión de tu consulta.
COP al mes
367.000
Facturado anualmente
Todos los beneficios de Plus y:
Perfil de Doctoralia mejorado
Campañas por email y SMS
Estadísticas avanzadas
Lista de espera inteligente
cards pricing plans 023 v2
Plan Name
Plan description
List Heading
Title
Title
Title
Plan Name
Plan description
List Heading
Title
Title
Title
Plan Name
Plan description
List Heading
Title
Title
Title
Card pricing product 024
Single product pricing card.
- One product card
- Price and feature list
- Call-to-action button
- One product only
- No side-by-side comparison
Doctoralia Pro
Para centros médicos con más de 2 especialistas que quieren aumentar su visibilidad, atraer nuevos pacientes y retener a los actuales gracias a una increíble experiencia digital desde el principio.
Card pricing product 024 v2
Comparison Table 026
Feature comparison table across plans.
- Plans as columns
- Features as rows
- Check marks and values per cell
- Wide tables scroll on mobile
- Text and marks only
Compara las características de todos los planes
Comparar planes
Todos los precios son por mes, facturados anualmente.
Starter
Plus
VIP
Haz crecer tu consulta
Perfil en el directorio de Doctoralia
Estadísticas de rendimiento
Solicitud de opiniones
Reserva con Google
Gestiona el día a día
Reserva online de cita
Recordatorios de citas
Lista de espera
Widgets de agendamiento omnicanal
Centro de Citas
Mejora tu comunicación con pacientes
Campañas de email y SMS
Expediente médico digital
Consulta en línea
Cards pricing comparison 027
Pricing cards laid out for side-by-side plan comparison.
- Multiple plan cards side by side
- Price and features per plan
- Highlight a recommended plan
- Best with a few plans
- Not a row-by-row table
Cards Pricing Product Multi 030
Pricing cards for multiple product combinations.
- Cards for product bundles
- Price and contents per combo
- Call-to-action per card
- Built for product combos
- Can crowd with many options
Navigation
Footer Simple
Simplified site footer with the essential links.
- Essential navigation links
- Logo and legal text
- Compact, lightweight layout
- Fewer sections than the full footer
- Not for rich footer content
TopMenu Simple
Simplified top navigation bar.
- Logo and primary links
- Optional call-to-action button
- Clean, minimal layout
- No mega-menu or dropdowns
- Fewer options than the full nav


