Back to Documentation

Embeddable Tools & Widgets

Integrate WebEvo.ai's powerful website analysis directly into your sites, apps, and marketing funnels. Drive engagement and capture leads with instant value.

React Component

Perfect for React, Next.js, and other component-based frameworks

Installation

Install via npm:

npm install @webevo/react

Or via yarn:

yarn add @webevo/react

Basic Usage

import WebEvoWidget from '@webevo/react'

function MyPage() {
  return (
    <div>
      <WebEvoWidget
        apiKey="your-api-key"
        theme="dark"
        size="standard"
        onScanStart={(url) => console.log('Scanning:', url)}
      />
    </div>
  )
}

Component Props

PropTypeDefaultDescription
apiKeystring-Optional API key for tracking and custom attribution
theme'light' | 'dark''dark'Widget color scheme
size'compact' | 'standard' | 'large''standard'Widget size variant
showBrandingbooleantrueShow "Powered by WebEvo.ai" footer
onScanStart(url: string) => void-Callback fired when user starts a scan
classNamestring''Additional CSS classes

HTML/Iframe Embed

Universal solution for any website or CMS

Basic Iframe Embed

<iframe
  src="https://app.webevo.ai/embed/widget"
  width="100%"
  height="400"
  frameborder="0"
  style="border-radius: 12px;"
></iframe>

JavaScript Embed (Recommended)

<div id="webevo-widget"></div>
<script>
(function() {
  const iframe = document.createElement('iframe');
  iframe.src = 'https://app.webevo.ai/embed/widget?theme=dark';
  iframe.width = '100%';
  iframe.height = '400';
  iframe.style.border = '0';
  
  const container = document.getElementById('webevo-widget');
  if (container) container.appendChild(iframe);
})();
</script>

URL Parameters

ParameterValuesDefaultDescription
themelight, darkdarkWidget color scheme
sizecompact, standard, largestandardWidget size variant
showBrandingtrue, falsetrueShow WebEvo.ai branding
apiKeyyour-api-key-API key for tracking

Example:
https://app.webevo.ai/embed/widget?theme=light&size=large&showBranding=false

Use Cases & Examples

Lead Generation

Embed the widget on landing pages to capture leads by offering instant website analysis.

High-converting lead magnets
Instant value delivery
Professional appearance

Client Portals

Add to client dashboards for self-service website monitoring and analysis.

Self-service capabilities
Reduced support requests
Branded experience

Blog Content

Embed in blog posts about web optimization to let readers test their own sites.

Interactive content
Increased engagement
Lead capture opportunity

Sales Funnels

Use in sales funnels to demonstrate value before prospects commit to services.

Value demonstration
Trust building
Higher conversion rates

Ready to Embed?

Start integrating WebEvo.ai widgets into your sites today. Need help? Our team is here to assist.