Skip to main content

How to Customize Member Profile Layouts

Customize profile pages by adding cards, reorganizing sections, and creating custom profile fields for your members.

Written by Filippo Schiano di Pepe

Teachfloor allows administrators to fully customize the layout of member profile pages.

You can:

  • Add custom profile cards

  • Reorder cards across the profile

  • Place cards in the sidebar, main section, or header

  • Enable or disable system cards

  • Create custom fields for members to complete

  • Display structured information like skills, bios, links, certifications, interests, and more

This makes profile pages more dynamic, personalized, and useful for communities, academies, bootcamps, and corporate training programs.

Accessing the Profile Layout Settings

To customize profile layouts:

Go to:

Settings → Profile Layout

Inside this section, you will find three layout areas:

  • Main → content displayed in the center area of the profile

  • Side → cards displayed in the left sidebar

  • Header → information displayed inside the top profile header

You can create different cards for each section.

System Cards

Teachfloor includes several default system cards already available in profiles.

These cards can be enabled, disabled, or repositioned.

Available system cards include:

  • Links — display social and external links

  • Achievements — showcase badges or accomplishments

  • About — member biography and description

You may also see custom cards previously created by your organization, such as:

  • Skills

  • Certifications

  • Interests

  • Languages

  • Portfolio

  • Experience

To disable a card:

  • Use the toggle switch next to the card

  • Disabled cards will no longer appear on member profiles

Reordering Profile Cards

Cards can be repositioned using drag-and-drop.

You can:

  • Move cards higher or lower within a section

  • Organize the order of profile information

  • Create cleaner profile layouts based on your organization’s needs

This allows organizations to prioritize the most important information.

Example:

  • Put “About” at the top for community-focused organizations

  • Put “Skills” first for talent-based academies

  • Highlight certifications and achievements for workforce training

Creating a New Custom Profile Card

To create a custom card:

  1. Open the desired layout section:

    • Main

    • Side

    • Header

  2. Click Add Card

  3. Configure the card settings:

    • Card title

    • Position

    • Fields

    • Visibility

  4. Click Save

Once created, the card becomes available on all member profiles.

Adding Card Fields

Each card can contain one or multiple fields.

Fields define the information members can fill out inside their profiles.

For each field you can configure:

  • Field name

  • Field type

  • Required or optional

  • Hide title option

Available Field Types

Teachfloor supports multiple field formats for profile customization.


Short Text

Used for small pieces of information.

Best for:

  • Job title

  • Headline

  • Short bio

  • City

  • Company

Example:

“Product Designer at Acme Inc.”

Long Text

Used for larger descriptions.

Best for:

  • About sections

  • Experience summaries

  • Personal introductions

  • Goals and interests

Example:

“I’m currently exploring instructional design and cohort-based learning experiences.”

URL

Used for external links.

Best for:

  • LinkedIn

  • Portfolio websites

  • GitHub

  • Personal websites

  • Calendly links

Example:

https://linkedin.com/in/johnsmith

Date

Used for date-based information.

Best for:

  • Birthday

  • Graduation year

  • Certification date

  • Start date

Single Option

Members select one option from a predefined list.

Best for:

  • Department

  • Role

  • Experience level

  • Learning track

Example:

  • Beginner

  • Intermediate

  • Advanced

Multiple Options

Members can select multiple values.

Best for:

  • Skills

  • Interests

  • Technologies

  • Languages

Example:

  • Python

  • UX Design

  • Marketing

  • Leadership

Numeric

Used for numerical values.

Best for:

  • Years of experience

  • Age

  • Score

  • Availability

Example:

5 years of experience

Checkbox / Yes-No

Used for simple true/false selections.

Best for:

  • Open to collaboration

  • Available for mentoring

  • Looking for work

Custom File

Allows members to upload files directly to their profile.

Best for:

  • CV/Resume

  • Portfolio PDF

  • Certifications

  • Case studies

Example Profile Card Ideas

Skills Card

Field Types:

  • Multiple Options

  • Numeric

Example:

  • UX Design

  • React

  • Project Management

Portfolio Card

Field Types:

  • URL

  • Custom File

Example:

  • Portfolio website

  • Resume PDF

About Me Card

Field Types:

  • Long Text

Example:

  • Professional background

  • Career goals

  • Learning interests

Certifications Card

Field Types:

  • Short Text

  • Date

  • Custom File

Example:

  • Certification name

  • Completion date

  • Uploaded certificate

Social Links Card

Field Types:

  • URL

Example:

  • LinkedIn

  • GitHub

  • X/Twitter

  • Website

Important Notes

  • Profile layout changes apply organization-wide

  • Custom cards appear for all members

  • Members complete their own profile information

  • Cards can be disabled at any time

  • System cards cannot be deleted, only disabled or repositioned

  • Custom fields created during signup can also be displayed inside profiles

Why It Matters

Custom profile layouts help organizations create richer and more engaging learning communities.

Use cases include:

  • Internal employee directories

  • Cohort networking

  • Instructor profiles

  • Learner portfolios

  • Skill-based communities

  • Professional academies

  • Talent discovery and collaboration

Well-structured profiles improve visibility, connection, and collaboration across your learning environment.

Did this answer your question?