Adding Learning Path Pictures and Certificates

Learning path pictures and certificates enhance program presentation and provide recognizable completion credentials that validate comprehensive training achievements. Pictures create visual identity for learning paths in course catalogs and learner interfaces, while certificates offer downloadable completion documentation that learners can use for professional development verification, LinkedIn profile integration, and career advancement.

The Learning Path Picture tab and Learning Path Certificate tab provide dedicated interfaces for uploading and managing visual assets and completion credentials that distinguish learning paths and recognize learner achievements across multi-course training programs.

Requirements

To add learning path pictures and certificates, users must be assigned a security role with the following permissions:

Administrator System Role
Access Level: Training Manager

Learning Path Picture Tab

The Learning Path Picture tab enables administrators to upload images that visually represent learning paths in course catalogs, learner dashboards, and program listings. Pictures help learners quickly identify training programs and enhance visual appeal of course catalogs.

Accessing the Learning Path Picture Tab

Navigate to the Training module and select the Learning Paths tab
Click the name of the learning path you want to configure from the learning paths list
The Learning Path Details page opens with the Contents tab displayed by default
Click the Learning Path Picture tab in the tab navigation area
The Learning Path Picture page displays current picture status and upload interface

Learning Path Picture Display

When no picture has been uploaded, the Learning Path Picture tab displays a placeholder message indicating no image is currently set. After uploading a picture, the tab displays the current image with options to replace or remove it.

Where learning path pictures appear:

Learning path listings in course catalogs where learners browse available programs
Learning path detail pages showing program information and enrollment options
Learner dashboards displaying assigned or completed learning paths
Search results when learners query for training programs
Progress tracking interfaces showing learning path enrollment status

Uploading Pictures

Learning path picture uploads replace existing images or add initial pictures to learning paths without visual assets. The upload process validates image format and size to ensure appropriate display across learner interfaces.

Uploading Learning Path Pictures

Navigate to the Learning Path Picture tab on the Learning Path Details page
Click the Upload Image button in the picture management area
A file browser dialog appears allowing you to select images from your computer
Navigate to the location of your desired learning path picture file
Select an image file meeting format and size requirements
Click Open in the file browser to initiate the upload
The system validates the image format and size
Upon successful upload, the new picture appears in the Learning Path Picture tab
The picture becomes immediately visible in all learner-facing learning path displays

Upload Process Behavior

Successful uploads:

Valid image files upload immediately and replace any existing learning path pictures
The Learning Path Picture tab refreshes to display the newly uploaded image
No additional save action is required—uploads take effect immediately
The new picture appears in course catalogs and learner interfaces within moments

Upload errors:

Invalid file formats display error messages indicating accepted formats
Files exceeding size limits display error messages specifying maximum file sizes
Corrupt or damaged image files may fail upload with generic error messages
Upload failures leave existing pictures unchanged—no picture removal occurs on failed uploads

Image Requirements and Specifications

Learning path pictures must meet specific technical requirements to ensure proper display across various interfaces and devices. Following image specifications prevents upload failures and ensures optimal visual presentation.

Accepted File Formats

Learning path pictures support standard web image formats:

PNG (Portable Network Graphics): Recommended for images requiring transparency or sharp edges
JPG/JPEG (Joint Photographic Experts Group): Recommended for photographs or images with gradients
GIF (Graphics Interchange Format): Supported for simple graphics or images requiring animation

Format selection guidance:

Use PNG for logos, icons, or images with text requiring crisp rendering
Use JPG for photographic images where file size optimization is important
Avoid GIF except for specific use cases requiring animation—static PNG typically provides better quality

File Size Limitations

Maximum file size: 4 MB (megabytes)

Images exceeding 4 MB are rejected during upload with error messages indicating size limits. Large image files should be optimized or resized before upload to meet size requirements while maintaining visual quality.

File size optimization strategies:

Resize images to recommended dimensions before upload rather than uploading oversized originals
Use image compression tools to reduce file size while preserving acceptable visual quality
Convert high-resolution photographs to web-optimized formats with appropriate compression
Remove unnecessary metadata, color profiles, or embedded information from image files
Test different compression levels to find optimal balance between file size and visual quality

Recommended Image Dimensions

While the system accepts various image dimensions, following recommended specifications ensures optimal display across all interfaces:

Recommended dimensions: 280 × 205 pixels (width × height)

Aspect ratio considerations:

The 280 × 205 recommendation provides approximately 1.37:1 aspect ratio
Images with significantly different aspect ratios may be cropped or distorted in some displays
Maintain consistent aspect ratios across learning path pictures for professional catalog presentation
Test picture display in Learner View after upload to verify appropriate rendering

Dimension flexibility:

