Pro Features Guide
Unlock the full potential of your website with VisioLayer Pro. This guide explores the advanced capabilities designed for professionals, agencies, and businesses who need more than just a simple image slider.
Comprehensive Pro Features List
VisioLayer Pro transforms your slider into a dynamic visual engine. Here is what you get:
- Dynamic Content Sources (Posts, WooCommerce, Social Stream)
- Advanced Video Backgrounds (YouTube, Vimeo, HTML5)
- Timeline & Keyframe Animations
- Advanced Layer Types (Shapes, Audio, Icons, SVG)
- Add-On Library (Particles, Typewriter, Whiteboard)
- Premium Template Library (200+ Designs)
Feature Deep Dive
1. Dynamic Content Sources
The Problem: Manually updating slides every time you publish a new blog post or add a product is tedious. The Solution: Dynamically pull content from your WordPress database or social media feeds. Your slider updates automatically.
How to Use:
- Create a new slider and select "Post-Based Slider" or "WooCommerce Slider".
- In Content Settings, choose your post types, categories, or tags.
- Use "Meta Tags" in your text layers (e.g.,
{{title}},{{excerpt}},{{price}}) to display dynamic data.
(Visual Recommendation: Screenshot showing the "Content Settings" panel with a WooCommerce product selected)
2. Advanced Video Backgrounds
The Problem: Static images can feel lifeless, but handling video improperly slows down your site. The Solution: Seamlessly integrate high-quality video backgrounds that autoplay, loop, and mute automatically, optimized for web performance.
How to Use:
- Go to Slide Options > Background.
- Select YouTube, Vimeo, or HTML5 Video.
- Paste the video ID or upload your MP4 file.
- Set "Force Rewind" to On and "Mute at Start" to On for the best user experience.
(Visual Recommendation: Video GIF showing a hero section with a subtle video background looped)
3. Timeline & Keyframe Animations
The Problem: Default "fade-in" animations look generic and don't tell a story. The Solution: Granular control over every element's motion. Sequence animations to create complex visual narratives.
How to Use:
- Open the Timeline Editor at the bottom of the screen.
- Select a layer. You will see its "In" and "Out" frames on the timeline.
- Drag the edges to change duration.
- Click the + (Add Keyframe) button to add intermediate movement points (e.g., move right, then rotate).
4. Special Effects Add-Ons
The Problem: You want "wow" factor effects like falling snow, particle webs, or typewriter text, but don't know how to code them. The Solution: One-click Add-Ons that inject advanced JavaScript effects without bloating your core site.
How to Use:
- Go to VisioLayer > Add-Ons.
- Find an effect like "Particles" or "Typewriter" and click Enable.
- Inside the slider editor, a new tab for that Add-On will appear. Enable it for specific slides.
Performance Considerations for Pro
With great power comes great responsibility. Pro features are heavy-duty, so keep these tips in mind:
- Video Hosting: Self-hosted HTML5 videos are best for performance. If using YouTube/Vimeo, ensure "Lazy Load" is enabled in Global Settings.
- Dynamic Sources: Limit the number of slides generated (e.g., "Latest 5 posts") to avoid slow database queries.
- Add-Ons: Only enable the Add-Ons you are actually using on the page.
Who Should Upgrade?
| If you act as... | You need Pro because... |
|---|---|
| Shop Owner | You need to showcase WooCommerce Products dynamically to drive sales. |
| Agency / Dev | You need access to the 200+ Template Library to build client sites faster. |
| Marketer | You need Social Share streams and A/B Testing capabilities (Add-on). |
| Designer | You need Keyframe Animations and SVG support for pixel-perfect creativity. |
Summary Comparison
| Feature | VisioLayer Free | VisioLayer Pro |
|---|---|---|
| Updates | Common Updates | Auto-Update via Dashboard |
| Object Library | Standard Icons | 5,000+ Icons, SVGs, Shapes |
| Animation | Simple In/Out | Keyframes & Physics |
| Interactivity | Links only | Actions (Popups, Scroll, Links) |
| Media Support | Images | Images, Video, Audio, IFrame |
::: tip Ready to Upgrade? Go to your WordPress Dashboard > VisioLayer > Go Premium to unlock these features instantly. :::