Widget Embed

Embed your KredPilot profile widget on any website, portfolio or personal site. Display your professional reputation with a simple code snippet.

Pro Feature: Widget embeds require a Pro subscription and API key authentication.

Getting Started

The KredPilot widget lets you display your professional reputation on external websites like portfolios, personal sites, or landing pages.

1

Upgrade to Pro

Widget embeds require a Pro subscription

2

Generate API Key

Go to Dashboard → Settings → API Keys to create your key

3

Copy Embed Code

Use the code below and customize it to your needs

Embed Code

Add this code to your website where you want the widget to appear:

<div 
  data-kp
  data-user="your_username"
  data-key="your_api_key"
  data-theme="auto"
  data-layout="standard"
></div>
<script src="https://kredpilot.com/widgets/v3.js"></script>

Important: Replace your_username and your_api_key with your actual credentials.

Customization Options

Required Attributes

data-kpRequired

Main selector that identifies the widget container. No value needed.

data-userRequired

Your KredPilot username

data-keyRequired

Your API key (Pro users only)

Optional Attributes

data-themeOptional

Choose widget theme: auto, dark, or light

Default: auto (matches system preference)

data-layoutOptional

Choose layout size: minimal, compact, or standard

Default: standard

Layout Styles

Standard Layout

Full-featured widget with avatar, stats block, ratings list, and footer. Best for dedicated profile sections.

data-layout="standard"
Includes:
  • Avatar
  • Name & badges
  • Stats block (rating, reviews, positive %)
  • Recent ratings list
  • Footer with profile link

Compact Layout

Medium-sized widget with avatar, stars below it, name, badges, and footer. Scaled to 75% size. Perfect for sidebars.

data-layout="compact"
Includes:
  • Avatar with stars below
  • Name & badges
  • Footer with profile link

Minimal Layout

Smallest widget with just name, inline stars, badges, and footer. Scaled to 75% size. Great for space-constrained areas.

data-layout="minimal"
Includes:
  • Name with inline stars
  • Badges
  • Footer with profile link

Live Examples

See the widget in action with different configurations:

Light Theme

John Doe

Verified ProfesionalPRO User
View Full Profile →Verified by KredPilot

Standard Layout

J

John Doe

Member since Jan 16, 2024
Verified ProfesionalPRO User
Rating (4.0)
24
Reviews
95%
Positive
2 days ago

Great work, highly recommended!

View Full Profile →
Verified by KredPilot

Compact Layout

J

John Doe

Verified ProfesionalPRO User
View Full Profile →Verified by KredPilot

Minimal Layout

John Doe

Verified ProfesionalPRO User
View Full Profile →Verified by KredPilot

Need Help?

Having trouble with the widget? We're here to help.

Contact Support