TF Travair is a theme crafted for WordPress, specifically designed to cater to the sophisticated needs of private jets and helicopter rentals. It stands out as a highly specialized template for Elementor, with carefully engineered elements that harmoniously align with the brand ethos of the luxury aviation sector. Crafted with precision, this theme serves those looking to elevate their aerospace rental business into the digital stratosphere, ensuring seamless integration with modern web standards.

Theme Version: 1.0.21
SafariWordPress template ThemeForest Travair
 

Template Description

The elegance of TF Travair is radiantly evident through its minimalistic yet glamorous design aesthetic, perfectly capturing the luxury and exclusivity of the private aviation industry. Incorporating a refined palette, typically featuring deep blues, striking golds, and vivid whites, it creates a visual narrative that resonates with elite clientele seeking bespoke air travel experiences. The cleanliness of its design not only enhances readability but also instills a sense of trust and opulence. Every interactive element is strategically placed to facilitate a seamless user journey, from initial discovery to booking completion.

This theme has integrated responsive design principles, ensuring that it performs impeccably across all devices, which is crucial for high-net-worth individuals who might prefer accessing information through a myriad of smartphones, tablets, or desktop interfaces. Its responsive typography and adaptable grid layout dynamically adjust, maintaining visual consistency and usability, which are cornerstones of an engaging customer touchpoint ecosystem. The booking processes embedded within the theme are intuitive, allowing users to effortlessly avail themselves of charter services while simultaneously boosting conversion rates.

Harnessing the power of Elementor, this theme offers unparalleled customization flexibility, providing web developers and site administrators the tools to tailor the websites visual and functional components without touching a single line of code. This empowers businesses to easily align the digital portrayal of their brand with their unique operational requirements and customer expectations. The detailed control over layout and style ensures that every pixel can be optimized to reflect the exclusivity and refinement that private jet and helicopter services embody.

The incorporated high-resolution imagery presents a compelling showcase of aircraft models available for charter, making a strong impression on potential clients the moment they land on the site. User experience design principles unmistakably guide the potential client’s eyes to important sections, like immediate booking options and featured services, enhancing the efficiency of the site. This kind of precision in informational hierarchy not only streamlines navigation but effectively highlights key selling points, such as bespoke journey planning and in-flight luxury amenities.

Taking advantage of the visual editor capabilities of Elementor, this theme integrates interactive elements like flight route mapping and real-time availability checks. Such features are not just for show; they significantly enhance the booking process by visually representing complex information in an easily digestible format. This practical functionality differentiates ThemeForest Travair, tailoring the web experience specifically towards industry needs, where clarity and instantaneous access to information are paramount.

The themes foundational code infrastructure is meticulously optimized for performance, ensuring fast load times that are critical for the modern digital consumer who demands sleek, swift interactions. Furthermore, enhanced SEO optimization is baked into its core, facilitating higher search engine rankings which directly translates to increased visibility in a highly competitive market. Such essential features ensure that the digital presence of a private aviation business is as impressive as its physical services.

Dynamic content presentation is yet another strength of this theme, where powerful visual storytelling through animated components and slick transitions captivates visitors, providing a memorable interaction with the brand. It showcases customer testimonials and business accolades, reinforcing the credibility and reliability of the services offered. The strategically structured call-to-action prompts are seamlessly integrated, guiding users towards making affirmative decisions while underscoring the luxurious experience anticipated.

Translating complex operational information into a sleek digital interface, TF Travair employs strategically chosen fonts and typographic hierarchy to communicate professionalism and clarity. The thoughtful selection of typography supports the hierarchical presentation of information, enhancing reading fluency and user engagement. By orchestrating such design elements thoughtfully, the theme achieves a harmony between form and function, embodying a digital gateway to opulence and exclusivity in air travel.

Designed to appeal to discerning tastes, the theme for WordPress offers a harmonious blend of luxury design and practical functionality, ensuring not only an aesthetically pleasing visit but also a seamless, efficient user interaction. With every detail finely polished, it serves as an exemplary template for businesses aiming to leave a lasting impression on their clientele while delivering unrivaled digital experiences aligned with the elite nature of private jet and helicopter services.

Template Features:

  • Compliance with W3C XHTML 1.0 Transitional and W3C CSS Valid standards.
  • Support for compression of JavaScript and CSS scripts to accelerate website performance.
  • Thanks to the use of the latest versions of PHP and MySQL, the template code is up-to-date and secure.
  • A large number of positions for placing modules and several color suffixes.
  • Several built-in color schemes of the template for customizing your projects design.
  • The template supports Google fonts and RTL/LTR languages.
  • Multiple types of menus, Mega Menu, Dropline Menu, CSS Menu, with smooth animation effects.
  • Integrated support for popular plugins: Elementor, Bootstrap, expanding the functional capabilities of the site.
  • Demo data included to ensure the themes layout precisely matches the demo preview.

Specifications:

Release date: 22-06-2021
Last updated: 22-06-2022
Type: Premium
License: GPL 
Subject: Transport Tourism & Leisure Booking Elementor Pro
Compatibility: W5.x W6.x
QuickStart: -
Color
schemes:
Developer: Elementor Template Kits

Rating:
4.7368421052632 1 1 1 1 1 (38 Votes)

Download by subscription!

You need to log in on the site and purchase a club subscription!

Share with your friends!

 

General Features:

 

Powerful Features

The theme includes a specially designed universal functions and elements for a particular segment, allowing you to easily customize the template.

Responsive Design

The layout of the themes are 100% responsive and works perfectly on all devices, providing maximum flexibility, adapting the website to fit any screen resolution.

HTML5 & CSS3

Modern web technologies offer a rich set of features and benefits. The template is designed using HTML5, CSS3, LESS, JQuery.

Quick Start

Get started in minutes using the install themes with preconfigured plug-ins, styles, and demo content.

