How to Add a Free Face Analysis Widget to Any Website
If your audience cares about how they present themselves — on dating apps, at job interviews, in profile photos — a face analysis widget adds immediate, practical value to your site. Here's how to embed one in about 30 seconds, no account required.
Quick Start — Copy and Paste
<iframe src="https://realsmile.online/embed/smile" width="380" height="400" style="border:none;border-radius:16px;" ></iframe>
Drop this anywhere in your HTML. That's it. No API key, no backend, no configuration.
What the widget actually does
The RealSmile face analysis widget lets visitors upload a photo directly on your page and receive an instant AI-generated score. It measures smile authenticity, facial symmetry, expression warmth, and eye engagement — the same signals that affect how people are perceived in profile photos, headshots, and social media.
Results appear in a few seconds. The tool gives a headline score plus brief feedback on what the photo does well and where there's room to improve. It's built for fast, practical use — not a long quiz or a complicated dashboard.
The full standalone version lives at realsmile.online/analyze. The embed is the same tool, packaged as an iframe so it loads within your site without any extra setup.
Who should add this to their site
Dating coaches and relationship bloggers
Profile photo quality is one of the most actionable things someone can change before getting on an app. A face analysis widget gives your readers a concrete tool to use alongside your advice — instead of just reading about what makes a good photo, they can test their own.
Fitness and self-improvement sites
If your content covers personal presentation, confidence, or physical appearance, face analysis fits naturally. It adds an interactive, measurable element that keeps visitors engaged longer and gives them a reason to return when they want to check their progress.
Career and professional development sites
LinkedIn profile photos, headshots for resumes, video call presence — these matter more than most people acknowledge. A face analysis tool gives career-focused readers a way to objectively evaluate how they come across in professional contexts.
Photography and portrait blogs
Tutorials on expression, lighting, and posing become more useful when paired with a tool readers can use to test the difference. Before-and-after comparisons get more concrete when there's a score attached.
Looksmaxxing and grooming communities
If your community tracks changes over time, the widget gives members a consistent, repeatable benchmark. It's more objective than anecdotal peer feedback and available instantly, on your own platform.
How to add it — by platform
The embed is a standard HTML iframe, which every major website platform supports. Here's how to add it on the most common ones.
WordPress
In the block editor, add a Custom HTML block wherever you want the widget to appear. Paste the iframe code into the block. For the classic editor, switch to the HTML tab and paste the code there. It will render in both the editor preview and on the live page.
Squarespace
Add a Code Block to your page, paste the iframe code, and save. Squarespace renders embeds correctly in both preview and published mode. Make sure the block is set to display as HTML, not Markdown.
Wix
In the Wix editor, click Add Elements → Embed → HTML iframe. Paste the iframe code into the embed box. Drag and resize the block to fit your layout. Wix wraps embeds in a sandboxed container, which is fully compatible with the widget.
Webflow
Drag an Embed element onto your canvas and paste the iframe code. You can set the embed width to 100% and let the iframe's own width attribute control the content size, or adjust both to suit your grid.
Raw HTML
Paste the iframe code directly into your .html file wherever you want the widget to appear. No dependencies, no scripts, no additional setup needed.
Privacy: photos never touch your server
The face analysis runs entirely inside the visitor's browser using on-device machine learning. When your visitor uploads a photo, it is processed locally by their device — no data is sent to your server, and no data is sent to RealSmile's servers.
This means you have no GDPR or HIPAA exposure from the widget itself. No photos are stored, transmitted, or logged anywhere in the stack. You can add it to any page without triggering data processing obligations for your visitors' biometric data.
Customization options
The default embed is 380 pixels wide by 400 pixels tall, which fits cleanly in a sidebar or a centered content column. You can adjust these to match your layout.
Wider layout (full column width)
<iframe src="https://realsmile.online/embed/smile" width="600" height="480" style="border:none;border-radius:16px;display:block;margin:0 auto;" ></iframe>
Responsive (fills container width)
<iframe src="https://realsmile.online/embed/smile" width="100%" height="420" style="border:none;border-radius:12px;max-width:500px;display:block;" ></iframe>
The border-radius in the style attribute controls the rounded corners. Set it to 0 for sharp edges or increase it for more rounded corners. The widget itself has a white background and renders cleanly against both light and dark page backgrounds.
What your visitors experience
The widget loads with a clean upload prompt. Visitors tap or click to upload a photo — or drag one directly onto the widget. Analysis runs in a few seconds and displays a score along with brief feedback on expression authenticity, symmetry, and photo quality.
There is no signup prompt, no email capture, and no redirect to another site. The entire experience happens inside the iframe on your page. If a visitor wants to explore further — see a full multi-metric report or compare multiple photos — the widget includes a link to the full tool at realsmile.online, which opens in a new tab so they stay on your site.
Repeat use is unrestricted. Visitors can analyze as many photos as they want, as often as they want, with no limits or paywalls inside the embedded widget.
Free · No API key · No signup
See the widget page for more details
Full documentation, live preview, and additional embed options are on the widget page.
View the widget page →Common questions
Is it really free, indefinitely?
Yes. The embed is free with no expiration, no usage limits, and no billing. There is no API key or developer account required. You paste one line of code and it works.
Will it slow down my page?
The iframe loads asynchronously and does not block your page. The AI model is loaded inside the iframe only when a visitor interacts with the widget — it has no impact on your page's initial load time or Core Web Vitals.
Does it work on mobile?
Yes. The widget is mobile-responsive and supports both photo uploads from the camera roll and direct camera capture on supported devices. Set the width to 100% with a max-width for best results on narrow screens.
Can I add my own branding?
The standard embed displays the RealSmile interface. For white-label or custom-branded options, visit the widget page for details on partnership options.
What browsers does it support?
The widget works on all modern browsers — Chrome, Firefox, Safari, Edge — on both desktop and mobile. It requires JavaScript to be enabled, which is the default on all major browsers.
Ready to add the widget to your site?
One iframe. No API key. No backend. Works on WordPress, Squarespace, Wix, Webflow, and raw HTML.