Widget Documentation

Complete guide to all available widgets and their features

Available Widgets

Our widget platform offers powerful, customizable components that you can embed anywhere on the web.

All Widgets Include
  • Real-time configuration
  • Responsive design
  • Custom styling options
  • Analytics tracking
  • Multiple embed methods
  • Cross-platform compatibility
Pro Tip: Start with the Text Ads Rotator for the easiest setup and most flexible content management options.

Text Ads Rotator

Most Popular

Display rotating text advertisements with customizable styling, automatic transitions, and comprehensive analytics.

Key Features
  • Multiple Display Modes: Single, Carousel, Grid
  • Smart Rotation: Time-based or click-based
  • Rich Content: Text, links, images, HTML
  • Advanced Styling: Colors, fonts, animations
  • Responsive Design: Mobile-optimized
  • Performance Tracking: Views, clicks, CTR
  • A/B Testing: Compare ad performance
  • Campaign Management: Organize by groups
Configuration Options

Setting Options Description
Display Mode Single, Carousel, Grid How ads are presented to users
Rotation Speed 1-60 seconds Time between automatic rotations
Animation Fade, Slide, None Transition effect between ads
Randomize Yes/No Random order vs sequential

Colors & Appearance
  • Background color/gradient
  • Text color scheme
  • Border styles and colors
  • Shadow effects
  • Hover state styling
Typography & Layout
  • Font family selection
  • Font size and weight
  • Text alignment options
  • Line height and spacing
  • Responsive breakpoints

Ad Creation & Editing
  • Rich Text Editor: WYSIWYG content creation
  • HTML Support: Custom HTML for advanced layouts
  • Link Management: UTM tracking and affiliate links
  • Image Integration: Inline images and backgrounds
  • Bulk Import: CSV import for multiple ads
  • Campaign Organization: Group ads by category
Live Preview
🚀 Boost Your Sales
Premium marketing tools for business growth
Example: Single display mode
Create Text Ads Widget View Live Demo Documentation & Details

Embedding Your Widgets

Once you've created and configured your widget, you'll get embed codes to add it to your website.

iframe Method

Recommended for most users - completely isolated and secure

<iframe src="https://yoursite.com/widgets/embed/123"
  width="300" height="250"
  frameborder="0"
  scrolling="no">
</iframe>
✓ No CSS conflicts ✓ Works everywhere ✓ Secure
Script Method

More integrated approach - inherits your site's styling

<div id="widget-123"></div>
<script src="https://yoursite.com/widgets/js/embed.js"
  data-widget-id="123"
  data-width="300"
  data-height="250">
</script>
✓ Better integration ✓ SEO friendly ⚠ Needs testing
Pro Tip: Both embed methods are provided automatically when you create a widget. Copy and paste directly into your HTML!

Best Practices

Performance Optimization
  • Rotation Speed: 5-15 seconds for best engagement
  • Content Length: Keep text under 50 words
  • Color Contrast: Ensure readability on all devices
  • Call-to-Action: Use action words like "Shop Now"
  • A/B Testing: Test different versions regularly
Mobile Optimization
  • Responsive Design: Test on multiple screen sizes
  • Touch Targets: Make clickable areas large enough
  • Loading Speed: Optimize images and content
  • Readability: Use larger fonts for mobile
  • Network Awareness: Consider slower connections
Content Guidelines
  • Be Clear: State your offer or message directly
  • Create Urgency: Use time-sensitive language when appropriate
  • Visual Hierarchy: Use font sizes to guide attention
  • Brand Consistency: Match your website's design language

Common Issues & Solutions

Common Causes & Solutions:
  • JavaScript Disabled: Ensure JS is enabled in browser
  • Ad Blockers: Whitelist your domain or use iframe method
  • Incorrect Embed Code: Regenerate and re-copy the code
  • HTTPS Issues: Ensure protocol compatibility

Resolution Steps:
  1. Switch to iframe embedding method
  2. Add CSS specificity to widget styles
  3. Use !important declarations if necessary
  4. Test in incognito mode to isolate issues
Quick Navigation
Text Ads Rotator Image Carousel (Coming Soon) Video Player (Coming Soon) Statistics Display (Coming Soon)
Widget Comparison
Feature Text Ads
Easy Setup
Custom Styling
Analytics
Mobile Ready
A/B Testing
Need Help?
Getting Started View FAQ Billing Help
Video Tutorials

Watch step-by-step guides

Popular Actions
Create New Widget Manage Existing View Analytics