The system accepts images larger or smaller than recommended dimensions
Oversized images are automatically resized for display but should be pre-optimized to reduce file size
Undersized images may appear pixelated or blurry when scaled up for display
Square images (1:1 aspect ratio) work well but may display with some cropping in rectangular containers

Image Content and Design Recommendations

Visual clarity:

Use images with clear focal points that remain recognizable at smaller display sizes
Avoid images with small text or intricate details that become illegible when scaled down
Ensure sufficient contrast between image elements for visibility across different backgrounds
Test image legibility in both light and dark interface themes if applicable

Professional presentation:

Use high-quality images that reflect organizational brand standards and professionalism
Maintain consistent visual style across learning path pictures for cohesive catalog presentation
Avoid generic stock photos that don't meaningfully represent learning path content
Consider using branded graphics, custom illustrations, or thematic imagery that communicates program focus

Content relevance:

Select images that visually represent learning path topics, objectives, or target audiences
Use imagery that differentiates learning paths from one another for easier learner identification
Avoid misleading images that suggest content not actually covered in the learning path
Consider using icons, symbols, or thematic colors that align with learning path categories

Removing Learning Path Pictures

Administrators can remove learning path pictures when updating visual assets, transitioning to default images, or removing outdated graphics. Picture removal returns learning paths to default visual presentation without custom images.

Removing Pictures

Navigate to the Learning Path Picture tab on the Learning Path Details page
Verify that a picture is currently uploaded and displayed
Locate the Remove Image or Delete Picture button near the displayed image
Click the removal button to initiate picture deletion
A confirmation dialog may appear asking you to confirm picture removal
Click Confirm, Remove, or OK to proceed with deletion
The picture is removed immediately from the learning path
The Learning Path Picture tab returns to displaying the no-image placeholder message

Picture Removal Behavior

Immediate effects:

Learning path pictures are removed from all learner-facing displays immediately
Course catalogs display learning paths with default placeholders or generic images
Learner dashboards show learning paths without custom pictures
No picture references remain in system databases after removal

Alternative approaches:

Upload a new picture directly without removing the existing one—uploads automatically replace previous images
Use organizational default images configured in Training Module Settings if available rather than removing pictures entirely

Learning Path Certificate Tab

The Learning Path Certificate tab enables administrators to upload Word document templates and certificate badges that provide completion recognition when learners successfully finish all courses within learning paths. Certificates offer downloadable credentials and LinkedIn integration for professional development verification.

Accessing the Learning Path Certificate Tab

Navigate to the Training module and select the Learning Paths tab
Click the name of the learning path you want to configure from the learning paths list
The Learning Path Details page opens with the Contents tab displayed by default
Click the Learning Path Certificate tab in the tab navigation area
The Learning Path Certificate page displays certificate template upload interface and badge management options

Certificate Tab Organization

The Learning Path Certificate tab contains two primary sections:

Certificate Template Section: Upload and manage Word document templates that generate personalized PDF certificates upon learning path completion

Certificate Badge Section: Upload and manage badge images that appear on LinkedIn certification pages and provide visual credential representation

Uploading Certificate Templates

Certificate templates are Word documents containing merge fields that automatically populate with learner information, learning path details, and completion data when certificates are generated. Templates support customization for organizational branding and credential requirements.

Template Upload Process

Navigate to the Learning Path Certificate tab on the Learning Path Details page
Locate the certificate template upload section
Click the Upload Template button
A file browser dialog appears allowing you to select Word documents from your computer
Navigate to your certificate template file location
Select a Word document (.doc or .docx format) meeting size requirements
Click Open to initiate the template upload
The system processes and validates the template file
Upon successful upload, a preview option appears showing how certificates will render
Review the preview to verify template formatting, merge fields, and overall appearance

Certificate Template Requirements

Accepted file formats:

.doc (Microsoft Word 97-2003 Document format)
.docx (Microsoft Word Document format)

Maximum file size: 100 MB (megabytes)

Templates exceeding size limits are rejected during upload. Most certificate templates remain well below this limit—large file sizes typically indicate embedded high-resolution images that should be optimized.

Template design considerations:

Use standard document dimensions (typically 8.5 × 11 inches or A4) for certificates
Include organizational branding, logos, and visual elements that create professional presentation
Design templates with appropriate white space and layout balance for credential appearance
Use fonts available across systems or embed fonts to ensure consistent rendering
Test template conversion from Word to PDF format to verify formatting preservation

Certificate Merge Fields

Merge fields are placeholder codes in templates that automatically populate with specific data when certificates are generated for individual learners. Merge fields must be written exactly as specified to function properly.

Available merge fields:

Learning Path Fields:

