🎯 Conversion-Optimized Widget Integration Guide

⚡ Quick Start

Add this single line to any WordPress post or website to automatically show relevant Santorini tours:

<script src="https://www.santorinisecrets.com/widget/santorini-tours.js" data-auto-insert="true"></script>

📊 Widget Variants for Maximum Conversion

🎪 Hero Widget - Landing Pages

Full-width hero section with stunning visuals. Perfect for homepage and destination landing pages. Conversion rate: 8-12%

<!-- Hero Widget for Landing Pages --> <iframe src="https://www.santorinisecrets.com/widget/viator?variant=hero&theme=santorini" width="100%" height="600px" frameborder="0" style="border-radius: 12px;"> </iframe>
✅ Best for: Landing pages, homepage above the fold

📝 Inline Widget - Blog Posts

Seamlessly integrated into blog content with contextual tour recommendations. Conversion rate: 4-7%

<!-- Auto-Insert in WordPress Posts --> <script> SantoriniToursWidget.insert({ variant: 'inline', theme: 'santorini', target: 'auto', // Inserts after 3rd paragraph urgencyEnabled: true }); </script>
✅ Best for: Blog posts, travel guides, destination articles

🎈 Floating Widget - Engagement

Appears as user scrolls through content. Non-intrusive but highly visible. Conversion rate: 3-5%

<!-- Floating Widget --> <script src="https://www.santorinisecrets.com/widget/santorini-tours.js" data-variant="floating" data-theme="santorini" data-auto-insert="true"> </script>
✅ Best for: Long-form content, travel blogs, destination guides

📌 Sticky Sidebar - Persistence

Stays visible in sidebar as user scrolls. Great for detailed booking information. Conversion rate: 6-9%

<!-- Sticky Sidebar Widget --> <div id="sidebar-tours"></div> <script> SantoriniToursWidget.insert({ variant: 'sticky', target: '#sidebar-tours', maxTours: 3, showPricing: true }); </script>
✅ Best for: Sidebar placement, detailed tour pages, booking flows

🚨 Exit-Intent Modal - Last Chance

Triggers when user is about to leave. Powerful for capturing leaving visitors. Conversion rate: 12-18%

<!-- Exit-Intent Modal --> <script> SantoriniToursWidget.insert({ variant: 'exit-intent', urgencyEnabled: true, maxTours: 2, theme: 'santorini' }); </script>
🎯 Best for: High-traffic pages, bounce rate reduction, conversion recovery

🎨 Themes & Customization

🏛️ Santorini Theme (Default)

Blue gradient with Aegean Sea vibes. Perfect for Santorini content.

`theme: 'santorini'`

🌸 Mykonos Theme

Pink and white gradients inspired by Mykonos architecture.

`theme: 'mykonos'`

🏛️ Athens Theme

Warm orange tones reflecting ancient Greek heritage.

`theme: 'athens'`

⚪ Default Theme

Clean, neutral design that works with any website.

`theme: 'default'`

🔧 Advanced Configuration

JavaScript API - Full Control

// Advanced widget configuration
SantoriniToursWidget.insert({
  variant: 'inline',           // Widget style
  theme: 'santorini',         // Color theme
  destination: 'santorini',   // Force specific destination
  maxTours: 3,                // Number of tours to show
  showPricing: true,          // Show/hide pricing
  urgencyEnabled: true,       // Enable urgency messaging
  target: '#my-widget',       // Custom target element
  content: 'Page content...'  // Custom content for analysis
});

// Simple insertion
SantoriniToursWidget.simple('santorini', 'inline');

// Auto-detect destination from page content
SantoriniToursWidget.insert({ variant: 'floating' });

📈 Conversion Optimization Features

⏰

Urgency Timers

Dynamic countdown timers create urgency and drive immediate bookings.

🤖

Smart Content Analysis

Automatically detects destinations and tour types from your content.

🏆

Social Proof

Real-time booking notifications and review counts build trust.

💎

Premium Visuals

High-quality images and smooth animations create desire.

🚀 WordPress Integration Examples

Method 1: Auto-Insert Script (Recommended)

Add to your theme's header.php or use a plugin like "Insert Headers and Footers":

<script src="https://www.santorinisecrets.com/widget/santorini-tours.js" data-auto-insert="true" data-variant="inline" data-theme="santorini"> </script>

Method 2: Direct Iframe Embed

Copy and paste directly into any WordPress post or page:

<iframe src="https://www.santorinisecrets.com/widget/viator?variant=inline&theme=santorini" width="100%" height="800px" frameborder="0" style="border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);"> </iframe>

Method 3: PHP Template Integration

For theme developers - add to single.php or page templates:

<?php // Add to your theme's single.php after the content if (is_single() && in_category('travel')) { echo '<div id="santorini-tours-widget"></div>'; echo '<script> SantoriniToursWidget.insert({ variant: "inline", target: "#santorini-tours-widget", destination: "santorini" }); </script>'; } ?>

📊 Performance & SEO

⚡ Performance Optimized

  • • Lazy loading with intersection observer
  • • Optimized images with Next.js Image
  • • Cached API responses (1 hour)
  • • Minimal JavaScript footprint (8KB gzipped)

🔍 SEO Friendly

  • • No impact on page load speed
  • • Structured data for rich snippets
  • • Accessibility compliant (WCAG 2.1)
  • • Mobile-responsive design

🎯 Ready to Boost Your Conversions?

Start earning commissions from Santorini tours today with our conversion-optimized widgets.

Get Widget CodeView Live Demo

💡 Need Custom Integration?

We offer custom widget development and integration services. Contact us for:

  • • Custom branding and styling
  • • Advanced targeting and personalization
  • • Multi-destination widgets
  • • Revenue optimization consulting