Get Ultimate Cursor configured and running on your site in just 5 minutes with this quick setup guide.
Step 1: Access the Settings Panel
After installing and activating Ultimate Cursor:
- Navigate to Ultimate Cursor in your WordPress admin sidebar
- You'll see the main dashboard with cursor presets and customization options
Step 2: Choose a Preset
The fastest way to get started is using a preset template:
- Browse Presets: Scroll through the 20+ available preset designs
- Preview: Hover over each preset to see a preview
- Select: Click on your preferred preset
- Apply: The preset settings will load automatically
Popular Presets
- Minimal Dot: Simple dot follower with smooth trails
- Magnetic Circle: Circle that snaps to interactive elements
- Glow Effect: Beautiful glowing cursor trail
- Modern Arrow: Sleek custom arrow design
Step 3: Customize Colors
Match the cursor to your brand:
- Primary Color: Click the color picker and choose your main brand color
- Secondary Color: Select a complementary color for effects
- Opacity: Adjust using the slider (0-100%)
Step 4: Configure Basic Settings
Cursor Size
- Use the size slider to adjust cursor dimensions
- Recommended: 16-32px for optimal visibility
Animation Speed
- Fast: Snappy, responsive cursor (0.1s)
- Medium: Balanced smoothness (0.3s) - Recommended
- Slow: Dreamy, flowing motion (0.6s+)
Hover Behavior
Choose what happens when hovering over links:
- Scale Up: Cursor grows larger (default)
- Color Change: Cursor changes color
- Custom: Define your own hover state
Step 5: Enable Features
Toggle these optional features:
✅ Click Effect: Show animation on mouse clicks ✅ Trail Effect: Leave a fading trail behind cursor ✅ Hide on Mobile: Automatically disable on touch devices (recommended)
Step 6: Save and Test
- Save Changes: Click the "Save Changes" button
- View Site: Visit your website's frontend
- Test: Move your cursor and interact with elements
- Refine: Return to settings to make adjustments if needed
Pro Tips
💡 Start Simple: Begin with a minimal design and add complexity gradually
⚡ Performance: Disable features you don't need for better performance
🎨 Brand Consistency: Use colors from your existing brand palette
📱 Mobile First: Always test on mobile even though cursor effects are disabled
Common Adjustments
Cursor Too Large
- Reduce size slider to 16-24px
- Decrease hover scale multiplier
Animations Too Fast/Slow
- Adjust animation speed in milliseconds
- Test different easing curves
Cursor Not Visible
- Increase opacity to 100%
- Choose contrasting colors
- Enable blend modes
What's Next?
Now that you have a basic setup, explore:
- Text Cursor - Add custom text to your cursor
- Particle Effects - Create stunning visual trails
- Conditional Logic - Apply different cursors to different pages