Lucky Orange Integrations

Integrations Overview

Lucky Orange integrates with popular platforms and tools to streamline your workflow, sync data across systems, and enhance your marketing and customer engagement capabilities. These integrations help you connect visitor insights with your CRM, marketing automation, and communication tools.

CMS Platforms

WordPress

Official Plugin Available:

1. Go to Plugins → Add New in WordPress admin
2. Search for "Lucky Orange"
3. Click "Install Now"
4. Activate the plugin
5. Go to Settings → Lucky Orange
6. Enter your Site ID
7. Save changes

Manual Installation:

Add Lucky Orange code to header.php:

<?php wp_head(); ?>
<script async defer src="https://tools.luckyorange.com/core/lo.js?site-id=YOUR_SITE_ID"></script>
</head>

Shopify

Via Shopify App Store:

1. Visit Shopify App Store
2. Search for "Lucky Orange"
3. Click "Add app"
4. Authorize the installation
5. Follow setup wizard
6. Site ID auto-configured

Manual Installation:

1. From Shopify admin: Online Store → Themes
2. Click Actions → Edit code
3. Open theme.liquid
4. Add before </head>:

<script async defer src="https://tools.luckyorange.com/core/lo.js?site-id={{ settings.lucky_orange_site_id }}"></script>

Squarespace

1. Go to Settings → Advanced → Code Injection
2. Paste Lucky Orange code in Header section
3. Click Save

<script async defer src="https://tools.luckyorange.com/core/lo.js?site-id=YOUR_SITE_ID"></script>

Wix

1. Go to Settings → Custom Code
2. Click "+ Add Custom Code"
3. Paste Lucky Orange script
4. Set to load on "All Pages"
5. Place code in "Head"
6. Click Apply

Webflow

1. Open Project Settings
2. Go to Custom Code tab
3. Paste Lucky Orange code in Head Code section
4. Publish site

BigCommerce

1. Go to Storefront → Script Manager
2. Click "Create a Script"
3. Name: "Lucky Orange"
4. Location: "Head"
5. Script type: "Script"
6. Paste Lucky Orange code
7. Save

Tag Management

Google Tag Manager

Setup:

1. Create new Tag in GTM
2. Choose "Custom HTML" tag type
3. Paste Lucky Orange script:

<script async defer src="https://tools.luckyorange.com/core/lo.js?site-id={{Your Site ID}}"></script>

4. Set Trigger to "All Pages"
5. Save tag
6. Submit and publish container

With User Identification:

<script async defer src="https://tools.luckyorange.com/core/lo.js?site-id=abc123"></script>
<script>
  window._loq = window._loq || [];
  {% if userEmail %}
    _loq.push(['custom', {
      email: '{{userEmail}}',
      user_id: '{{userId}}'
    }]);
  {% endif %}
</script>

Adobe Launch / Tealium

Similar to GTM - add as Custom Code extension with appropriate page load rule.

CRM Integrations

HubSpot

Integration:

1. Go to Lucky Orange Settings → Integrations
2. Select HubSpot
3. Click "Connect to HubSpot"
4. Authorize connection
5. Configure sync settings

Data Synced:

• Session recordings linked to HubSpot contacts
• Tags from Lucky Orange appear in HubSpot
• Visitor data enriches contact records
• Chat transcripts sync to contact timeline

Usage:

View Lucky Orange recordings directly in HubSpot contact records to see visitor behavior.

Salesforce

Integration:

1. Install Lucky Orange app from Salesforce AppExchange
2. Or configure via Lucky Orange Settings → Integrations
3. Authenticate Salesforce connection
4. Map fields between systems
5. Enable data sync

Features:

• Link recordings to Salesforce leads/contacts
• Sync chat conversations
• View visitor behavior in Salesforce

Pipedrive

Configure via Lucky Orange dashboard to sync visitor data with Pipedrive deals and contacts.

Communication Tools

Slack

Setup:

1. Go to Lucky Orange Settings → Integrations
2. Select Slack
3. Click "Connect to Slack"
4. Choose Slack workspace
5. Select notification channel
6. Configure notification triggers

Notifications:

• New chat messages
• High-value visitor alerts
• Conversion notifications
• Custom tag triggers

Example Configuration:

