New Feature

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 See All Styles

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 BANNER

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 
<!-- 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 BANNER

Footer Widget

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

~360 x 100px 
<!-- 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 BADGE

Compact Widget

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

~200 x 80px 
<!-- 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 BADGE

Inline Widget

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

~180 x 36px 
<!-- 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 View Pricing