Overview

The Daily Thunder offers white-label lottery widgets that you can embed on your website. Once you become a partner through our partner program, you'll receive a unique referral code that allows you to:

• Embed a fully functional lottery widget on your site
• Maintain your own branding and visual identity
• Earn 1% commission on all winnings from your players
• Offer the same proven Bitcoin Lightning lottery experience

Getting Started

Once you're registered as a partner, your widgets will be available at:

https://playtdt.com/widget/YOUR_CODE

Replace YOUR_CODE with your actual referral code. For example, if your code is ACME123, your widget URL would be:

https://playtdt.com/widget/ACME123

Widget Demo

See the lottery widget in action below. This is a fully functional demo showing how the widget will look and work on your website:

iFrame Embedding

The most common way to embed the lottery widget is using an iFrame. This provides a secure, isolated environment for the lottery while maintaining your site's design.

Basic iFrame Implementation

<iframe 
    src="https://playtdt.com/widget/YOUR_CODE"
    width="100%" 
    height="600"
    frameborder="0"
    style="border: none; border-radius: 8px;"
    title="Daily Thunder Lottery">
</iframe>

Responsive iFrame

For mobile-friendly integration, use this responsive approach:

<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;">
    <iframe 
        src="https://playtdt.com/widget/YOUR_CODE"
        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 8px;"
        title="Daily Thunder Lottery">
    </iframe>
</div>

Popup Widget

You can also offer the lottery as a popup modal, triggered by a button or link on your site.

Popup Implementation

<!-- Trigger Button -->
<button onclick="openLotteryPopup()" class="lottery-btn">
    ⚡ Play Lightning Lottery
</button>

<!-- Popup Modal -->
<div id="lotteryModal" class="lottery-modal" style="display: none;">
    <div class="modal-content">
        <span class="close" onclick="closeLotteryPopup()">×</span>
        <iframe 
            src="https://playtdt.com/widget/YOUR_CODE"
            width="100%" 
            height="600"
            frameborder="0"
            title="Daily Thunder Lottery">
        </iframe>
    </div>
</div>

<style>
.lottery-modal {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
}

.modal-content {
    background-color: #000;
    margin: 2% auto;
    border: 2px solid #ff9500;
    border-radius: 12px;
    width: 90%;
    max-width: 800px;
    height: 90%;
    position: relative;
}

.close {
    color: #ff9500;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 1001;
    cursor: pointer;
}

.lottery-btn {
    background: linear-gradient(45deg, #ff6b35, #ff9500);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.lottery-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(255, 149, 0, 0.4);
}
</style>

<script>
function openLotteryPopup() {
    document.getElementById('lotteryModal').style.display = 'block';
}

function closeLotteryPopup() {
    document.getElementById('lotteryModal').style.display = 'none';
}

// Close modal when clicking outside
window.onclick = function(event) {
    var modal = document.getElementById('lotteryModal');
    if (event.target == modal) {
        closeLotteryPopup();
    }
}
</script>

Direct Links

For simpler integration, you can link directly to your widget page:

<a href="https://playtdt.com/widget/YOUR_CODE" target="_blank" class="lottery-link">
    ⚡ Play Lightning Lottery
</a>

The widget is available at your unique URL:

• /widget/YOUR_CODE - Full widget interface

Customization

Your widget automatically displays your custom branding as configured during partner registration:

• Logo: Your brand logo appears in the widget header
• Brand Name: Your company name is displayed prominently
• Colors: The widget maintains The Daily Thunder's orange theme while highlighting your brand
• Referral Tracking: All players are automatically tagged with your referral code

Security

Our widgets are designed with security and trust in mind:

• HTTPS Only: All widgets are served over secure HTTPS connections
• CSP Compatible: Works with Content Security Policy headers
• No Data Collection: We don't track your website visitors
• Lightning Security: Same security model as the main Daily Thunder platform

Content Security Policy

If your site uses CSP, add these directives:

frame-src 'self' https://playtdt.com;
connect-src 'self' https://playtdt.com;

Domain Restrictions

For additional security, you can specify allowed domains during partner registration. This prevents your widget from being embedded on unauthorized sites.

Troubleshooting

Common Issues

Widget Not Loading

• Verify your referral code is correct and active
• Check that your partner account is in good standing
• Ensure you're using HTTPS (not HTTP)
• Check browser console for security errors

iFrame Display Issues

• Ensure minimum height of 500px
• Check for conflicting CSS styles
• Verify your site allows iframes
• Test in different browsers

Payment Processing

• Lightning payments are handled securely within the widget
• Users don't need to leave your site to complete payments
• All transactions are verified on the Bitcoin network
• Commission payments are automatic and instant

Testing Your Integration

Before going live:

1. Test the widget on your staging/development site
2. Verify your branding appears correctly
3. Test the payment flow with a small amount
4. Confirm commission payments reach your Lightning address
5. Test across different devices and browsers