Interactive Cards

Overview

The interactive cards feature is designed to enhance website interactivity, improve user engagement, and potentially increase conversions. These cards can be seamlessly integrated into your website to showcase key information dynamically and intuitively.

Key Benefits

1. Interactive User Experience: Cards provide an engaging way to present information.
2. Multi-Purpose Use: The flexibility to showcase different types of content such as courses, instructors, testimonials, and more.
3. Improved Conversion Rates: With easy access to detailed information, users can make quicker decisions.

Feature Details

Course Cards

• Purpose: Highlight individual courses or training sessions.
• Functionality:
  • Displays a course image automatically upon section addition.
  • Allows the flexibility to add more information about the course, such as a brief description or key highlights.
  • Provides a direct link to the course’s sales page for users to access detailed information or enroll.
• Customization Options:
  • Upload a custom image for each course.
  • Add course titles, subtitles, and additional descriptive text.
• Unique Value:
  • This feature is custom-built and not available by default on the platform, making it a unique addition to your website.

Instructor/Multipurpose Cards

• Purpose: Showcase instructors, course packages, testimonials, or other content.
• Functionality:
  • A versatile section that can be used for various purposes, such as:
    • Introducing instructors.
    • Highlighting course bundles or packages.
    • Displaying customer testimonials.
  • Includes hover effects for interactivity:
    • On hover, the card displays a plain image, a title, and a subtitle.
    • Additional descriptive text is revealed for more information.
• Customization Options:
  • Choose images, titles, subtitles, and content for each card.
  • Adjust layouts for different use cases.
• Use Cases:
  • Tailored for multi-purpose functionality, allowing flexibility in content presentation.

Live Example

You can see a live implementation of the interactive cards on the Street Smarts Website. The demo showcases how these cards can dynamically enhance user experience with intuitive designs and responsive layouts.

How to Use Interactive Cards

1. Adding a Section:

   • Drop the interactive card section into your desired location on the website.
   • Upload relevant images and configure the text fields.
   •  

2. Customizing the Content:

   • Use the customization options to tailor the cards to your content needs.
   • 
   • Preview the hover effects and layout designs to ensure optimal presentation.z

3. Linking:

   • For course cards, link the card to the corresponding sales page for easy navigation.
   • Use the multipurpose cards to link to additional resources or internal pages, as needed.