Cross-Browser

The ability to display the site with the same degree of readability in all browsers, such as Safari, Firefox, Chrome, Opera, Internet Explorer 10+.

SEO optimization

Template is fully optimized for SEO, which ensures seamless index and the presence of your website in search engines.

How to Configure ThemeForest Travair for a Private Aviation Website in Elementor

ThemeForest Travair is best viewed not as a standalone WordPress theme, but as a ready-made Elementor template kit for a private aviation website: a private carrier, helicopter charter service, business aviation broker, or premium transportation company. This guide focuses on the real implementation path rather than the sales copy: what to check before installation, how to import the templates, how to build the homepage, configure the header, inquiry form, service pages, and shop pages, and how to tell whether the site is actually ready to publish.

Travair has a strong visual concept: a dark navy aviation foundation, turquoise accents, large aircraft and helicopter imagery, service blocks, trust counters, team sections, FAQ, contact areas, and dedicated WooCommerce templates. That structure works well for a niche where visitors first evaluate the level of service and only then submit an inquiry. So the site owner's real job is not just to import attractive sections, but to replace the demo content with actual routes, fleet information, contact details, proof of reliability, and clean, usable forms.

Below is a practical walkthrough for ThemeForest Travair: preparing WordPress, importing the Elementor Template Kit, configuring global styles, working with MetForm, assembling the homepage, checking responsiveness, diagnosing common issues, and comparing it with similar solutions. Where specific functionality depends on plugin versions or the hosting environment, the recommendations are framed as safe validation steps rather than promises of identical behavior on every site.

ThemeForest Travair as an Elementor Template Kit for a private aviation website
Travair works best as a starting design system for an aviation service: first preserve the template's visual rhythm, then replace the text, images, forms, and service pages.

What Travair Is and Where It Actually Works Best

Travair is published on ThemeForest as an Elementor Template Kit for WordPress. That distinction matters: you are not getting a traditional WordPress theme with its own installer, but a set of prebuilt templates imported into Elementor and then assigned to pages. In this setup, the site's base theme remains separate. Most users pair kits like this with a lightweight theme that does not interfere with full-width layouts, such as a neutral Elementor-friendly theme. Travair itself is responsible for the page structure, sections, visual presentation, and part of the supporting blocks.

According to the ThemeForest listing, the kit is designed for private jet, helicopter charter, air charter services, and similar premium transportation offerings. It includes ready-made pages and supporting templates: Home, About Us, Services, Blog, Single Post, FAQ, Contact Us, 404 Page, Header, Footer, Global Theme Style, a MetForm contact form template, and Shop and Product Detail pages. It requires Elementor, WooCommerce, Jeg Elementor Kit, and MetForm. The listing also notes that Elementor Pro is not required, but that does not mean you can skip careful setup of the environment, menus, forms, and published pages.

The main advantage of a kit like this is speed: it gives you a fast starting point for a website where visual credibility matters from the very first screen. In aviation charter, visitors pay attention to photo quality, clear services, easy contact options, trust elements, and a polished mobile experience. Travair provides that foundation: a hero block with aviation imagery, Private Jet and Private Helicopter cards, an About section, a benefits block, a services list, FAQ, blog, and a contact form. But it only becomes genuinely valuable after it is adapted to the business: demo metrics are replaced with verified information, stock photos with licensed or original images, generic services with specific routes, and the form with a clear quote request.

An Elementor template is convenient because a designer, marketer, or site owner can update sections visually without editing PHP files. But that same flexibility creates risk: if you import everything at once and never check page assignments, global styles, container widths, and forms, the site will look like a demo, not a finished aviation service website. So from here on, the goal is to move from structure to outcome, not from the import button to random editing.

When Travair Is an Especially Good Fit

This kit makes sense when the site needs to explain a premium service quickly using a relatively small number of core pages. That could be a private flight broker, a helicopter tour operator, an air transport rental company, a charter operator representative, a VIP transfer service with an aviation focus, or a landing page for a standalone service. In these cases, you do not need a complex schedule database or customer portal. What matters is showing the service type, building trust, providing contact points, explaining the request flow, and making it easy to submit an inquiry.

Travair is also useful for a test landing page ahead of a larger redesign. For example, a company may want to validate demand for a specific route, launch a page for paid traffic, or collect leads for seasonal helicopter routes. A Template Kit lets you build that page faster than designing from scratch, and Elementor makes it easy to rearrange sections and rewrite text without custom development.

When a Different Approach Is Better

Travair may not be the right choice if the site is built around complex flight booking, real-time pricing, aviation system integrations, a client portal, a multilingual network of regional landing pages, or a dedicated fleet catalog with filters. In those cases, the template can still work as a visual shell, but the business logic will require separate plugins, custom development, or CRM integrations. Do not expect Travair to include built-in booking, dispatching, flight payment, or aircraft availability checks unless those features are explicitly confirmed in the sources.

Another case that calls for caution is an existing site with a mature theme and a nonstandard builder. If the current project relies on a different visual editor, a rigid theme with its own container system, or custom WooCommerce templates, importing an Elementor kit can create width conflicts, duplicate headers, mismatched button styles, and unnecessary overhead. In that situation, it is better to deploy Travair on a copy of the site first and test compatibility without affecting the live version.

What's Included: The Pages and Plugins You Need to Account For

Before installation, it helps to understand what Travair is made of. The kit is not limited to a single homepage. It includes templates for multiple layers of the site: homepage, informational pages, blog, FAQ, contact page, error page, header, footer, global styles, a MetForm contact form, and WooCommerce pages. That means the import gives you not one screen, but several independent templates that need to be assigned, connected through menus, and verified on the public site.

