Teachflex – Online Education & Bootcamp Elementor Template Kit

TeachFlex is a clean, flexible, and accessibility-minded template kit for online learning platforms, bootcamps, training centers, and educators. Built to help you design online education, bootcamps and learning experiences that look professional and include every learner, TeachFlex combines modern layouts, thoughtful UX, and ready-to-use sections that speed up your launch.

Why Choose TeachFlex

TeachFlex is purpose-built for educators and training teams who need a fast, reliable way to publish inclusive bootcamp sites. Rather than shipping a generic design, this kit provides bootcamp-first templates, pricing and testimonial layouts, and accessibility-minded patterns so your site communicates trust and supports every learner. You get modular sections that are easy to customize with Elementor, consistent visual language for brand clarity, and practical UX that guides visitors from discovery to enrollment.

Key Features

• Inclusive by Design – patterns and components created with accessibility best practices in mind.
• Flexible Layout System – modular sections that let you mix, match, and scale quickly.
• Bootcamp-First UX – templates optimized for bootcamp, single bootcamp pages, testimonials, pricing and contact pages.
• Responsive & Fast – mobile-ready layouts with careful typography and spacing for readability.
• Visual Consistency – energetic yet professional style that supports education brands.
• Easy to Customize – built for Elementor; edit colors, type, sections, and content with no code.

Perfect For

• Online Bootcamp creators and instructors
• Bootcamps and training programs
• Schools, academies, and education startups
• Corporate learning teams and L&D professionals

Templates Included

This kit includes a full set of page templates and blocks used across the demo. The list below reflects the pages provided:

1. Home
2. About Us
3. Bootcamp
4. Bootcamp Details
5. Blog List (All Posts)
6. Blog Details (Single Post)
7. Testimonials
8. Pricing
9. FAQ
10. Contact
11. 404 Page
12. Header (Global block)
13. Footer (Global block)
14. Contact Form (Block)
15. Registration Form (Block)

Fonts:

This template kit uses free Google Fonts: Georama and Be Vietnam Pro. Both fonts are web-safe and easy to customize via Elementor’s typography settings.

Required Plugins:

To import and use the kit as shown in the demo, the following plugins are required (these are the minimum suggested plugins):

• Elementor
• ElementsKit Lite
• Jeg Elementor Kit
• MetForm
• Skyboot Custom Icons for Elementor – Elementor Icons library

How to Use Template Kits:

This is not a WordPress theme. Template kits contain the design data for Elementor only and are installed using the Envato Template Kit Import plugin for WordPress or directly through Elementor.

Detailed Guide: https://help.market.envato.com/hc/en-us/articles/36033428836889-How-to-Upload-Install-Elementor-Template-Kits-from-Themeforest-to-WordPress

For further support, go to Elementor > Get Help in the WordPress admin menu after importing the kit.

How to Import Header, Footer and Block

The imported templates are automatically categorized by Elementor in the Page or Section type. But not all categorization is appropriate, you need to adjust it to fit when used. One type of Section that needs to be adjusted is a template built using ElementsKit. The simple way to import Header and Footer templates is directly through the ElementsKit menu. If you have Elementor Pro, setup headers and footers in Theme Builder

1. Go to ElementsKit > Header Footer.
2. Add a template title, then set it as Header or Footer, then activate the template, and click Edit Content.
3. Click the Add Template button.
4. Open the My Templates tab, then click Insert on the appropriate form template.
5. Click the Update button, the form template should be successfully imported.

How to import Metform custom form:

1. Import Metform section templates first, then import the pages the forms appear in.
2. Use the Elementor navigator to select the Metform Widget and click Edit Form in the builder panel.
3. Select New and click Edit Form button at the bottom.
4. Click the gray folder icon “Add Template”.
5. Click My Templates tab.
6. Choose your imported form template, then click Insert.
7. Once the template is loaded, customize the form settings, then click Update & Close.

What should I do if the icons don’t appear?

This template kit uses the Skyboot Custom Icons for Elementor — Elementor Icons Library plugin. If icons are missing after import, please follow these steps:

1. Go to Skyboot Icons > Manage Icons in your WordPress dashboard.
2. We recommend disabling all icon packs and enabling only “Material Design Icons”.
3. Click Save Changes.
4. Refresh your website (hard refresh recommended). The icons should now appear.

Images

This Template Kit uses demo images from Envato Elements. You will need to license these images from Envato Elements to use them on your website, or you can substitute them with your own.

https://elements.envato.com/collections/NFVD4A3GYJ