Page Intro for Elementor WordPress Plugin — is a powerful tool designed to enhance user experience by adding beautiful and dynamic introductions to your website pages. Integrated seamlessly with the Elementor page builder, this plugin allows you to create full-screen welcome messages, sophisticated preloaders, or engaging animated intros that capture visitor attention from the very first second. Whether you want to display a promotion, a welcome video, or simply a creative loading animation, this plugin provides all the necessary tools in an intuitive, drag-and-drop interface. With a wide range of customization options, you can tailor every aspect of your page intro to match your brand identity. Control timings, animations, backgrounds, typography, and more without writing a single line of code. The plugin is fully responsive, ensuring your intros look perfect on desktops, tablets, and mobile devices. It's the perfect solution for businesses, portfolios, and creative agencies looking to make a memorable first impression and reduce bounce rates by engaging users immediately.
Why This is Important
In today's fast-paced digital world, you have only a few seconds to capture a visitor's attention. According to studies, the average website visitor leaves a page in just 10-20 seconds. A high bounce rate can severely impact your SEO rankings and conversion goals. The problem is that many websites present static, uninspired content upon loading, failing to create an immediate connection with the user.
Page Intro for Elementor directly solves this problem by transforming the crucial first moments of a user's visit into an engaging experience. By implementing a visually appealing preloader or a welcome screen, you can reduce perceived loading times and lower your bounce rate by up to 30%. This plugin allows you to set a professional tone, guide user attention to key messages, or showcase your brand's creativity, ensuring visitors stay longer and are more likely to convert.
Features
- Seamless Elementor Integration: Works as a native Elementor widget for easy drag-and-drop implementation.
- Multiple Intro Modes: Choose between preloader, welcome screen, or time-delayed pop-up modes.
- Rich Animation Library: Access dozens of built-in entrance and exit animations for text, images, and buttons.
- Customizable Backgrounds: Use solid colors, gradients, images, or even video backgrounds for your intros.
- Advanced Timing Control: Set precise delays, durations, and triggers for when the intro appears and disappears.
- Cookie-Based Display: Option to show the intro only once per user session or for a specific number of days.
- Fully Responsive Design: Automatically adapts to all screen sizes, from large desktops to mobile phones.
- Typography & Styling Options: Complete control over fonts, colors, sizes, and spacing to match your brand.
- Call-to-Action Buttons: Easily add and style buttons to direct users to specific pages or promotions.
- Lightweight & Optimized: Built with performance in mind to ensure it doesn't slow down your website.
Value Proposition: Before vs. After
| Metric | Without Page Intro Plugin | With Page Intro Plugin |
|---|---|---|
| First Impression | Standard, static page load. | Professional, dynamic, and engaging animated intro. |
| User Engagement | Low. Visitors may get impatient during load time. | High. Captures attention immediately, reducing perceived wait time. |
| Bounce Rate | Potentially high (average 40-55%). | Reduced. Users are more likely to stay and explore. |
| Brand Communication | Delayed until the user scrolls and reads. | Immediate. Display a key message, logo, or promotion upfront. |
| Customization Effort | Requires custom coding or complex themes. | Quick and easy with Elementor's drag-and-drop interface. |
How to install the plugin?
- Download the plugin archive using the button above.
- Navigate to Plugins > Add New in your WordPress dashboard.
- Click "Upload Plugin" at the top and select the downloaded ZIP file.
- Install, activate the plugin, and follow the quick setup wizard instructions.
FAQ
Will this plugin slow down my website's loading speed?
The Page Intro plugin is built with performance in mind. Its assets are lightweight and optimized to load asynchronously, meaning it has a minimal impact on your site's overall performance scores. The intro itself serves as a preloader, which can improve the user's perceived loading time by providing a visual distraction while the rest of the page content loads in the background.
Can I set the intro to appear only on the homepage?
Yes, absolutely. You have full control over where the page intro is displayed. Within the Elementor editor, you can use its built-in display conditions to assign the intro to the entire site, specific pages (like the front page), certain post types, or even use advanced rules to include or exclude it based on user roles or other criteria.
Is it possible to use a video as the background for the welcome screen?
Yes, the plugin fully supports video backgrounds. You can use a self-hosted video file (MP4, WebM) or embed a video directly from YouTube or Vimeo. This is a great way to create a highly immersive and dynamic first impression for your visitors. The plugin also includes options for looping the video, muting the audio, and setting an image fallback for mobile devices to save data.
How does the cookie-based display feature work?
The cookie-based display feature allows you to control how often a returning visitor sees the page intro. You can configure it to show only once per browser session (it will reappear if they close and reopen their browser) or set an expiration time (e.g., show it only once every 30 days). This prevents you from annoying regular visitors while still ensuring new users get the full introductory experience.