The most common mistake with a Template Kit is treating the import as the end of the job. In reality, the import only adds drafts to the Elementor library or to pages. After that, you still need to decide which templates will become live pages, which will stay as backups, which sections should be removed, and which should be reused. For example, if the company does not sell anything through WooCommerce, the Shop and Product Detail pages do not need to be published. If WooCommerce is used for certificates, tours, or gift packages, those pages need to be brought in line with real selling conditions instead of being left as demo cards.

What to review in Travair before going live
Kit component Why it matters What to update first
Home First screen, services, trust, and paths to the inquiry Hero copy, real services, buttons, benefit blocks, and photography
About Us Explains the company, experience, and team Company story, legal wording, fleet facts, and team details
Services Shows service directions: jet, helicopter, transfer, and support Service names, limitations, geography, and CTA for each service
FAQ Removes objections before contact Questions about routes, documents, baggage, weather, cancellations, and response times
Contact Us and MetForm Captures customer inquiries Form fields, recipient, notifications, and consent to data processing
Header and Footer Connect pages and keep contact points visible Logo, menu, phone number, inquiry button, and social links
Shop and Product Detail Only needed if WooCommerce is truly being used Product type, legal terms, payment methods, and disabling unnecessary elements

You also need to understand the dependencies up front. Elementor handles visual editing. Jeg Elementor Kit adds widgets and template infrastructure, including blocks used in the author's designs. MetForm powers the contact form. WooCommerce is required if you import the shop pages. If one of these plugins is missing or disabled, some templates may import with blank areas, missing widgets, or broken layout elements.

Why Global Theme Style Matters More Than It Seems

The Travair listing specifically includes Global Theme Style. This is not just a decorative template. In Elementor, global colors and fonts help keep buttons, headings, links, and background accents visually consistent. Travair's visual language is built around dark navy, white, turquoise accents, bold typography, and aviation imagery. If you import pages before the global style, or start changing colors randomly in individual sections afterward, the site quickly loses cohesion.

The right sequence is this: import the global styles first, then the header and footer, then the pages, and only after that start replacing text and images. If the project already has brand guidelines, map those colors to Travair carefully: the main dark background can stay close to the original, the turquoise accent can be swapped for a brand color only after contrast is checked, and text styles should be updated through global settings rather than widget by widget.

ThemeForest Travair import map in WordPress and Elementor
The cleanest way to import Travair is as a sequence: dependencies, global styles, header and footer, pages, forms, and then final verification.

Preparing WordPress Before Importing

This preparation is not just a formality. An Elementor template with large images, animation, forms, and multiple pages is sensitive to memory limits, file upload limits, theme behavior, caching, and plugin conflicts. If you import the kit into a site that already has aggressive minification, heavy sliders, an outdated theme, and dozens of extensions, the first issue may look like "Travair is broken" even though the real cause is the environment.

The best starting point is a separate WordPress test copy. That can be a subdomain, a hosting staging environment, or a local clone. Importing a Template Kit directly into a live site with traffic is risky: you can end up with duplicate pages, temporary style issues, header conflicts, or broken forms. If staging is not available, create a backup of the files and database through your host or a trusted backup plugin, and only import after you have captured the current state.

Minimum Technical Baseline

Elementor publishes environment requirements and also recommends a higher memory limit for comfortable editor performance. That matters even more with Travair because the kit includes multiple pages, media assets, and third-party widgets. Before importing, review the WordPress admin areas that expose site health details: PHP version, memory limit, maximum upload size, active theme, and the list of active plugins.

  • Check that the site is running a supported version of WordPress and PHP, and that Elementor installs without warnings.
  • Make sure the file upload limit is high enough for the ZIP kit. If you get a file size error, the server limit needs to be increased rather than manually extracting the kit.
  • Choose a lightweight theme that works well with Elementor. It should not force rigid containers or add a second hero block above the layout.
  • Temporarily disable aggressive CSS/JS optimization and page caching during the import and initial configuration.
  • Verify user permissions. Importing, installing dependencies, and editing templates require administrator access.

Practical check: before importing, create a regular test page, click Edit with Elementor, add a heading section, save it, and open the public version. If basic Elementor already cannot save a page or open the editor, fix the environment first instead of importing Travair.

What to Decide Before Installation

Before the import, sketch out a simple site map. For Travair, that usually means Home, About, Services, FAQ, Blog, and Contact. If WooCommerce is not being used, the shop pages do not need to appear in the menu. If the services require dedicated landing pages, decide in advance which Services sections will be reused and which will become standalone pages: for example, private jet, helicopter transfer, corporate flights, VIP meet-and-greet, medical evacuation, or sightseeing flights.

Also gather the content ahead of time: a high-quality logo, contact phone number, business address or service region, legal company name, real images, service list, FAQ, form copy, social links, privacy policy, and consent text. A polished aviation stock photo may look expensive, but if it does not match the actual service, trust drops. Be especially careful with demo imagery: the Travair listing states that the demo images come from Envato Elements and must be licensed separately or replaced for a production website.

Caching and Optimization Before First Launch

Caching is useful after launch, but it gets in the way during setup. If CSS combination, deferred JavaScript loading, critical CSS, or server-side caching is already enabled, Elementor may show one thing in the editor and another on the public site. During the import and first round of edits, disable minification, file combination, and deferred loading for Travair pages. Once the setup is finished, re-enable optimization gradually and test the header, menu, form, animations, and mobile layout after each step.

If the site already uses a CDN, make sure new images and CSS updates are propagating without delay. After importing a Template Kit, it often looks like "the styles did not apply" when the browser is actually showing an older cached version. In that case, clear the plugin cache, server cache, CDN cache, and browser cache, then regenerate Elementor CSS if that action is available in your current version.

Importing the Template Kit Without Extra Duplicates or Broken Layouts

