3LA Quick Audit Widget

The 3LA Quick Audit Widget is a lightweight, embeddable lead generation tool that provides instant Three-Layer Approach scores for any website.

3LA Quick Audit Widget - Embedding Instructions

🎯 Widget Overview

The 3LA Quick Audit Widget is a lightweight, embeddable lead generation tool that provides instant Three-Layer Approach scores for any website.

Features:

• ✅ Quick 3-layer analysis (10-20 seconds)
• ✅ Visual, color-coded scores
• ✅ Email capture for beta invites
• ✅ Rate limited (3 audits per IP per hour)
• ✅ Responsive design
• ✅ Zero dependencies (vanilla JavaScript)

📦 Embedding Options

Option 1: Iframe Embed (RECOMMENDED)

Basic Embed:

<iframe 
  src="https://threelayerapproach.com/widget/audit.html" 
  width="420" 
  height="750"
  frameborder="0"
  style="border: none; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
</iframe>

With Source Tracking:

<iframe 
  src="https://threelayerapproach.com/widget/audit.html?source=yoursite.com" 
  width="420" 
  height="750"
  frameborder="0"
  style="border: none; border-radius: 16px;">
</iframe>

🔧 WordPress Integration

Using HTML Block:

1. Add new “Custom HTML” block
2. Paste iframe code:

<div style="max-width: 420px; margin: 0 auto;">
  <iframe 
    src="https://threelayerapproach.com/widget/audit.html?source=yoursite.com" 
    width="100%" 
    height="750"
    frameborder="0"
    style="border: none; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.15);">
  </iframe>
</div>

Using Sidebar Widget:

1. Go to Appearance → Widgets
2. Add “Custom HTML” widget
3. Paste iframe code
4. Save

🎨 Customization

Responsive Embed (Mobile-Friendly):

<div style="max-width: 100%; width: 420px; margin: 0 auto;">
  <iframe 
    src="https://threelayerapproach.com/widget/audit.html" 
    width="100%" 
    height="750"
    frameborder="0"
    style="border: none; border-radius: 16px;">
  </iframe>
</div>

Centered with Padding:

<div style="padding: 40px 20px; text-align: center;">
  <h2>Test Your Website's 3LA Score</h2>
  <p>Get instant feedback on your site's optimization</p>
  <iframe 
    src="https://threelayerapproach.com/widget/audit.html" 
    width="420" 
    height="750"
    frameborder="0"
    style="border: none; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.15); margin-top: 20px;">
  </iframe>
</div>

🔐 Rate Limiting

• Limit: 3 audits per IP address per hour
• Error Response: 429 - Rate limit exceeded
• Message: “Rate limit exceeded. Please try again in an hour.”

🌐 CORS Configuration

The widget API supports cross-origin requests:

• Access-Control-Allow-Origin: *
• Works from any domain
• No authentication required

🐛 Troubleshooting

Widget Not Loading?

• Check iframe src URL is correct
• Verify HTTPS (widget requires secure context)
• Check browser console for errors

Scores Showing 0?

• Target URL may be unreachable
• Target URL may be blocking our audit bot
• Try a different URL
• Log in on the platform to get the details

🚀 Future Enhancements

Phase 2 (Later):

• WordPress Plugin (installable .zip)
• JavaScript snippet (non-iframe)
• White-label options
• Custom branding
• Email template customization

📞 Support

For issues or questions:

• Email: master@nettpilot.com

Example Usage on nettpilot.no

<!-- Sidebar Widget -->
<aside class="widget">
  <h3>Test Your Website</h3>
  <p>Get a free 3LA score in seconds!</p>
  <iframe 
    src="https://threelayerapproach.com/widget/audit.html?source=nettpilot.no" 
    width="100%" 
    height="750"
    frameborder="0"
    style="border: none; border-radius: 8px;">
  </iframe>
</aside>

Last Updated: December 13, 2025
Version: 1.0.0
Status: ✅ Production Ready