{!CourseName} – The name of the learning path (Note: Field name uses "Course" for compatibility but populates with learning path name)
{!Category} – The category assigned to the learning path
{!ReferenceCode} – The reference code configured for the learning path

Course Assignment Fields:

{!CompletionDate} – The date the learner completed all courses in the learning path
{!ComplianceDate} – The compliance expiration date if compliance is configured
{!StartDate} – The date the learner was assigned to the learning path

User Fields:

{!StudentName} – The learner's full name
{!Email} – The learner's email address
{!Title} – The learner's job title
{!Country} – The learner's country
{!Street} – The learner's street address
{!PostalCode} – The learner's postal/zip code
{!State} – The learner's state or province
{!Organization} – The learner's organization or company name

Merge field usage guidelines:

Copy merge field syntax exactly including capitalization, punctuation, and spacing
Place merge fields in template locations where personalized data should appear
Test templates with sample data to verify merge fields populate correctly
Use formatting options (bold, font size, color) around merge fields to style populated data
Avoid modifying merge field syntax—incorrect syntax prevents proper data population

Template Preview and Validation

After uploading certificate templates, preview functionality displays how certificates will appear with sample merge field data populated. Previewing validates template conversion from Word to PDF format and verifies formatting preservation.

Using certificate preview:

Locate the Preview Template or Preview Certificate option in the certificate template section
Click the preview button to generate a sample certificate
The system displays a PDF version with sample merge field values populated
Review formatting, layout, merge field placement, and overall visual quality
Verify that all elements convert properly from Word format to PDF
Close the preview when review is complete

Preview validation checklist:

Merge fields populate with sample data rather than displaying raw field codes
Fonts render consistently without unexpected substitutions
Images, logos, and graphics display at appropriate quality and positioning
Page layout maintains intended design without unexpected wrapping or spacing issues
Colors and formatting match intended template design
Document dimensions and orientation appear correctly

Preview issues and solutions:

Merge fields showing as raw codes indicate syntax errors—verify exact field spelling and formatting
Font changes suggest fonts are not available—use common system fonts or embed fonts in templates
Layout problems may indicate complex formatting that doesn't convert well—simplify template design
Image quality issues suggest images need optimization or format changes
Spacing or alignment problems may require template layout adjustments in Word before reuploading

Replacing Certificate Templates

Upload new certificate templates to replace existing ones when updating designs, correcting merge field issues, or refreshing branding:

Navigate to the Learning Path Certificate tab
Click Upload Template even if an existing template is present
Select the new template file and upload it
The new template automatically replaces the previous version
Preview the new template to verify improvements or corrections

Template replacement considerations:

Learners who previously completed the learning path and downloaded certificates retain their original certificate versions
New template applies only to future completions occurring after upload
Previously downloaded certificates are not retroactively regenerated with new templates
Consider timing template updates to minimize inconsistency in credential appearance across learner populations

Uploading Certificate Badges

Certificate badges are visual credential representations that appear on LinkedIn certification pages and other credential verification systems. Badges provide recognizable symbols of learning path completion that learners can display in professional profiles.

Badge Upload Process

Navigate to the Learning Path Certificate tab on the Learning Path Details page
Locate the certificate badge upload section below the template area
Click the Upload Badge button
A file browser dialog appears allowing you to select image files from your computer
Navigate to your badge image file location
Select an image file meeting format and dimension requirements
Click Open to initiate the badge upload
The system validates the badge image specifications
Upon successful upload, the badge image appears in the certificate badge section
The badge becomes available for LinkedIn integration and credential verification displays

Badge Image Requirements

Accepted file formats:

PNG, JPG/JPEG, or other standard web image formats

Recommended specifications:

Aspect ratio: 1:1 (square images)
Minimum dimensions: 340 × 340 pixels

Badge design requirements:

Use square images to prevent distortion in LinkedIn and credential verification displays
Ensure badges remain legible at small display sizes on profile pages
Meet minimum dimension requirements to ensure adequate quality in various contexts
Use transparent backgrounds (PNG format) if badges should overlay different background colors

Badge design best practices:

Create distinctive badges that visually represent learning path achievement
Include organizational branding elements (logos, colors, design patterns) for credibility
Use simple, bold designs that remain recognizable when scaled down
Avoid small text or intricate details that become illegible at reduced sizes
Consider creating tiered badge designs (bronze, silver, gold) for different learning path levels
Maintain consistency across related learning path badges for unified certification framework

Badge Display and Integration

Certificate badges enhance credential presentation in multiple contexts:

LinkedIn profile integration:

When LinkedIn integration is enabled in Training Module Settings, learners can add learning path completions to their LinkedIn profiles
Badges appear on LinkedIn certification sections providing visual credential representation
Clicking badges on LinkedIn directs viewers to public certification landing pages on the portal
Public certification pages display badge prominently with completion details and organizational information