The Travair listing describes the classic Envato Elements plugin workflow: install the plugin, upload the ZIP kit without extracting it, open Elements and Installed Kits, upload the Template Kit, install dependencies from the orange banner, import Global Kit Styles first, and then import the individual templates. At the same time, the public WordPress.org page for the Envato Elements plugin currently says the plugin has been closed and is unavailable from the directory. So in real-world work, you need to verify which import method is actually available in your environment: import through current Envato tools, import through the Elementor library, manual import of saved templates, or another supported method that comes with your purchased kit.

The main rule remains the same: do not extract the kit file unless there is a specific reason, and do not import every template randomly. If the import tool expects a ZIP file, extracting it can break the kit structure. If the tool lets you choose individual templates, start with the global styles, then the header and footer, then Home, Contact, and Services. Blog, FAQ, 404, and WooCommerce pages can come in a second stage once the core visual system has already been validated.

An Import Order That Reduces Errors

  1. Create a backup and confirm that Elementor opens an empty test page.
  2. Install and activate Elementor, Jeg Elementor Kit, MetForm, and WooCommerce if you plan to use the shop templates.
  3. Open the Template Kit import tool available for your package and upload the ZIP without manually editing its structure.
  4. If the importer shows a requirements list, install the missing plugins and return to the import process.
  5. Import Global Theme Style or the equivalent global styling asset first.
  6. Import Header and Footer, then assign them through the mechanism supported by your kit.
  7. Import Home, create a WordPress page, and insert the template through the Elementor library.
  8. In the page settings, select a full-width layout, hide any extra page title, and save.
  9. Repeat the process for Services, About, FAQ, and Contact, then connect the pages through the menu.
  10. Only after the core navigation is working should you import the shop and blog templates.

If you use the Elementor library route, the logic is similar: the templates first need to appear under Templates or the available library tab, and then be inserted into a specific page. It is important to distinguish between "the template has been imported" and "the page has been published." An imported Home template does not automatically become the homepage until you create a page, insert the template, publish it, and assign it as the homepage in WordPress settings.

Full Width and the Hidden Page Title

Travair is designed for broad visual presentation: a large hero, horizontal navigation, wide background sections, and image and stats blocks. If you leave the default theme template with a narrow container in place, the result will look constrained. In Elementor page settings, open the gear icon and check the layout. In most cases, you want Elementor Full Width or another full-width option available in your theme. If the theme adds its own page title above the layout, hide it in Elementor settings or theme settings.

After saving, open the page in a normal browser tab. Check that the first screen starts with the Travair design rather than an extra H1, theme spacing, or a duplicate header. If a second header appears above the hero, both the theme header and the template header are active at the same time. The fix depends on the theme you are using: disable the theme header for that page, use Elementor Canvas, assign the template header through Jeg Kit, or keep the theme header and remove the imported one. Do not publish a page with two headers at once: it hurts UX and makes mobile navigation worse.

Configuring global styles and a full-width page in ThemeForest Travair
The key to a polished Travair layout is simple: global style first, full-width page second, and only then replace sections with real services.

Configuring the Visual Language: Colors, Fonts, Images, and Trust

Visually, Travair is built like a premium aviation website: a deep navy background, white and light text zones, turquoise buttons and accents, and large photos of aircraft and business-context scenes. If you replace all of that with random colors and imagery, the kit loses its identity. That is why customization should start from the brand system, not from individual widgets.

Open Elementor global settings or the imported Global Theme Style and define the core color roles. The dark tone creates a premium feel and contrast. The turquoise accent is for action: the inquiry button, active menu item, icons, "Learn More" links, and decorative lines. Light backgrounds are best for longer informational sections like About, services, FAQ, and contact. If the company already has a brand color, do not replace every accent at once. First swap the primary CTA, check contrast against white text, and only then update icons and links.

The Hero Block for an Aviation Service

Travair's first screen should answer three questions: what service is being offered, who it is for, and what the visitor should do next. A demo heading about luxurious transportation may set the mood, but a real production site should be more specific. For example: "Private flights and helicopter transfers on request," "Charter flights for business travel," or "Helicopter routes and VIP transfers." The button should lead to the form, the phone number, or the services page, not remain as a decorative element.

The hero image should be legally safe and aligned with the service being offered. If the company does not own its own aircraft, do not use photography that implies the pictured fleet is theirs. More cautious wording works better: "flight coordination," "aircraft sourcing," or "charter service" if the business operates as a broker. Travair copy should not promise speed, safety, or flight availability unless those claims are actually verified. It is better to show a clear request path: route, date, passengers, baggage, contact details, and a comment.

Practical Hero Copy Replacement

In Elementor, open the Home page, select the hero heading, and replace the demo copy with a line that reflects the actual service. Then edit the subheading and remove vague phrasing. A good subheading explains what information is needed for a quote and how quickly the user will receive a reply, if that timeline is genuinely supported by the company's process. The Get A Quote button can stay in English only if the entire site is in English. On a Russian-language site, the visible label would be better as "Get a Quote," "Send Request," or "Discuss Your Route" in the site's actual language.

After editing, check whether the typography still works. Russian headings are usually wider than English ones, so in the original setup the hero may have required shorter lines, different tablet and mobile font sizes, or splitting the idea between the heading and subheading. Do not try to force everything into a single H2 inside the hero. The shorter the first screen, the more confident it looks.

Services and Trust Sections

In the Travair demo, you can see Private Jet and Private Helicopter cards, blocks like Comfort Helicopter and Fastest Plane, as well as counters and percentages. On a real site, those elements need to become verifiable information. If you do not have confirmed numbers for clients or flights, do not leave the demo figures in place. It is better to replace counters with neutral indicators such as "Route planning," "Transfer coordination," "Manager contact," or "Quote request." Percentages like Safety System and Team Expertise may look impressive, but without a clear source they can read as empty marketing metrics.

Service cards should lead to specific actions. For private jet service, that might be a flight quote request. For helicopter transfer, it might be route and weather clarification. For VIP transfer, direct contact with a manager. For corporate travel, a consultation about recurring routes. Each card needs more than a polished icon - it needs a clear next step. In Elementor, check the button links, aria-label settings where available, hover states, and mobile readability.

