Drop the translator into your site.
One iframe. Auto-resizing. No API key. Free for any site.
Copy & paste
<iframe
src="https://slangsmith.ai/embed/translator"
width="100%"
height="320"
style="border:0;border-radius:12px;max-width:560px"
loading="lazy"
title="Slangsmith translator"
></iframe>
<script>
window.addEventListener("message", function (e) {
if (e.data && e.data.type === "slangsmith:embed-height") {
var f = document.querySelector('iframe[src*="slangsmith.ai/embed/translator"]');
if (f) f.style.height = e.data.height + "px";
}
});
</script>Live preview
The widget posts its height to the parent window — the snippet above wires that up automatically.
Need a richer integration? Get in touch or visit the full app .
Embed a live thread.
Drop any Slangsmith thread into your post. Replace SHARE_ID with the ID from a thread URL like /s/abc123.
Thread snippet
<iframe
src="https://slangsmith.ai/embed/thread/SHARE_ID"
width="100%"
height="420"
style="border:0;border-radius:12px;max-width:560px"
loading="lazy"
title="Slangsmith thread"
></iframe>
<script>
window.addEventListener("message", function (e) {
if (e.data && e.data.type === "slangsmith:embed-height") {
var f = document.querySelector('iframe[src*="slangsmith.ai/embed/thread/"]');
if (f) f.style.height = e.data.height + "px";
}
});
</script>Embed your live climb badge.
A compact card showing your current rank, weekly delta, and 8-week trend. Replace HANDLE with your Slangsmith handle.
Climb badge snippet
<iframe
src="https://slangsmith.ai/embed/climb/HANDLE"
width="100%"
height="180"
style="border:0;border-radius:12px;max-width:560px"
loading="lazy"
title="Slangsmith climb"
></iframe>
<script>
window.addEventListener("message", function (e) {
if (e.data && e.data.type === "slangsmith:embed-height") {
var f = document.querySelector('iframe[src*="slangsmith.ai/embed/climb/"]');
if (f) f.style.height = e.data.height + "px";
}
});
</script>