When: Visitor tagged as "High Value"
Send to: #sales channel
Message: "High value visitor on site now!"
Include: Link to live session

Microsoft Teams

Similar to Slack - send Lucky Orange notifications to Teams channels.

Email Notifications

Configure in Settings → Notifications:

• Chat message alerts
• Conversion notifications
• Visitor activity alerts
• Daily/weekly summary reports

Marketing Automation

Zapier

Popular Zaps:

1. New Chat to Slack:

Trigger: New chat in Lucky Orange
Action: Send Slack message

2. High-Value Visitor to CRM:

Trigger: Visitor tagged "Hot Lead"
Action: Create contact in HubSpot/Salesforce

3. Form Submission to Email:

Trigger: Form submitted (via Lucky Orange tag)
Action: Send email via Gmail/Outlook

Setup:

1. Go to Zapier.com
2. Create new Zap
3. Choose Lucky Orange as trigger
4. Authenticate Lucky Orange account
5. Configure trigger (webhook-based)
6. Set up action in destination app
7. Test and enable

Make (formerly Integromat)

Similar automation capabilities to Zapier with Lucky Orange webhooks.

E-commerce Platforms

Magento

Add Lucky Orange via:

• Template customization
• Extension/module (if available)
• Google Tag Manager integration

PrestaShop

Install Lucky Orange module or add code to theme header.

WooCommerce

Use WordPress plugin (Lucky Orange integrates with WooCommerce automatically).

Shopify Plus

Advanced features:

• Checkout tracking
• Custom data passing
• Multi-store support

Analytics Integration

Google Analytics

Run Both Together:

<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'GA_MEASUREMENT_ID');
</script>

<!-- Lucky Orange -->
<script async defer src="https://tools.luckyorange.com/core/lo.js?site-id=abc123"></script>

Share User IDs:

// Identify in both platforms
const userId = 'user_123';

// Google Analytics
gtag('config', 'GA_MEASUREMENT_ID', { 'user_id': userId });

// Lucky Orange
_loq.push(['custom', { user_id: userId }]);

Mixpanel / Amplitude

Similarly, run both analytics platforms alongside Lucky Orange for comprehensive tracking.

Custom Integrations

Webhooks

Lucky Orange supports webhooks for custom integrations:

Available Webhooks:

• New chat message
• Chat ended
• Visitor tagged
• Form submitted (via custom tag)

Setup:

1. Go to Settings → Integrations → Webhooks
2. Add webhook URL
3. Select events to trigger webhook
4. Configure authentication
5. Test webhook

Webhook Payload Example:

{
  "event": "chat_message",
  "visitor_id": "abc123",
  "session_id": "sess_456",
  "message": "Hello, I need help",
  "timestamp": "2024-03-20T10:30:00Z",
  "visitor_data": {
    "email": "customer@example.com",
    "tags": ["VIP", "Returning"]
  }
}

API Access

Lucky Orange provides API for:

• Retrieving session data
• Accessing visitor information
• Exporting recordings
• Managing settings

API Documentation: Available in Lucky Orange dashboard under Settings → API

Troubleshooting Integrations

Best Practices

1. Single Installation: Install Lucky Orange code only once
2. Test Integrations: Verify data flows correctly before going live
3. Monitor Sync: Regularly check integration status
4. Document Setup: Keep record of which integrations are active
5. Use Tags Wisely: Create meaningful tags for CRM sync
6. Privacy Compliance: Ensure integrations comply with GDPR/CCPA
7. Regular Audits: Review connected integrations quarterly
8. Webhook Security: Use HTTPS and authentication for webhooks

Summary

Lucky Orange integrates with:

• CMS Platforms: WordPress, Shopify, Squarespace, Wix, Webflow
• Tag Managers: Google Tag Manager, Adobe Launch, Tealium
• CRMs: HubSpot, Salesforce, Pipedrive
• Communication: Slack, Microsoft Teams, Email
• Automation: Zapier, Make (Integromat)
• E-commerce: WooCommerce, Magento, BigCommerce
• Analytics: Works alongside GA4, Mixpanel, Amplitude
• Custom: Webhooks and API for custom integrations

Choose integrations that fit your workflow and enhance your ability to act on visitor insights.