Header, Footer, and Menu: How Not to Lose the Lead

Travair's header is visually split into a top information bar and the main navigation. The demo includes an address, email, social icons, logo, Home, About Us, Services, Page, Blog, Contact Us, and a Get A Quote button. For an aviation service site, this is a strong framework: visitors need to understand quickly how to reach the service pages and how to submit an inquiry. But if you leave the demo address in place, keep empty social profiles, or link to a nonexistent page, trust drops more than if the block were not there at all.

Configure the header separately from the homepage. If the Header template is imported into Jeg Elementor Kit, use the area that manages header templates and display conditions. The Travair listing describes a workflow through the Jeg Elementor Kit menu: add a new header, set the All Site condition, insert the template, and save. The exact labels may differ in the current interface, but the principle is the same: the header should be assigned once and displayed on the intended pages without duplication.

Menu Structure for an Aviation Site

A good Travair menu should stay short. For an initial launch, this is usually enough: Home, Services, About, FAQ, Blog, Contact. If there is a WooCommerce section, add it only if you are actually selling services, certificates, or packages. The demo Page item is better replaced with real pages or removed entirely. On a small site, it is usually a mistake to bury the main services in dropdowns: visitors understand the structure faster when Private Jet, Helicopter, and Corporate Charter are accessible from Services or from cards on the homepage.

The CTA button in the header should lead to the form or contact section. If the form is on the same page, use an Elementor anchor. If the form lives on a separate Contact page, link there. Check that the link works on mobile and is not hidden behind a sticky header. A clickable tel: link is a good addition for the phone number, but only if that number is actually published as the company's official contact.

The Footer as a Trust Checkpoint

Travair's footer should repeat the important contact details, but it should not turn into a dumping ground for links. Add the legal company name, service region, contact email, phone number, links to the privacy policy, and links to service pages. If the site uses forms that collect personal data, the policy link should be available next to the form and in the footer. Only keep real social profiles. Empty icons that point to the main pages of social platforms are better removed.

After configuring the header and footer, open several pages: Home, About, Services, Contact, and Blog. Check that the active menu item does not break the color scheme, the logo does not stretch, the CTA button does not wrap onto two lines on tablet, and the mobile menu opens and closes correctly. If you are using a sticky header, make sure it does not cover the first screen or anchor targets.

The MetForm Inquiry Form: Fields, Notifications, and Delivery Checks

Travair includes a MetForm template for Contact Us. That makes sense: for private aviation, the inquiry form is usually more important than the cart. But an imported form almost always needs adjustment. Demo fields may be too generic, while a real manager needs the details required for a first assessment: route, date or time frame, number of passengers, service type, baggage or special requirements, name, preferred contact method, and comment. The more precise the form, the fewer empty back-and-forth messages you get after submission.

The ThemeForest listing describes a separate import flow for MetForm: import the form block template, open the page where the form is used, select the MetForm widget through the navigator, click Edit Form, create or open a form, insert the imported template from My Templates, and then save. This is not an especially intuitive path for a beginner, so do not be surprised if the form area is blank after a basic page import or if the form is not connected. You need to verify separately that the widget on the page is linked to the correct form.

Which Fields to Keep for the First Launch

For a site built with Travair, it is smart to start with a moderate form. Do not force users to fill out a long questionnaire on first contact. A solid charter form includes: name, phone or email, service type, route or city, date, number of passengers, and comment. If the business operates in a jurisdiction that requires explicit consent for personal data processing, add a consent checkbox with a link to the policy. MetForm supports different field types and submission storage in the admin area, but the exact feature set may depend on the version and plan, so check what is available in your installed plugin.

Do not make every field required. In most cases, only name and one contact method need to be mandatory. Route and date are useful, but the visitor may not know the final details yet. If the form is too rigid, some leads will move to phone calls or disappear entirely. For a premium service, it is better to make the first step easy and let the manager clarify the details later.

Notifications and Submission Storage

After importing the form, open the notification settings. Check the recipient address, email subject, the fields included in the email body, the success message, and the post-submission behavior. If MetForm can store submissions in the admin panel, enable that where available and where it aligns with your data processing policy. This helps prevent lost leads if the email lands in spam or SMTP fails temporarily.

Do not rely only on the default WordPress mail function for delivery. On many hosts, it is unreliable. Connect an SMTP plugin or mail service approved for your project, submit a test inquiry, and check the inbox, spam folder, submissions log, and on-site message. If the form is used for expensive services, a lost lead costs more than the few minutes it takes to configure mail properly.

Mini form test: submit an inquiry using a real email address, then verify four places: the on-page success message, the administrator email, the user email, and the entry in the admin panel. If even one of those fails, do not send paid traffic to the page yet.

Practical Scenario: Building a Homepage for a Charter Company

Now let's walk through a real scenario. Suppose you need to launch a site for a company that takes inquiries for private flights and helicopter transfers. The goal is a polished homepage where the visitor sees the service, trust elements, core service directions, the inquiry form, and answers to common questions. We are not building a complex booking system here. In this scenario, Travair works as the visual and structural foundation for lead generation.

Goal and Preparation

The goal: the homepage should guide the visitor from the first screen to the inquiry without unnecessary detours. Prepare the logo, 3 to 5 photos, service list, a short company description, contact details, 5 or 6 FAQ items, the form consent text, and the menu data. Elementor, Jeg Elementor Kit, and MetForm should be active in the admin area. WooCommerce can remain disabled if there is no real store scenario.

