Show at 200px
🎯 Floating Content
Visible
Getting Started
Welcome to Advanced Floating Content plugin documentation. Let's get you started with version 4.0.
Plugin Overview
Advanced Floating Content gives you the power to create eye-catching banners, announcements, and promotions that appear anywhere on your WordPress site. With its intuitive, redesigned interface, you can build professional floating content—like sticky headers, sidebars, or popups—in just minutes, without any coding.
It’s the simplest way to boost engagement, highlight offers, and guide your visitors, perfect for any website that wants to make a bigger impact.
Smart Positioning
Fixed, sticky, or absolute placement anywhere on screen
Fixed, sticky, or absolute placement anywhere on screen
Advanced Targeting
Show content to specific pages, users, devices & locations
Show content to specific pages, users, devices & locations
Smart Scheduling
Date/time scheduling with countdown timers for urgency
Date/time scheduling with countdown timers for urgency
Visual Design
Complete styling control with custom CSS support
Complete styling control with custom CSS support
Device Optimization
Fully responsive with separate mobile/desktop controls
Fully responsive with separate mobile/desktop controls
Engaging Effects
Smooth animations & motion effects for better UX
Smooth animations & motion effects for better UX
Perfect for:
Marketing Agencies managing multiple client campaigns
Bloggers & Content Creators engaging their audience
E-commerce Stores running promotions & flash sales
Developers delivering professional client projects
What's New in Version 4.0
Welcome to our biggest update yet! Advanced Floating Content v4.0 delivers a completely redesigned admin experience that makes creating and managing floating content faster, clearer, and more enjoyable than ever before.
v4.0
A Major UI/UX Upgrade
Completely Redesigned Interface
A modern, clean admin UI built for clarity and speed, with smart sticky navigation, improved spacing, and better visual hierarchy.
Faster Workflow, Less Guesswork
One-click navigation between sections, smart auto-open metaboxes, and cleaner form layouts that save you time.
Built for Real WordPress Users
Feels native with seamless Gutenberg/Classic Editor integration, touch-friendly UI, and WCAG-compliant accessibility.
Smarter License & Settings
Improved license validation, reorganized settings panel, and enhanced dashboard statistics for better management.
Developer & Agency Friendly
Cleaner refactored codebase, improved hooks/filters, and organized structure for scalability and client handoff.
Fully Responsive Admin
Manage your floating content from any device with a touch-friendly, mobile-optimized interface.
For Existing Users: Your existing floating content continues to work seamlessly. The new interface will feel familiar yet significantly improved, with all your previous settings preserved.
Installation
Follow these simple steps to install the plugin on your WordPress site:
1
Download & Install Plugin
Method A: WordPress Dashboard (Easiest)
- Go to your WordPress Dashboard > Plugins > Add New
- Click "Upload Plugin" at the top
- Click "Choose File" and select the
advanced_floating_content.zipfile - Click "Install Now"
- After installation, click "Activate Plugin"
Method B: FTP / File Manager (Advanced)
- Unzip the
advanced_floating_content.zipfile on your computer - Upload the extracted
advanced_floating_contentfolder to your server - Place it in the
/wp-content/plugins/directory via FTP or your hosting file manager
Recommended: Use Method A (WordPress Dashboard) if you have access to your WordPress admin. It's simpler and handles everything automatically.
2
Activate the Plugin
Go to your WordPress admin dashboard, navigate to Plugins, find Advanced Floating Content in the list, and click the "Activate" button.
3
Access the Plugin
Once activated, Advanced Floating Content will appear in the left sidebar menu of your WordPress dashboard, ready for use.
4
You're Ready to Create!
Start creating your first floating content by clicking "Add New" under the Advanced Floating Content menu in your WordPress dashboard.
System Requirements: For optimal performance and compatibility, ensure you're running WordPress 5.0 or higher and PHP 7.2 or later.
License Validation
Before using the plugin, you must validate your purchase code to unlock all features and receive updates.
Steps to Validate Your License:
- Go to your WordPress Dashboard
- Find and click on Advanced Floating Content in the left sidebar menu
- Click on the "Settings" panel or tab
- Enter your Email Address, CodeCanyon Username, and Purchase Code
- Click the "Validate License" button
License Validation Screen Example
Important fields to fill:
- Email: The email used for purchase
- CodeCanyon Username: Your account username
- Purchase Code: Found in your CodeCanyon downloads
- Validate License: Click this button after filling all fields
Where to find your Purchase Code? Log into your CodeCanyon account, go to "Downloads" tab, find Advanced Floating Content, and click "License Certificate" to view your purchase code.
Important: The plugin requires a valid license to function properly. Without validation, premium features will remain locked, and you won't receive important updates or support.
Need help? If you encounter any issues during license validation, ensure you're entering the exact details from your CodeCanyon account. The system is case-sensitive.
Content Management
Learn how to create, manage, and preview your floating content in just minutes.
Create New Floating Content
Creating floating content takes just minutes! Follow these simple steps to get started:
1
Access the Content Creator
In your WordPress Dashboard, go to Advanced Floating Content → Add New.
Quick Tip: You can also click the "Add New" button from the main floating content list page.
2
Add Your Title & Content
Enter a Title (for your reference only, won't appear on the front-end) and add your content using either:
Gutenberg Editor
Use the modern block editor to add text, images, buttons, or any content blocks.
Classic Editor
Use the familiar TinyMCE editor with formatting toolbar.
3
Save & Configure
Click "Publish" (Gutenberg) or "Publish" → "Publish" (Classic) to save your content.
Note: After saving, use the settings panels on the right sidebar to configure positioning, styling, and display rules.
What You Can Create
🎉 Special Launch Offer!
Get 40% OFF on all annual plans this week only!
Example of a promotional floating banner you can create in minutes.
Live Preview
Instantly see how your floating content will appear on your website before publishing.
How to Use Live Preview
1
Create & Save Content
Build your floating content and click "Publish" or "Update" to save it.
2
Click Live Preview Button
Find the "Live Preview" box in the right sidebar and click "See Live Preview".
Live Preview Button Location
Note: You must save your content first before the Live Preview button becomes active. The preview updates automatically each time you save changes.
Advanced Settings
Fine-tune every aspect of your floating content with these powerful configuration options.
Content Positioning & Placement
Control exactly where and how your floating content appears on the screen with precision positioning options.
Position Examples
Fixed Top-Right
Content
Stays in corner while scrolling
Absolute Bottom-Left
Content
Positioned relative to page
Position Margins
Fine-tune the exact distance between your floating content and the screen edges. Set margins in pixels (0-500px).
How to Use Margins
- Enter a number (0-500) in each margin field
- The value represents pixels from the edge
- Use the same value on opposite sides for centered positioning
- Leave at 0 to place content directly at the screen edge
Example: For a banner that appears 20px from the top and 50px from the right side, set Top = 20 and Right = 50.
Positioning Settings Interface
Key interface elements:
- Position Type dropdown - Fixed/Absolute/Scroll
- Vertical/Horizontal position - Top/Bottom & Left/Right
- Margin number inputs - Set distance from edges (0-500px)
Pro Tip: Use Fixed positioning for elements that should always be visible (like announcement bars). Use Absolute positioning for content that's part of the page layout.
Design & Appearance
Customize the visual style of your floating content with complete control over colors, spacing, borders, and typography.
Close Button Options
Standard button, custom text link, or no close button at all
Layout Controls
Width, padding, borders, and background customization
Color Settings
Text, background, border, and button colors
Using Custom Text Link Close Button
When you select "Custom Text Link" as the close button type, add this HTML code anywhere in your content:
<a href="javascript:void(0);" class="afc_std_close">Close</a>
Important: The
class="afc_std_close" attribute is required for the link to work as a close button.
Layout & Dimensions
Border Settings
Color & Background Settings
Border Color
Default: #c1392b
Text Color
Default: #FFFFFF
Close Button BG
Default: #951305
Typography
Design Settings Interface
Key design controls:
- Close Button Settings - Type, position, and color
- Layout Controls - Width, padding, and spacing
- Border Customization - Width, style, color, radius
- Background Options - Color, image, or none
- Color Pickers - Text, background, and button colors
- Typography - Font size and color
Design Tips:
- Use high contrast between text and background for readability
- Set appropriate padding (20-30px) for comfortable content spacing
- Consider rounded corners (5-10px) for a modern, friendly appearance
- Use consistent colors that match your website's branding
Advanced Display Rules & Targeting
Take complete control over where, when, and to whom your floating content appears with these powerful targeting options. Fine-tune visibility based on user status, page types, devices, locations, and more.
How Targeting Works
Targeting rules are processed in a logical order. When a visitor arrives, the plugin checks each targeting rule to determine if the content should be displayed. You can combine multiple targeting types for precise control.
Visitor arrives
↓
Check security rules
↓
Check page targeting
↓
Check device/location
↓
Check scroll/impressions
↓
Show/Hide content
Security & Access Control
Control who can see your floating content based on user authentication and IP addresses. Perfect for internal announcements, member-only content, or blocking specific visitors.
User Authentication
Show content only to logged-in users or all visitors
IP Blocking
Prevent specific IP addresses from seeing content
Centralized Management
Manage blocked IPs from a central admin page
How Security Rules Work Together
- User visits your site - The plugin checks if they're logged in
- Check authentication rule - If set to "Logged-In Users Only" and visitor is not logged in, content is hidden
- Check IP filtering - If IP filtering is enabled, check if visitor's IP is in the blacklist
- Block if blacklisted - If IP is blacklisted, content is hidden regardless of other settings
- Show content - If all checks pass, content is displayed
Core Page Targeting
Control where your floating content appears on essential WordPress pages like homepage, search results, and archive pages. Perfect for site-wide announcements or specific page promotions.
Homepage Control
Show or hide content on your main homepage
Search Results
Target visitors actively searching your site
Archive Pages
Control visibility on category, tag, and date archives
Homepage Targeting Examples
Enable on Homepage
Use when: You want site-wide announcements or promotions
Result: Content appears on your main homepage
Disable on Homepage
Use when: Content is only relevant to inner pages
Result: Content hidden on homepage but shows elsewhere
What are Archive Pages?
Archive pages in WordPress include:
- Category archives - Lists all posts in a specific category
- Tag archives - Lists all posts with a specific tag
- Author archives - Shows all posts by a specific author
- Date archives - Lists posts from a specific month/year
- Custom taxonomy archives - For custom post type taxonomies
Post Targeting
Precisely control which blog posts display your floating content. Include or exclude specific posts, target by selection, or use post IDs for exact control.
Include & Exclude
Both include specific posts and exclude others
Visual Selection
Choose posts from a visual dropdown interface
ID-Based Targeting
Target exact posts using their WordPress IDs
How Include & Exclude Work Together
1
Include Rules First
The plugin first checks your "Display Rules" to see if the current post should show content.
→
2
Then Check Exclude Rules
If the post passes include rules, the plugin checks exclude rules.
→
3
Final Decision
Content shows only if post passes include rules AND is not in exclude rules.
Example: If you set "All Posts" for display and exclude post ID 123, content will show on all posts except post 123.
Finding Post IDs:
- Go to Posts → All Posts in WordPress admin
- Hover over any post title and check the URL in your browser's status bar
- The ID appears in the link:
post.php?post=123&action=edit - You can also use "Quick Edit" to see the post ID
Page Targeting
Control exactly which WordPress pages display your floating content. Use the same powerful include/exclude system as post targeting for complete control over page visibility.
Page-Specific Control
Target individual pages or groups of pages
Visual Page Selector
Choose pages from a dropdown of all your pages
Include/Exclude System
Same flexible system as post targeting
Pages vs Posts: What's the Difference?
📄 Pages
- Static content (About, Contact, Services)
- Hierarchical (can have parent/child pages)
- No categories/tags
- Not in RSS feeds
- Example: About Us, Contact Page
📝 Posts
- Dynamic content (blog articles, news)
- Chronological (organized by date)
- Has categories/tags
- Appear in RSS feeds
- Example: Blog articles, news updates
Tip: Use Page Targeting for static content like landing pages, and Post Targeting for blog articles and news content.
Category Targeting
Target entire groups of posts based on their categories. Perfect for topic-specific promotions, category-based announcements, or organizing content by subject area.
Category Groups
Target all posts within specific categories
Bulk Control
Manage visibility for dozens of posts at once
Hierarchical Support
Works with parent/child category structures
How Category Targeting Works
📂 Technology
📱 Mobile
💻 Computers
🎮 Gaming
→
📄 iPhone Review (Mobile)
📄 Laptop Guide (Computers)
📄 Game Review (Gaming)
When you target the "Technology" category: Content will appear on all posts in Technology AND all its child categories (Mobile, Computers, Gaming).
Finding Category IDs:
- Go to Posts → Categories in WordPress admin
- Hover over any category and check the URL in your browser's status bar
- The ID appears in the link:
term.php?taxonomy=category&tag_ID=123 - You can also use "Quick Edit" to see the category ID
Custom Post Type Targeting
Extend your targeting capabilities to custom post types created by themes or plugins. Perfect for portfolios, testimonials, products, events, or any custom content types.
Plugin & Theme Support
Works with any custom post type registered in WordPress
Two-Level Control
Control by post type AND by specific items
Dynamic Detection
Automatically detects all custom post types on your site
Two-Level CPT Targeting System
Level 1: Post Types
🎨 Portfolio
⭐ Testimonials
📅 Events
🛒 Products
↓
Level 2: Individual Items
Portfolio Items:
Website Redesign, Mobile App, Logo Design
Testimonials:
John Smith, Sarah Johnson, Mike Wilson
You can target at either level:
- Post Type Level: Show on all "Portfolio" items
- Item Level: Show only on specific portfolio pieces
- Combined: Show on selected "Portfolio" items only
Automatic Detection: The plugin automatically detects all custom post types registered on your WordPress site. When you install a new plugin or theme that creates custom post types, they will automatically appear in the dropdown lists.
WooCommerce Targeting
Specialized targeting for WooCommerce stores. Control visibility on shop pages, individual products, and product categories to boost sales and improve customer experience.
Prerequisite: Requires WooCommerce plugin to be installed and activated. These settings only appear when WooCommerce is active.
Shop Page Control
Show or hide content on main WooCommerce shop page
Product Targeting
Target individual products or all products
Category Filtering
Target entire product categories
WooCommerce Page Structure
Main Shop Page
/shop/
Main product listing page
↓
Product Categories
👕 Clothing
👟 Shoes
🎒 Accessories
↓
Individual Products
T-Shirt (in Clothing)
Running Shoes (in Shoes)
Backpack (in Accessories)
bbPress Targeting
Control visibility on bbPress forum pages. Perfect for community announcements, forum rules, or targeted promotions within your discussion forums.
Prerequisite: Requires bbPress plugin to be installed and activated. These settings only appear when bbPress is active.
Forum-Wide Control
Show content on all forum pages
Selective Targeting
Choose specific forums to display content
Community Focused
Perfect for community announcements and rules
What are bbPress Pages?
Forums
Main discussion categories (e.g., "General Discussion", "Support")
↓
Topics
Individual discussion threads within forums
↓
Replies
Individual responses within topics
Note: When you target a forum, content appears on that forum's main page AND all topics and replies within that forum.
Geographic Targeting
Show or hide content based on visitor location. Target specific countries or individual IP addresses for location-based promotions, regional announcements, or compliance requirements.
Country Targeting
Show content to visitors from specific countries
IP Address Targeting
Target specific IP addresses or ranges
GeoIP Database
Uses built-in GeoIP database for country detection
How Geographic Detection Works
Visitor accesses your site
Their IP address is automatically detected
→
IP to country lookup
Plugin checks GeoIP database for country
→
Check against your rules
Compares visitor's country with your selected countries
→
Show or hide content
Displays content only if country matches your rules
Country vs IP Address Targeting
🇺🇸 Country Targeting
- Targets by country (e.g., United States)
- Uses GeoIP database
- Affects all visitors from that country
- Easy to manage
- Best for: Regional promotions, compliance
🔢 IP Address Targeting
- Targets specific IPs (e.g., 192.168.1.1)
- Exact IP matching
- Affects only specific IPs
- More precise control
- Best for: Testing, internal use, specific users
IP Address Format:
Enter one IP address per line in the textarea. You can use:
- Single IP:
192.168.1.1 - IP Range:
192.168.1.1-192.168.1.50 - CIDR Notation:
192.168.1.0/24 - Multiple IPs: One per line
Important Notes:
- Geographic targeting uses IP-based location detection, which is generally accurate but not 100% precise
- Visitors using VPNs or proxies may appear from different countries
- IP addresses can change, especially for mobile users
- For critical legal compliance, consider additional verification methods
Scroll & Viewport Targeting
Control content visibility based on user behavior (scrolling) and device characteristics (screen size). Perfect for engagement optimization and responsive design.
Scroll-Based Display
Show content after users scroll a certain distance
Scroll-Based Hiding
Hide content after users scroll beyond a point
Viewport Size Control
Show/hide based on browser window size
Scroll Behavior Demonstration
Scroll position: 0px
Viewport vs Scroll: What's the Difference?
🖱️ Scroll-Based
- Based on user action (scrolling)
- Dynamic - changes as user scrolls
- Engagement-based
- Example: Show offer after user reads 50% of page
- Best for: Engagement, reading progress
📱 Viewport-Based
- Based on screen size
- Static - based on device/window size
- Device-based
- Example: Hide on mobile screens below 768px
- Best for: Responsive design, device optimization
Impression Control
Limit how often your floating content is shown to prevent overexposure and improve user experience. Control global limits, per-user limits, and repeat display timing.
Global Limits
Set maximum impressions across all visitors
Per-User Limits
Limit how many times each user sees content
Repeat Control
Control when content reappears after being closed
How Impression Tracking Works
User visits page
Plugin checks if content should be shown
→
Check impression limits
1. Global limit reached?
2. User limit reached?
3. Recently closed?
→
Show content
If all checks pass, show content and increment counters
→
Store data
Store impression count and user closure timestamp
Global vs Per-User Limits
Global Limit: 1000 impressions
Shared across all visitors
When 1000th impression is reached, content stops showing to everyone
When 1000th impression is reached, content stops showing to everyone
Per-User Limit: 3 impressions
User A: ✅✅✅❌ (3/3)
User B: ✅✅⬜⬜ (2/3)
User C: ✅⬜⬜⬜ (1/3)
Individual limits per visitor
Each user sees content max 3 times, regardless of other users
Each user sees content max 3 times, regardless of other users
You can use both together: For example, set global limit of 10,000 and per-user limit of 5. This ensures broad reach while preventing individual overexposure.
Technical Notes:
- Impression counting uses browser cookies for per-user tracking
- Users who clear cookies or use incognito mode may see content again
- Global limits are stored in database and persist across sessions
- Repeat display timing uses days, not hours/minutes
- Impression data is stored for performance optimization
Device & Responsive Settings
Optimize your floating content for different devices and screen sizes. Control responsive behavior, device visibility, and operating system targeting for the best user experience.
Responsive Behavior
Automatically adapt content to screen size
Device Visibility
Show/hide on desktop, tablet, or mobile
OS Targeting
Target specific operating systems
Device Detection Demonstration
Desktop
> 1024px
Visible
Tablet
769-1024px
Visible
Mobile
≤ 768px
Visible
Windows
Visible
macOS
Visible
Other OS
Visible
Responsive Design Best Practices:
- Always keep Responsive Behavior enabled unless you have specific reasons to disable it
- Test your floating content on multiple device sizes before publishing
- Consider simplifying complex content for mobile devices
- Use Device Visibility to hide non-essential elements on mobile to save screen space
- Remember that tablets can switch between portrait and landscape orientations
- Combine with Custom CSS for advanced responsive adjustments
Advanced Targeting: Summary
You now have complete control over where, when, and to whom your floating content appears. The 12 targeting systems work together to provide precise control:
🎯 Audience Targeting
Security & Access
Geographic
Device & OS
User Roles
📄 Content Targeting
Core Pages
Posts
Pages
Categories
Custom Types
WooCommerce
bbPress
⏱️ Behavior Targeting
Scroll & Viewport
Impression Control
Pro Tip: Start with broader targeting and gradually add more specific rules as you learn what works best for your audience. Test different combinations to find the optimal balance between reach and relevance.
Custom CSS Styling
Add your own custom CSS to fine-tune the appearance of your floating content beyond the standard settings.
Desktop CSS
Custom styles that apply to all desktop and tablet devices
Mobile CSS
Device-specific styles that only apply to mobile screens
Advanced Control
Override any style with custom CSS for pixel-perfect design
Custom CSS (Desktop & Tablet)
Add CSS rules that will apply to your floating content on all desktop and tablet devices.
Custom CSS Editor
Applies to screens wider than 768px
/* Example: Custom button styling */
.afc-floating-content .custom-button {
background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
border-radius: 25px;
padding: 12px 30px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 4px 15px rgba(79, 172, 254, 0.3);
transition: all 0.3s ease;
}
/* Example: Hover effects */
.afc-floating-content .custom-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(79, 172, 254, 0.4);
}
/* Example: Custom text styling */
.afc-floating-content h3 {
font-family: 'Arial', sans-serif;
letter-spacing: 1px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
Custom Mobile CSS
Add CSS rules that only apply to mobile devices (screens narrower than 768px).
Mobile CSS Editor
Applies to screens narrower than 768px
/* Mobile-specific adjustments */
@media (max-width: 767px) {
.afc-floating-content {
width: 90% !important;
max-width: 300px;
font-size: 14px;
}
/* Larger buttons for touch screens */
.afc-floating-content .custom-button {
padding: 15px 25px;
font-size: 16px;
min-height: 50px;
}
/* Adjust spacing for mobile */
.afc-floating-content h3 {
font-size: 18px;
margin-bottom: 15px;
}
/* Hide elements on mobile */
.afc-floating-content .desktop-only {
display: none;
}
}
CSS Tips & Best Practices:
- Use
!importantsparingly - only when necessary to override other styles - Start mobile CSS with
@media (max-width: 767px)for proper targeting - Prefix selectors with
.afc-floating-contentto target only your floating content - Test on multiple devices to ensure responsive behavior
- Use browser developer tools (F12) to inspect elements and test CSS
Common CSS Examples
Add Box Shadow
.afc-floating-content {
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
Custom Animation
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
.afc-floating-content {
animation: pulse 2s infinite;
}
Gradient Background
.afc-floating-content {
background: linear-gradient(135deg,
#667eea 0%,
#764ba2 100%);
}
Mobile-Specific Font
@media (max-width: 767px) {
.afc-floating-content {
font-family: -apple-system,
BlinkMacSystemFont, sans-serif;
}
}
Custom CSS Interface
Key interface elements:
- Desktop CSS Textarea - For desktop/tablet styles
- Mobile CSS Textarea - For mobile-specific styles
- Syntax Highlighting - Color-coded CSS editing
- Live Preview Integration - See changes immediately
Important: Custom CSS applies directly to your floating content. Ensure your CSS is valid and tested across different browsers and devices. Invalid CSS may break the display of your content.
Animation & Motion Effects
Add engaging entrance and exit animations to your floating content with 80+ animation options across 14 categories.
Entrance Animations
How your content appears when it first shows up
Exit Animations
How your content disappears when closed
14 Categories
80+ animation options for every use case
Entrance Animation
Controls how your floating content appears when it first shows up on the screen.
Fade In (Subtle)
fadeIn
Gentle appearance - good for most sites
Bounce (Playful)
bounceIn
Energetic bounce - great for promotions
Slide In (Directional)
Slides from edge - perfect for sidebars
Zoom (Emphasis)
zoomIn
Zooms into view - draws attention
Recommendation: For most professional websites, use fadeIn, slideInRight, or zoomIn. For playful or promotional content, try bounceIn or pulse.
Exit Animation
Controls how your floating content disappears when users close it or it auto-hides.
Fade Out (Subtle)
fadeOut
Gentle disappearance
Slide Out (Clean)
Slides off screen
Zoom Out (Smooth)
zoomOut
Zooms out of view
Flip Out (Creative)
flipOutY
3D flip effect
Recommendation: Match your exit animation with your entrance animation. Use fadeOut with fadeIn, slideOutRight with slideInRight, etc.
How to Use Animations
- Select an Entrance Animation from the dropdown (how your content appears)
- Select an Exit Animation from the dropdown (how your content disappears)
- Save your changes and preview the animations in Live Preview
- Test different combinations to find the perfect effect for your content
Animation Class Example:
<!-- Your content will automatically get these classes -->
<div class="afc-floating-content animated bounceIn">
<!-- Your content here -->
</div>
Animation Settings Interface
Key interface elements:
- Entrance Animation dropdown - 80+ options in 14 categories
- Exit Animation dropdown - Matching exit animations
- Category groupings - Organized by animation type
- Preview capability - See animations in Live Preview
Animation Tips:
- Keep it subtle for professional websites - avoid overly flashy animations
- Match animation to content type - playful for promotions, subtle for notifications
- Test on mobile - some complex animations may perform differently on mobile devices
- Consider performance - simple animations (fade, slide) perform better than complex 3D effects
- Use consistently - use the same animation style across similar content types
Display Scheduling & Timing
Control exactly when your floating content appears and disappears with date-based scheduling and timing controls.
Start Date/Time
Set when your content first becomes visible
End Date/Time
Set when your content automatically hides
Delay Control
Add a delay after the start date before showing
Display From (Start Date/Time)
Set the exact date and time when your floating content should first become visible to visitors.
Start Date/Time
Content becomes visible
End Date/Time
Content automatically hides
Example: Set start date to "2025-12-01 09:00" for a promotion that should begin at 9 AM on December 1st, 2025.
Display Until (End Date/Time)
Set the exact date and time when your floating content should automatically stop displaying.
Holiday Promotions
Set end date to December 26th for Christmas sales
Limited Time Offers
7-day flash sale ending at specific date/time
Event Announcements
Hide content after event date has passed
Note: If you set only a start date without an end date, content will display indefinitely from the start date onward.
Delay After Start Date
Add a time delay (in seconds) before displaying content, even after the start date/time has been reached.
5s
Immediate Attention
Short delay for important announcements
15s
Engagement Timing
Allow users to browse before showing content
30s
Soft Introduction
For less intrusive content displays
300s
Extended Engagement
5-minute delay for returning visitors
Best Practice: Use 5-15 second delays for promotional content, 15-30 seconds for informational content, and longer delays (1-5 minutes) for exit-intent or re-engagement content.
How Scheduling Works
1
Set Your Dates
Choose start and end dates/times using the calendar date pickers.
2
Add Optional Delay
Enter seconds (0-86400) to delay display after the start time.
3
Automatic Control
Content automatically shows/hides based on your schedule - no manual intervention needed.
Scheduling Logic
IF Current Date/Time ≥ Start Date/Time AND
IF Current Date/Time ≤ End Date/Time AND
IF Time Since Start ≥ Delay Seconds
THEN Display Content
Scheduling Settings Interface
Key interface elements:
- Start Date Picker - Calendar with date/time selection
- End Date Picker - Calendar for automatic end date
- Delay Input - Seconds delay after start (0-86400)
- Calendar Icons - Click to open date picker
- Clear Formatting - Easy date entry and clearing
Scheduling Tips:
- Use timezone-aware scheduling - dates/times use your WordPress timezone setting
- Test with Live Preview to verify your scheduling logic
- Leave end date blank for ongoing content that should display indefinitely after start
- Use delay for better UX - don't interrupt visitors immediately
- Combine with countdown timer for urgency (see next section)
- Clear both dates to disable scheduling and show content immediately
Important: Scheduling works based on the visitor's browser time, synced with your WordPress timezone. Ensure your WordPress timezone is correctly set in Settings → General.
Countdown Timer & Urgency
Add urgency and time sensitivity to your floating content with automatic display timing and auto-close functionality.
Delayed Display
Show content after a specific time delay on page load
Auto Close
Automatically hide content after a set duration
Urgency Creation
Create time-sensitive offers and limited-time announcements
Countdown Timer Settings Interface
Key interface elements:
- Show content after (seconds) - Delay before displaying content
- Automatically close after (seconds) - Auto-hide timer after showing
- Number inputs - Enter time in seconds (0 = disabled)
Countdown Timer Settings
How Countdown Timer Works
1
Page Loads
Visitor arrives on your page. The timer starts counting down from your "Show content after" value.
2
Delay Period (Optional)
If you set "Show content after" to 10 seconds, the floating content remains hidden for 10 seconds after page load.
3
Content Appears
After the delay period ends, your floating content appears with its entrance animation.
4
Auto-Close Countdown (Optional)
If you set "Auto close after" to 15 seconds, another timer starts counting down immediately after the content appears.
5
Content Automatically Closes
After the auto-close timer ends, the floating content disappears with its exit animation.
Page Loads
Timer 1 starts
Content Appears
After Timer 1 ends
Auto-Closes
After Timer 2 ends
Live Demo Simulation
📄 Web Page Content
⏱️ Delay: 5s
→
🎯 Floating Content
→
⏱️ Auto-close: 10s
Total visible time: 10 seconds after 5-second delay
Best Practices & Tips:
- Use short delays (3-8 seconds) for important announcements to avoid interrupting initial page exploration
- Set auto-close for all temporary content to keep your interface clean
- Combine with scheduling for time-based campaigns (e.g., flash sales)
- Test different timing combinations to find what works best for your audience
- Use 0-second delay for critical alerts that need immediate attention
- Disable auto-close (set to 0) for persistent elements like newsletter signup bars
Important Notes:
- Timers are per-session. If a user refreshes the page, timers reset
- If a user manually closes the content, auto-close timer is cancelled
- Both timers use seconds as the unit (1 minute = 60, 5 minutes = 300)
- Set to 0 to disable either timer function
- Works independently of display scheduling - both can be used together
Implementation Example
For a limited-time offer that appears after 5 seconds and disappears after 30 seconds:
Show content after: 5
Automatically close after: 30
// Result:
// 1. Page loads → 5 second delay
// 2. Content appears → 30 second countdown starts
// 3. Content auto-closes → Total: 35 seconds from page load
Sticky Header & Footer Behavior
Create persistent sticky headers or footers that remain visible while users scroll through your content.
Persistent Visibility
Content stays fixed at top or bottom of viewport during scrolling
Top/Bottom Positioning
Choose between header (top) or footer (bottom) sticky placement
Height Control
Set exact height for consistent sticky element sizing
Sticky Header & Footer Settings Interface
Key interface elements:
- Sticky Mode - Enable/Disable toggle (radio buttons)
- Sticky Position - Top (Header) or Bottom (Footer) selection
- Sticky Height - Height input in pixels (0 = auto)
Sticky Behavior Settings
Sticky Behavior Demonstration
Sticky Header
📌 Fixed at top
Sticky Footer
📌 Fixed at bottom
How it works: When enabled, the element remains fixed at the selected position (top or bottom) while users scroll through page content.
How Sticky Behavior Works
1
Enable Sticky Mode
Set "Sticky Mode" to "Enable" to activate persistent positioning for your floating content.
2
Choose Position
Select "Top (Header)" to stick to top of screen, or "Bottom (Footer)" to stick to bottom of screen.
3
Set Height (Optional)
Enter a height in pixels (e.g., 60) for consistent sizing, or leave as 0 for automatic height based on content.
4
Test & Publish
Use Live Preview to test sticky behavior, then publish. Content will remain visible during scrolling.
Sticky Header
📌 Header stays here
⬇️ Content scrolls under
Best for: Navigation menus, announcement bars, persistent calls-to-action
Sticky Footer
⬆️ Content scrolls above
📌 Footer stays here
Best for: Cookie notices, chat widgets, secondary actions
Understanding Sticky Height
Auto Height (0)
Content determines height
Expands to fit all content
Expands to fit all content
When to use: When content size varies or you want flexible height
Fixed Height (e.g., 60px)
Fixed height container
Content may scroll if too tall
Content may scroll if too tall
When to use: For consistent UI elements and predictable layout
Height Recommendations:
- Announcement bars: 40-60px
- Navigation headers: 60-80px
- Cookie notices: 70-100px
- Chat widgets: 50-70px
- Promotional banners: 50-80px
Technical Considerations:
- Sticky elements use CSS position: fixed for persistent positioning
- When using sticky headers, consider adding padding-top to your body to prevent content from being hidden behind the header
- For mobile devices, test sticky behavior as viewport height changes with browser UI
- Sticky elements are independent of page layout and exist outside normal document flow
- Use with caution on mobile - excessive sticky elements can reduce usable screen space
Important Notes:
- Only one sticky element per page is recommended for optimal user experience
- Sticky elements may overlap with existing site headers/footers - test thoroughly
- On mobile, ensure sticky height doesn't exceed 30% of screen height
- Consider disabling sticky behavior on mobile for complex layouts
- Sticky mode works independently of other positioning settings
Configuration Example: Announcement Bar
Settings for a promotional announcement bar:
Sticky Mode:
Enable
Sticky Position:
Top (Header)
Sticky Height:
50px
Result: A 50px tall promotional bar that stays fixed at the top of the screen during scrolling.
User Role & Access Targeting
Control exactly which users can see your floating content based on their WordPress user roles and permissions. The plugin automatically detects all user roles on your site.
Dynamic Role Detection
Automatically loads all user roles from your WordPress installation
Plugin Compatibility
Includes custom roles from WooCommerce, membership plugins, and more
Guest Visitor Control
Specifically target logged-out visitors with the "No User Roles" option
Dynamic Role Detection System
Important: The plugin doesn't have a fixed list of user roles. Instead, it automatically scans your WordPress installation and displays all available user roles, including:
WordPress Core Roles
Admin
Full site administration
Editor
Content management
Publish own content
Contributor
Write but not publish
Subscriber
Basic membership
Plugin-Generated Roles
Customer
WooCommerce customers
Shop Manager
WooCommerce managers
Member
Membership plugins
Student
LMS plugins
...
Any custom role on your site
Special Option
No User Roles
Logged-out visitors (guests)
How it works: When you access the User Role settings, the plugin queries WordPress for all registered user roles and displays them in the dropdown. This means you'll see exactly the roles that exist on your specific WordPress installation.
Dynamic User Role Settings Interface
Key interface elements:
- Dynamic dropdown - Automatically populated with your site's roles
- "No User Roles" option - Always available for guest targeting
- Multiple selection - Hold Ctrl/Cmd to select multiple roles
- Plugin roles included - WooCommerce, membership, LMS roles appear automatically
User Role Targeting Settings
What You'll Typically See (Based on Your Plugins)
Basic WordPress Site
No User Roles
Administrator
Editor
Author
Contributor
Subscriber
+ WooCommerce
Customer
Shop Manager
+ Membership Plugin
Member
Premium Member
Gold Member
+ LMS Plugin
Student
Teacher
Instructor
The list grows with your site: As you install new plugins that create user roles, those roles automatically appear in the dropdown. You don't need to update the plugin or change any settings.
How Dynamic Role Detection Works
1
Plugin Queries WordPress
When you open the settings, the plugin asks WordPress: "What user roles exist on this site?"
2
WordPress Provides List
WordPress returns a complete list of all registered user roles, including those created by other plugins.
3
Plugin Builds Dropdown
The plugin dynamically creates a dropdown menu with all the retrieved roles plus the special "No User Roles" option.
4
You Make Your Selection
You select which roles should see the content from the dynamically generated list.
5
Real-Time Checking
When a user visits, the plugin checks their role against your selection and shows/hides content accordingly.
Understanding "No User Roles"
→
Sees content if role is selected
→
Only sees content if "No User Roles" is selected
"No User Roles" is a special option that targets visitors who are NOT logged in. These visitors don't have any WordPress user role, so this option was created specifically to target them.
When to use "No User Roles":
- Show sign-up incentives to new visitors
- Display introductory offers to first-time users
- Show cookie consent notices to all guests
- Promote newsletter subscriptions to non-members
- Hide member-only content from visitors
Working with Custom & Plugin-Generated Roles:
- Roles appear automatically - When a plugin creates new user roles, they automatically appear in the dropdown
- Role names vary - Different plugins may use different names for similar roles (e.g., "Member", "Subscriber", "Customer")
- Test with actual users - Create test accounts with different roles to verify targeting works correctly
- Combine with other rules - Use role targeting together with page targeting, scheduling, etc., for precise control
- Empty selection = everyone - If you want content visible to all users, don't select any roles
Troubleshooting & Common Questions:
- Role not appearing? Ensure the plugin creating the role is active and the role has been properly registered in WordPress
- "No User Roles" not working? Test in incognito mode to ensure you're actually logged out
- Caching issues? Some caching plugins may cache role-based content - test with caching disabled
- Multiple roles per user? If a user has multiple roles, they'll see content if ANY of their roles is selected
- Custom role disappeared? If you deactivate a plugin, its roles may disappear from the list
Quick Reference: Common Role Scenarios
Show to administrators only
Select: Administrator
Show to customers only
Select: Customer (if using WooCommerce)
Show to visitors only
Select: No User Roles
Show to students only
Select: Student (if using LMS plugin)
Show to everyone
Select: Nothing (leave all unselected)
Dynamic Latest Posts Display
Automatically display your most recent blog posts or specific selected posts within your floating content to drive engagement and increase readership.
Dynamic Content
Automatically updates with your latest posts - no manual editing needed
Flexible Display
Show before or after your main content with customizable count
Custom Selection
Choose specific posts by ID or let WordPress pick the latest ones
Styling Control
Customize link colors, font sizes, and hover effects
Latest Posts Settings Interface
Key interface elements:
- Enable/Disable toggle - Turn latest posts feature on or off
- Placement options - Show before or after main content
- Posts count - Number of posts to display
- Custom post selection - Choose specific posts by ID
- Link styling - Font size and color customization
Latest Posts Display Settings
How Latest Posts Display Works
Posts Placement: Before Content
📰
Latest Blog Post Title
📰
Previous Blog Post Title
🎯 Your Floating Content
This is your main floating content message, call-to-action, or promotion.
↑ Posts appear FIRST
Posts Placement: After Content
🎯 Your Floating Content
This is your main floating content message, call-to-action, or promotion.
📰
Latest Blog Post Title
📰
Previous Blog Post Title
↑ Posts appear LAST
#2563EB
Dynamic updates: When you publish new blog posts, they automatically appear in the floating content (unless you're using custom post selection).
Two Display Modes: Automatic vs Custom
Automatic Mode
Displays your most recent posts automatically. Perfect for blogs that publish regularly.
How it works:
- WordPress automatically selects your latest published posts
- Number of posts controlled by "Posts to Display" setting
- Updates automatically when you publish new content
- Always shows freshest content
Best for: News sites, active blogs, content-heavy websites
Custom Selection Mode
Manually select specific posts to display. Perfect for promoting curated content.
How it works:
- Enter specific post IDs separated by commas
- Posts display in the order you specify
- "Posts to Display" setting is ignored
- Only shows your chosen posts
Best for: Promoting key articles, evergreen content, product features
Switching Between Modes:
Set "Use Custom Post Selection" to Disable
→
Posts automatically update with latest content
→
Control number with "Posts to Display"
Set "Use Custom Post Selection" to Enable
→
Enter specific post IDs in "Specific Post IDs" field
→
Only your chosen posts display (order preserved)
How to Find Post IDs for Custom Selection
Method 1: WordPress Admin List
- Go to Posts → All Posts in your WordPress dashboard
- Hover over any post title
- Look at the bottom-left of your browser (status bar) or check the URL
- The ID appears in the link:
post.php?post=123&action=edit
Method 2: Quick Edit
- Go to Posts → All Posts
- Click "Quick Edit" under any post
- Find the ID in the form that appears
- It's usually labeled "ID" or appears near the top
Method 3: Edit Screen URL
- Click to edit any post
- Look at the URL in your browser's address bar
- The ID is the number after
post= - Example:
.../wp-admin/post.php?post=456&action=edit
Correct Format for "Specific Post IDs":
123, 456, 789 ← Three posts, comma-separated42 ← Single post ID101, 102, 103, 104, 105 ← Multiple posts in sequence15, 37, 89 ← Non-sequential post IDs
Tip: Posts will display in the exact order you enter them. Put your most important posts first!
Link Styling & Customization
Post Link Styling Preview
Example Blog Post Title
Example Blog Post Title (Hover State)
Design Tips:
- Use contrasting colors for links to make them stand out
- Set hover color darker or brighter than normal link color for visual feedback
- 15-18px font size works well for most floating content
- Test colors on both light and dark backgrounds if your content changes
- Consider your website's brand colors for consistency
Advanced Tips & Best Practices:
- Combine with scheduling to show different posts at different times of day or days of week
- Use custom CSS to add icons, borders, or backgrounds to your post links
- Test different placements - "Before Content" often works better for engagement, "After Content" for discovery
- Update custom selections regularly to keep featured content fresh
- Monitor click-through rates to see which posts perform best in floating content
- Consider post length - very long post titles may not display well in limited space
Important Technical Notes:
- Custom selection overrides automatic mode - when you enable custom posts, the "Posts to Display" setting is ignored
- Posts must be published - drafts, scheduled, or private posts won't display
- Post order in custom selection is preserved exactly as you enter the IDs
- Non-existent post IDs are simply skipped (no error displayed)
- Link styling applies to all posts - you can't style individual posts differently
- Caching considerations - some caching plugins may cache the post list; clear cache after changing settings
Complete Configuration Example
Scenario: A cooking blog wants to feature their 3 latest recipes before a newsletter signup form.
Display Latest Posts:
Enable
Posts Placement:
Before Content
Posts to Display:
3
Use Custom Post Selection:
Disable
Link Font Size:
16px
Link Color:
#DC2626 (red)
Link Hover Color:
#B91C1C (darker red)
Result: Visitors see the 3 most recent recipe posts (automatically updated) in red text, followed by the newsletter signup form. When they publish a new recipe, it automatically appears in the list.
WooCommerce Product Display
Showcase your products directly within floating content to boost sales, promote offers, and increase customer engagement. Perfect for e-commerce stores using WooCommerce.
WooCommerce Integration
Seamlessly connects with your WooCommerce store
Smart Product Selection
Latest, featured, on-sale, or custom product selection
Flexible Layouts
Stacked or inline display with customizable elements
Advanced Controls
Control which product elements appear (image, title, price, button)
Prerequisite: This feature requires WooCommerce plugin to be installed and activated on your WordPress site. If WooCommerce is not active, these settings will not appear.
WooCommerce Product Display Settings
Key interface elements:
- Enable/Disable toggle - Turn product display on or off
- Product Type dropdown - Latest, Featured, On-Sale, etc.
- Custom Product IDs field - Manually select specific products
- Product count - Number of products to display (1-20)
- Display elements checkboxes - Image, Title, Price, Button
- Layout style - Stacked or inline display
WooCommerce Product Display Settings
Product Type Comparison
Latest Products
Displays most recently added products to your store.
Best for: New arrivals, recent additions, keeping content fresh
Example: Shows the 3 most recently published products
Featured Products
Displays products marked as "Featured" in WooCommerce.
Best for: Highlighting special products, best sellers, promotions
Example: Shows products with the "Featured" checkbox checked
On-Sale Products
Displays products currently on sale (with sale price set).
Best for: Flash sales, clearance items, discount promotions
Example: Shows products with a sale price lower than regular price
Best-Selling Products
Displays products with highest sales numbers (by order count).
Best for: Social proof, popular items, customer favorites
Example: Shows top 3 products by total sales volume
Specific Product IDs
Manually select exact products to display by their IDs.
Best for: Curated collections, specific promotions, product launches
Example:
123, 456, 789 shows exactly those 3 products
Product Display Examples
Layout: Stacked (New Row)
Premium Coffee Beans
$24.99
Ceramic Coffee Mug
$18.50
Coffee Grinder
$89.99
↑ Each product on new line
Layout: Inline (Same Row)
Coffee Beans
$24.99
Coffee Mug
$18.50
Coffee Grinder
$89.99
↑ All products in one row
Visible Product Elements Explained
Recommended Combinations:
Maximum Conversion
Enable all elements for complete product presentation
Mobile Optimized
Use Image + Title + Price (skip button for space)
Quick View
Use Image + Title for fast-loading previews
Teaser Mode
Use only Image to create curiosity and clicks
How to Find WooCommerce Product IDs
Method 1: Products List
- Go to Products → All Products in WordPress
- Hover over any product
- Check the URL in your browser's status bar
- ID appears in link:
post.php?post=123&action=edit
Method 2: Edit Screen
- Edit any WooCommerce product
- Look at the URL in address bar
- The ID is after
post= - Example:
.../post.php?post=456&action=edit
Method 3: Export/Plugins
- Use WooCommerce export feature
- Check CSV export for product IDs
- Or use a "Show IDs" plugin
- Many plugins add ID column to products list
Format for Custom Product IDs:
101, 205, 312 ← Three specific products45 ← Single product promotion78, 79, 80, 81, 82 ← Product series/collection
Tip: Products display in the order you enter IDs. Put your most important products first!
WooCommerce Best Practices:
- Use Featured Products for controlled promotion of specific items
- For flash sales, use On-Sale Products to automatically show discounted items
- Combine with scheduling to show different products at different times
- Use inline layout for product grids, stacked for featured items
- Test different element combinations to see what converts best
- For mobile, consider reducing product count or using simpler layouts
- Update custom product IDs regularly for seasonal or promotional content
Important Technical Notes:
- Requires WooCommerce 3.0+ for full functionality
- Product images use WooCommerce's default image sizes
- Out of stock products will not display (unless configured otherwise in WooCommerce)
- Variable products show the main product, not individual variations
- Caching plugins may cache product displays - clear cache after product changes
- When using Specific Product IDs, non-existent IDs are silently skipped
- Product count limit of 20 ensures performance optimization
Complete Example: Flash Sale Promotion
Scenario: An online clothing store wants to promote their weekend flash sale with 4 discounted products.
Enable Product Display:
Enable
Product Type:
On-Sale Products
Products to Display:
4
Visible Elements:
Image, Title, Price, Button (all)
Layout Style:
Inline (Same Row)
Result: A floating bar shows 4 currently discounted products side-by-side with images, titles, prices, and "Add to Cart" buttons. When products go on/off sale, the display updates automatically.
Troubleshooting & Support
Get help with common issues, contact support, and share your experience.
Frequently Asked Questions
Quick answers to the most common questions about Advanced Floating Content.
Licensing & Purchase
Can I use the plugin on multiple websites?
Each purchase is valid for a single website. For multiple websites, you need to purchase additional licenses. This is a standard requirement for CodeCanyon plugins to ensure fair usage and continued development.
Note: You can use the plugin on a development/staging site for the same website without needing an additional license.
What happens if I don't validate my license?
Without license validation:
- Premium features remain locked
- You won't receive plugin updates
- No access to premium support
- Limited functionality
Always validate your license immediately after installation to unlock all features.
Can I get a refund if the plugin doesn't work?
Refunds are handled through CodeCanyon's refund policy. Before requesting a refund:
- Contact our support team for assistance
- Check the documentation and FAQ
- Ensure your server meets minimum requirements
- Test for plugin conflicts
Most issues can be resolved with proper configuration or server adjustments.
Technical & Compatibility
Does the plugin work with page builders?
Yes! Advanced Floating Content is compatible with all major page builders including:
Elementor
Divi Builder
WPBakery
Beaver Builder
Gutenberg
Classic Editor
The floating content appears independently of your page builder content.
Why isn't my floating content appearing?
If your content isn't appearing, check these common issues:
- Display Rules: Check if targeting rules exclude the current page/user
- Scheduling: Verify start/end dates and times
- Cache: Clear your WordPress and browser cache
- JavaScript: Ensure JavaScript isn't blocked in browser
- Plugin Conflict: Test with other plugins disabled
- Status: Confirm the content is published (not draft)
Use the Live Preview feature to test content appearance.
Will the plugin slow down my website?
Advanced Floating Content is optimized for performance:
- Lightweight: Minimal JavaScript and CSS footprint
- Cached: Content is cached for better performance
- Lazy Loading: JavaScript loads only when needed
- Optimized Queries: Efficient database queries
Performance Tip: For best performance, limit the number of active floating content items and use appropriate targeting rules.
Troubleshooting
How do I fix JavaScript conflicts?
For JavaScript conflicts:
- Disable other plugins one by one to identify the conflict
- Switch to default WordPress theme to rule out theme issues
- Check browser console for JavaScript errors (F12 → Console)
- Update all plugins and WordPress to latest versions
- Use jQuery compatibility mode in plugin settings if available
Contact support with the conflict details for specific solutions.
Why are animations not working?
Animation issues can be caused by:
- CSS Conflicts: Other CSS may override animation styles
- Browser Compatibility: Some older browsers don't support CSS3 animations
- Performance Settings: Some devices/browsers reduce animations for performance
- Plugin Settings: Check if animations are enabled in content settings
- Cache: Clear cache after changing animation settings
How do I reset the plugin settings?
To reset plugin settings:
Warning: This will remove all your floating content and settings!
- Go to Advanced Floating Content → Settings
- Scroll to the bottom to find "Reset Plugin" section
- Click "Reset All Data" button
- Confirm the reset in the popup dialog
- The plugin will be restored to default settings
Consider exporting your content before resetting.
Contact Support
Get direct assistance from our support team for issues not covered in the documentation.
Before Contacting Support
To help us resolve your issue faster, please check these steps first:
1
Check Documentation
Search this documentation for your issue - many common problems are already covered.
2
Test Basic Troubleshooting
- Clear WordPress and browser cache
- Disable other plugins temporarily
- Switch to default WordPress theme
- Update WordPress and all plugins
3
Gather Information
Prepare this information before contacting support:
- WordPress version
- PHP version
- List of active plugins
- Theme name and version
- Error messages/screenshots
Important: Support is provided only to customers with valid licenses. Ensure your license is validated before contacting support.
Rating & Review Guide
Share your experience and help other WordPress users make informed decisions.
What Makes a Helpful Review?
Do Include
- Specific examples of how you use the plugin
- Before/after results if applicable
- Setup time and ease of configuration
- Support experience if you contacted us
- Performance impact on your site
Avoid These
- One-word reviews like "Great" or "Bad"
- Unrelated complaints about CodeCanyon policies
- Requests for support (use support page instead)
- Demands for features without context
- Inaccurate information about the plugin
Example Reviews
Excellent Plugin for Announcement Bars
"I needed a way to display time-sensitive promotions across my e-commerce site. This plugin made it incredibly easy to create sticky announcement bars that appear only on product pages. The targeting options saved me hours of manual work. Support helped me with a minor CSS issue within 24 hours. Highly recommended for any WooCommerce store!"
Good with Room for Improvement
"The plugin works well for basic floating content needs. I use it for newsletter signup forms that appear after scrolling. The interface is clean and mostly intuitive. I deducted one star because the mobile preview could be better, and I'd love to see more animation options. Overall, solid plugin that does what it promises."
How Reviews Help Everyone
For Buyers
- Make informed purchasing decisions
- Learn about real-world usage
- Discover tips and best practices
- Understand limitations before buying
For Developers
- Identify bugs and issues quickly
- Understand user needs and pain points
- Prioritize feature development
- Improve documentation based on feedback
For the Community
- Build a knowledge base of solutions
- Encourage quality plugin development
- Create transparency in the marketplace
- Help WordPress ecosystem grow
Ready to Share Your Experience?
Your review helps shape the future of Advanced Floating Content and assists other WordPress users.
Leave Your Review Now