# Showcase Your UX Score On Your Website

Build trust with your visitors by displaying your UX Audit score.  
Choose from multiple widget styles and add them to your site in seconds.

[Get Your Widget](/content/auth/register/index.html) [See All Styles](/content/features/widget-badge/#widget-styles/index.html)

## How It Works

Three simple steps to display your UX score

1.  
   ### Complete Your Audit  
   Run a UX audit on your website and get your score
2.  
   ### Choose Your Style  
   Select from multiple widget designs and customize colors
3.  
   ### Copy & Paste  
   Add the code to your website and you're done!

## Widget Styles

Choose the perfect widget for your website design

### Hero Section Widget

Perfect for placing in your hero section or above the fold. Horizontal layout with all key metrics visible at a glance.

~400 x 60px

[UX Score\
\
251/ 273\
\
92% Score Rate\
\
#3\
\
Rank](/content/site-root.html)

Copy Code

```html
<!-- UXAudit.Now Hero Widget -->
<a href="https://uxaudit.now" target="_blank">
  <div style="font-family:Arial,sans-serif;background:linear-gradient(135deg,#1a1a24,#12121a);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:12px 24px;display:inline-flex;align-items:center;gap:24px;">  
    <div>  
      <div style="font-size:10px;font-weight:700;color:#6b6b7b;text-transform:uppercase;">UX Score</div>  
      <span style="font-size:24px;font-weight:800;color:#00d68f;">251</span>  
      <span style="color:#6b6b7b;">/ 273</span>  
    </div>  
    <div style="color:#a855f7;font-weight:700;">#3</div>  
  </div>
</a>
```

### Footer Widget

Ideal for website footers. Shows your score with a progress bar and powered by attribution.

~360 x 100px

[UX Score\
\
251/ 273\
\
#3\
\
Ranking\
\
92% Score Rate Powered by UXAudit.Now](/content/site-root.html)

Copy Code

```html
<!-- UXAudit.Now Footer Widget -->
<a href="https://uxaudit.now" target="_blank">
  <div style="font-family:Arial,sans-serif;background:#1a1a24;border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:20px 24px;width:360px;">  
    <div style="display:flex;justify-content:space-between;margin-bottom:12px;">  
      <div>  
        <div style="font-size:10px;font-weight:700;color:#6b6b7b;text-transform:uppercase;">UX Score</div>  
        <span style="font-size:36px;font-weight:800;color:#00d68f;">251</span>  
        <span style="color:#6b6b7b;">/ 273</span>  
      </div>  
      <div style="color:#a855f7;font-weight:700;">#3</div>  
    </div>  
    <div style="font-size:11px;color:#6b6b7b;">Powered by <span style="color:#3b82f6;">UXAudit.Now</span></div>  
  </div>
</a>
```

### Compact Widget

Small and versatile. Perfect for sidebars, headers, or anywhere space is limited.

~200 x 80px

[UX Score\
\
#3\
\
251/ 273\
\
Powered by UXAudit.Now](/content/site-root.html)

Copy Code

```html
<!-- UXAudit.Now Compact Widget -->
<a href="https://uxaudit.now" target="_blank">
  <div style="font-family:Arial,sans-serif;background:#1a1a24;border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:16px 20px;width:200px;">  
    <div style="font-size:10px;font-weight:700;color:#6b6b7b;text-transform:uppercase;">UX Score</div>  
    <span style="font-size:28px;font-weight:800;color:#00d68f;">251</span>  
    <span style="color:#6b6b7b;">/ 273</span>  
    <div style="font-size:10px;color:#6b6b7b;">Powered by <span style="color:#3b82f6;">UXAudit.Now</span></div>  
  </div>
</a>
```

### Inline Widget

Minimal footprint for inline placement. Perfect for navigation bars or alongside other badges.

~180 x 36px

[251/273\
\
UXAudit.Now](/content/site-root.html)

Copy Code

```html
<!-- UXAudit.Now Inline Badge -->
<a href="https://uxaudit.now" target="_blank">
  <div style="font-family:Arial,sans-serif;background:#1a1a24;border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:8px 16px;display:inline-flex;align-items:center;gap:12px;">  
    <span style="font-size:14px;font-weight:700;color:#00d68f;">251/273</span>  
    <span style="font-size:12px;color:#6b6b7b;">UXAudit.Now</span>  
  </div>
</a>
```

## Why Display Your UX Score?

### Build Trust

Show visitors you care about their experience

### Boost Conversions

Higher trust leads to better conversion rates

### Stand Out

Differentiate from competitors

### Easy Setup

Copy, paste, done - no coding required

## Ready to Showcase Your UX Score?

Complete a UX audit and get your custom widget code. It only takes a few minutes.

[Start Free Audit](/content/auth/register/index.html) [View Pricing](/content/pricing/index.html)