Setup Steps

  1. Import the global styles, Header, Footer, Home, Services, FAQ, and Contact.
  2. Create a page called "Home," open it in Elementor, and insert the Home template.
  3. In the page settings, select a full-width layout and hide the system page title if it appears above the design.
  4. Replace the hero heading with a specific service offer, and point the button to the contact form or the Contact page.
  5. Keep only the real service directions in the service cards. Add a short description, link, and clear next step to each one.
  6. Delete or rewrite the demo counters. Keep only verified numbers or replace them with qualitative advantages.
  7. Configure the MetForm form: fields, recipient, success message, consent, and test submission.
  8. Create the WordPress menu and connect it to the Header. Check the CTA button, phone number, and email.
  9. Assign the "Home" page as the site's homepage in WordPress reading settings.
  10. Check the result in a normal browser, at tablet width, and at mobile width.

Nuances Specific to the Aviation Niche

In aviation services, you cannot treat the copy like generic polished advertising. If the site promises "the fastest aircraft" or "guaranteed availability," visitors may read that as a specific commitment. It is better to be precise: "we'll match an option to your route," "we'll confirm aircraft availability," "we'll coordinate the transfer details," or "we'll reply after reviewing your request details." That tone feels more professional and reduces the risk of creating expectations you do not want to fight later.

Photography also needs to match reality. If the company does not own its own fleet, do not caption images as "our aircraft" unless that is true. Neutral captions work better: "service-level example," "charter flights," or "helicopter routes." If you use licensed images, keep the license proof stored separately. The Travair listing explicitly warns that demo images from Envato Elements must be licensed or replaced.

Verifying the Result

Once the page is assembled, open the homepage while logged out of WordPress. Check that the first screen loads quickly, the header is not duplicated, the CTA leads to the form, the menu opens published pages, the form sends successfully, the mobile button does not overlap the text, and the images do not feel random. Then open the Elementor editor and confirm that the page still saves without errors after your changes. The final check should be a test inquiry from a mobile device, because a large share of real inquiries often comes from mobile users.

Practical Travair homepage setup scenario for a charter company
A practical Travair scenario: the first screen explains the service, the cards lead to service directions, the form collects flight details, and the final check confirms the page is ready.

WooCommerce Pages in Travair: Use Them or Disable Them

Travair includes Shop and Product Detail templates, and WooCommerce is listed among the required plugins. That does not mean every private aviation site has to become a store. WooCommerce only makes sense if the business has something that fits a product model: a gift certificate, a sightseeing flight with a fixed package, merchandise, a bookable tour through a separate extension, or a consulting package. If services are priced individually, store pages may only add friction.

If WooCommerce is not needed, it is better not to show Shop in the menu and not to publish demo products. Keeping WooCommerce active "just in case" is not always helpful either: it adds pages, styles, scripts, email templates, and extra settings. For a simple lead generation site, the inquiry form and service pages are enough. At the same time, Travair's WooCommerce support is useful as an expansion path: you can start with a form-based site and later add certificates or standard packages.

When the Store Section Makes Sense

A store is justified when the offering can be described in advance: "Gift Certificate for a Helicopter Tour," "Private Sightseeing Flight," or "Fixed Transfer on an Approved Route." In those cases, the Product Detail template can be adapted to describe the package, terms, restrictions, duration, departure point, and cancellation policy. But even then, WooCommerce needs separate legal setup: payment methods, taxes, emails, refunds, privacy policy, and terms of service.

If the service depends on weather, aircraft availability, permits, or a custom route, do not turn it into a standard buy-now product with instant checkout and no confirmation. In that case, WooCommerce is better used as a storefront for certificates, or the direct payment button should be replaced with a "Request a Quote" CTA. Travair gives you the visual foundation for a product page, but it does not solve the legal or operational side of selling an aviation service.

What to Check When Enabling WooCommerce

  • The store pages should not clash with Travair's main menu or visual style.
  • The product page should clearly explain what is included and what is arranged separately.
  • The cart and checkout should be tested before launch, even if the product is only a test item.
  • WooCommerce emails should be delivered to both the administrator and the customer.
  • Payments, taxes, and legal documents should match the actual business process.

If all of that feels like too much for the initial launch, start without the store. You can keep Shop and Product Detail as drafts, but leave them unpublished. That gives you a clean inquiry-driven site and avoids the false impression that an expensive, conditional service can be purchased like an ordinary retail product.

Responsiveness, Speed, and SEO After Setup

Travair is promoted as fully responsive and retina-ready, but that claim needs to be tested after you replace the content. English demo headings are shorter than many localized versions, photos may use different aspect ratios, and real service names are often longer than two words. So the mobile version should be checked not just visually, but functionally: the user needs to be able to read the first screen, open the menu, tap the CTA, complete the form, and return to the services without horizontal scrolling or overlapping elements.

Responsive Checks in Elementor

Open the Elementor editor and switch between desktop, tablet, and mobile views. Check not only the hero, but also the service cards, counters, image-left text-right sections, form, FAQ, and footer. If longer headings break the layout, do not shrink everything to an unreadable size. It is better to shorten the wording, split a line, change column widths, or reorder blocks for mobile. In the aviation niche, the site should feel calm and premium, not like a compressed flyer.

Pay close attention to the buttons. Travair's turquoise CTA buttons are highly visible, but on mobile they also need enough height and spacing. If multiple CTAs sit close together, keep the main one: quote request or contact. Do not force the visitor to choose among "Watch Video," "Learn More," "Get A Quote," and the shop if the primary goal is to get an inquiry.

Speed and Images

A Template Kit with large aviation photography can become heavy if you upload source files without optimization. Before publishing, replace the images with prepared assets: reasonable dimensions, compression, the right format, filled alt text, and no unnecessary megapixels. If you use a background image in the hero, check how it looks on a wide screen and on mobile. In some cases, it is better to prepare a separate mobile crop than to make the browser scale down a huge horizontal image.

Once the design is complete, you can start turning optimization back on. Do it gradually: page caching first, then image optimization, then CSS/JS minification, then deferred loading if it does not break Elementor and MetForm. After each step, test the form and visual blocks. If Jeg Kit icons disappear, popups stop working, or the form no longer submits after optimization, roll back the last change and add exclusions.