Credential verification:

Badges provide recognizable visual confirmation of learning path completion
Professional contacts viewing credentials see badges that communicate achievement
Visual badges are more engaging than text-only certification listings
Badges support brand recognition by displaying organizational visual identity

Certificate downloads:

Badges may appear in downloadable PDF certificates depending on template design
Including badges in certificates creates visual consistency across credential formats
Badges in certificates provide additional authentication and professional presentation

Best Practices and Recommendations

Strategic Visual Asset Management

Develop visual identity systems: Create cohesive visual identities for learning path categories or certification tiers through consistent picture and badge design patterns

Maintain brand standards: Ensure all learning path pictures and certificate badges align with organizational brand guidelines for professional presentation

Plan for scale: Develop scalable visual asset creation processes when managing numerous learning paths requiring custom pictures and badges

Use design templates: Create reusable design templates for pictures and badges that maintain consistency while allowing customization for specific learning paths

Test across devices: Verify that pictures and badges display appropriately on various screen sizes and devices learners use to access training

Picture Selection and Design

Choose relevant imagery: Select pictures that meaningfully represent learning path content rather than generic or decorative images

Optimize file sizes: Resize and compress images before upload to minimize file sizes while maintaining acceptable visual quality

Maintain consistency: Use similar visual styles, dimensions, and aspect ratios across learning path pictures for professional catalog presentation

Update regularly: Refresh pictures when learning path content changes significantly or when organizational branding evolves

Consider accessibility: Ensure pictures don't convey critical information that screen readers cannot interpret—use descriptive alt text in supporting documentation

Certificate Template Excellence

Professional design: Create certificate templates that reflect the importance and value of learning path completion achievements

Include essential information: Ensure templates display learner names, learning path names, completion dates, and organizational authority granting credentials

Use merge fields correctly: Copy merge field syntax exactly and test templates thoroughly to verify proper data population

Preview comprehensively: Review certificate previews carefully to identify formatting issues before learners begin completing learning paths

Plan for longevity: Design certificate templates that remain appropriate over time rather than including date-specific or temporary branding elements

Provide clear signatures: Include signature lines, organizational seals, or authorization statements that establish certificate legitimacy

Badge Design Strategy

Create distinctive badges: Design memorable badges that learners proudly display and that professional contacts recognize as valuable credentials

Build certification frameworks: Develop tiered badge systems (foundational, intermediate, advanced) that visually communicate achievement levels

Use consistent design language: Maintain visual consistency across badges while ensuring each remains distinguishable and represents specific learning paths

Meet technical specifications: Verify badges meet dimension, aspect ratio, and format requirements for proper display across integration points

Test LinkedIn integration: If enabling LinkedIn profile integration, test badge display on actual LinkedIn profiles to verify appearance

Content Maintenance

Review visual assets regularly: Schedule periodic reviews of pictures, templates, and badges to ensure they remain current and appropriate

Update templates for corrections: When learners report certificate issues or formatting problems, update templates promptly and communicate changes

Coordinate template updates: Time certificate template updates strategically to minimize inconsistency in credential appearance across learner populations

Archive previous versions: Maintain copies of previous certificate templates for reference or reversion if new versions create unexpected issues

Document design decisions: Record rationale for visual asset choices to support future administrators and ensure design continuity

LinkedIn Integration Optimization

Enable organization ID: Configure LinkedIn Organization ID in Training Module Settings to link certifications to official company pages

Promote credential sharing: Encourage learners to add certifications to LinkedIn profiles to increase program visibility and organizational brand exposure

Monitor certification pages: Periodically review public certification landing pages to verify badges, information, and links display correctly

Leverage social proof: Share examples of learner LinkedIn profiles displaying certifications to demonstrate credential value and encourage participation

Track engagement: Use LinkedIn analytics when available to understand how learners and their networks interact with shared certifications

Administrative Efficiency

Batch visual asset creation: When launching multiple learning paths, develop pictures, templates, and badges systematically to ensure consistency and reduce individual effort

Use templates consistently: Develop standard certificate templates for different learning path types to accelerate configuration and maintain professional standards

Leverage existing assets: When creating similar learning paths, consider reusing or adapting pictures and badges rather than creating entirely new assets

Coordinate with design teams: Involve graphic designers or marketing teams in visual asset creation to ensure professional quality and brand alignment

Document upload specifications: Maintain clear documentation of image requirements and merge field syntax for administrators managing visual assets

Jump to Training Module Checklist

<< Configuring Learning Path Settings | Cloning and Sharing Learning Paths >>

Table of Contents