SEO Without Keyword Spam

Travair should not turn the page into a stack of repetitive keyword fragments like "buy private jet book charter fast." For SEO, what matters more is a clean structure: one main H1 on the site page, then correct H2 and H3 headings inside the content, real services, geography, FAQ, contact details, quick access to the inquiry, and solid metadata. In Elementor, check the HTML tags assigned to headings. The hero heading on the homepage may be the H1, while internal sections should use H2 and H3 without duplicating the product name. On service pages, each block should answer a concrete customer question: what is included, who it is for, what information is needed for a quote, and how to get in touch.

Image alt text should describe the content, not stuff keywords. For example: "helicopter on a landing pad for the services page," "charter flight inquiry form," or "business jet interior for the benefits section." If the site includes a blog, use it for practical content rather than empty updates: how to prepare a charter request, what information a manager needs, how a helicopter transfer differs from a VIP car transfer, and which limitations depend on weather.

Safe Improvements After Import

With Travair, there is no need to edit WordPress core, Elementor files, the Jeg Kit plugin, or MetForm. Most useful improvements can be made through settings, global styles, or safe CSS added through the theme or Elementor settings. Code should only be added for small visual adjustments that do not affect business logic and are easy to roll back.

The most common safe scenario is slightly improving hero and CTA readability after replacing the background image. If the new photo is lighter than the demo, white text may lose contrast. Instead of manually darkening every image in an editor, you can assign a class to the section and apply a soft overlay. This is a standard CSS approach for an Elementor section, but the selector should be added manually in that section's settings so the rule does not affect the entire site.

CSS for First-Screen Readability

Open the hero section in Elementor, go to the advanced settings, and add the CSS class travair-hero-readable. Then add the CSS through a child theme, your theme's custom CSS area, or another safe custom CSS method available in your environment. Do not put the code inside plugin files.

.travair-hero-readable {
  position: relative;
}

.travair-hero-readable::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7, 22, 52, 0.72), rgba(7, 22, 52, 0.22));
  pointer-events: none;
  z-index: 0;
}

.travair-hero-readable > .elementor-container,
.travair-hero-readable > .e-con-inner {
  position: relative;
  z-index: 1;
}

After adding it, open the page in an incognito window and check both desktop and mobile. If the text is easier to read and the button still has enough contrast, you can keep the rule. If the section uses a different container structure or the overlay covers interactive elements, remove the travair-hero-readable class and the CSS rule. This is a reversible adjustment: it does not change the content and does not affect Elementor templates globally.

Small Changes That Are Better Handled Through Settings

Do not add CSS where Elementor already gives you a solid built-in control. Spacing, button color, heading size, section background, mobile column order, container width, and typography are usually easier to handle through the interface. Custom CSS is best reserved for cases where you need one shared rule or a small refinement that is not available in the panel. The less manual code you add, the easier it will be to update Elementor, Jeg Kit, and MetForm later.

If you need to change form copy, success messages, recipient email, or fields, do it inside MetForm rather than with JavaScript. If you need to update menu links, do it in WordPress Menus or the menu widget. If you need to change the global accent color, do it in Site Settings or Global Theme Style rather than editing each widget one by one. That keeps the project manageable.

Common Travair Issues and How to Diagnose Them

Template Kit issues rarely have a single cause. The same symptom can come from a missing plugin, caching, upload limits, the active theme, an incorrect import order, or an unlinked form. That is why diagnosis should move from simple to complex: first check dependencies and template assignments, then styles and cache, then plugin conflicts.

Diagnosing ThemeForest Travair import and display issues
Travair troubleshooting works best as a chain: symptom, cause, check, fix, and retest on the public site.

The Template Imported, but the Page Is Blank or Does Not Look Like the Demo

Symptom: the page opens, but some sections are empty, widgets are missing, or the layout looks too plain. A likely cause is missing dependencies, an unimported Global Theme Style, an unavailable widget, or the template being inserted into the wrong page. Check whether Elementor, Jeg Elementor Kit, MetForm, and WooCommerce are active if the page uses store elements. Then confirm that the global style has been imported and that the correct template was inserted through the Elementor library.

Fix: install the missing plugins, reimport the specific template, clear the cache, and open the page while logged out of the admin panel. If the issue affects only one page, do not reimport the entire kit. Delete the problematic page, create a new one, and insert the required template again. If the error still repeats, check the browser console and temporarily disable CSS/JS optimization.

A Duplicate Header Appears

Symptom: two navigation bars appear above the hero: the theme's system header and the Travair header. The cause is that both the theme header and the imported Header template are active. What to check: page settings, theme settings, header template display conditions in Jeg Kit, and the selected page layout. The fix depends on the architecture: keep the theme header and remove the template header, or disable the theme header on Travair pages and assign the imported Header as the shared header. The important thing is to use one header source, not two.

The Form Is Visible, but Inquiries Are Not Arriving

Symptom: the visitor sees a success message, but the administrator never receives the email. Possible causes include the form not being linked to the correct MetForm template, an incorrect recipient address, WordPress mail not delivering, messages going to spam, or caching interfering with AJAX submission. First check MetForm submissions in the admin panel if that feature is enabled. If the submission is there, the problem is more likely email delivery. If there is no record, the issue is probably with the form itself, validation, or a page-level conflict.

Fix: check the MetForm notification settings, submit a test inquiry, configure SMTP, temporarily disable caching for the Contact page, and test again. If the site uses static caching, add the form page to the exclusions or disable aggressive optimization for the form scripts. If the form is business-critical, do not run paid traffic until both the email and the saved submission are confirmed.

The ZIP Kit Will Not Upload Because of File Size

Symptom: the importer reports that the file is too large, the upload fails, or WordPress shows a maximum upload size error. The cause is usually server limits: upload_max_filesize, post_max_size, memory, or timeout values. Fix: increase those limits through the hosting panel or ask support to do it. Do not manually extract the kit if the import tool expects a ZIP. After raising the limits, try the upload again and confirm that the importer recognizes the kit structure.

The Mobile Version Breaks After Translating the Text

Symptom: headings overflow the screen, buttons wrap awkwardly, and cards become too tall. The cause is that the translated text is longer than the short English demo copy, while the original sizes were built for shorter phrases. Fix: adjust mobile sizes in Elementor, shorten headings, change column order, increase vertical spacing, and review every section in responsive mode. Do not shrink the font to an unreadable size just to preserve a single-line layout.

After Enabling Optimization, Styles Disappear or Widgets Stop Working

Symptom: everything looked fine before caching was enabled, but after optimization the icons disappear, the form breaks, the menu stops opening, or sections load without styling. The cause is minification, file combination, deferred JavaScript loading, or stale cache. Fix: roll back the last optimization change, clear the cache, add exclusions for Elementor, Jeg Kit, and MetForm, then re-enable settings one at a time. Do not try to patch this with CSS until caching has been ruled out.

The Page Looks Correct in the Editor but Different on the Public Site

Symptom: Elementor shows the correct layout, but visitors see an older version or broken styling. The cause is often caching, CDN behavior, different header display conditions, or an unpublished change. Check whether the page update button was actually clicked, whether the cache has been cleared, whether you are opening a draft instead of the published page, and whether logged-in users and regular visitors are seeing different templates. Fix: clear cache at every level, resave the page, and open it in a private window.

Questions to Ask Before Launching a Site with Travair

ThemeForest Travair FAQ

Do You Need Elementor Pro for Travair?

The Travair listing says that Elementor Pro is not required. At the same time, some site functionality may depend on the free plugins listed in the kit requirements: Elementor, WooCommerce, Jeg Elementor Kit, and MetForm. If you add your own Pro widgets or build an advanced theme with Elementor Pro Theme Builder, that becomes your separate implementation choice, not a core requirement of Travair.

Can You Use Travair Without WooCommerce?

Yes, if you do not need the shop pages. WooCommerce is listed as a required plugin for the full kit because Shop and Product Detail templates are included. If the site works purely as lead generation through an inquiry form, you do not need to show the store in the menu or sell services through the cart. But if you import pages that use WooCommerce widgets without activating the plugin, those areas may display incorrectly.

Why Doesn't the Imported Site Look Exactly Like the Preview?

There are usually three reasons: the global styles were not imported, the required plugins were not installed, or the demo images are not included on the working site without separate licensing. The active theme, page width, cache, and rewritten copy also affect the final look. The preview should be treated as a visual target, not a guarantee that any WordPress site will look identical after a single import with no further setup.

What Images Should You Use Instead of the Demo Photos?

Your best option is original company photography, properly licensed images, or other assets with clear usage rights. In the aviation niche, it is especially important not to mislead visitors: do not present someone else's fleet as your own, and do not imply services the company does not actually provide. If you have limited original photography, use neutral imagery for atmosphere and keep specific claims in the text.

How Do You Test the Inquiry Form After Setup?

Submit a test inquiry using a real address, then verify the success message on the page, the email to the administrator, the email to the user, and the entry in the MetForm admin panel if submission storage is enabled. After that, turn caching on and test again. If the form stops working after caching is enabled, exclude the form page or MetForm scripts from aggressive optimization.

Can You Translate the Template's Internal English Labels?

Yes, text widgets, buttons, menu items, and labels can be translated in Elementor. But do it carefully: longer translated phrases can break the layout. After translation, always test the mobile version. Exact admin interface labels such as Edit with Elementor or Page Layout are usually better left unchanged in the instructions as UI labels.

Is Travair Suitable for a Full Flight Booking System?

Travair itself is not confirmed to be a booking engine, fleet availability system, or flight payment platform. It is a page template kit and a visual foundation. Complex booking will require separate plugins, CRM tools, integrations, or custom development. Travair can still work well as the public-facing part of the site that explains the services and captures inquiries.

What If the Site Is Already Built on Another Theme?

Test Travair on a copy of the site first. If the current theme works well with Elementor and supports full-width pages, the Template Kit can often be integrated cleanly. If the theme forces rigid containers, its own header, conflicting styles, or a different builder, it is usually better to use a separate landing page, switch to a lightweight Elementor-friendly theme, or avoid mixing the systems.

When ThemeForest Travair Is the Right Choice

ThemeForest Travair is a strong option if you need a fast, visually consistent starting point for a private aviation, helicopter charter, or premium transportation website built with Elementor. Its strength lies in the ready-made page structure, aviation-focused atmosphere, polished service blocks, contact flow, and the ability to edit the site without code. But a ready-made kit does not remove the need for real content work: you still need to replace the demo copy, verify image licenses, configure the forms, menus, global styles, mobile layout, and submission delivery.

If your project is built around a simple path - the visitor sees the service, understands the trust signals, and submits an inquiry - Travair can handle most of the visual workload. If you need complex flight calculations, a user portal, schedule integrations, or a full booking system, Travair is better treated as the front-end shell rather than a complete business application.

Before publishing, go through one short final checklist: homepage, menu, services, contact form, FAQ, mobile layout, speed, SEO headings, alt text, privacy policy, and a test inquiry. If everything passes, you can download ThemeForest Travair and use the ZIP archive as the foundation for a clean Elementor-based site.

The best result does not come from copying the demo one to one. It comes when Travair's structure helps a real service communicate clearly: which services are available, what information is needed for a quote, how quickly a manager can be reached, why visitors can trust the company, and what happens after an inquiry is submitted.

By OceanTheme.org Editorial Team

 

You are not logged in to post comments.