Embed the Nail Shape Finder on Your Site

Quick embed (copy + paste)

<!-- Nail Shape Finder by NailCodex -->
<iframe
  src="https://nailcodex.com/embed/shape-finder/"
  width="100%" height="520" frameborder="0"
  sandbox="allow-scripts allow-forms allow-same-origin"
  loading="lazy"
  title="Nail Shape Finder"></iframe>
<p style="font-size:12px;color:#888">Source:
  <a href="https://nailcodex.com/shape-finder/"
     rel="nofollow">NailCodex</a></p>

That's it. The quiz works inside the iframe — 4 questions, instant verdict with reasoning and a link to design galleries.

WordPress users

If your editor doesn't allow raw HTML, use the "Custom HTML" block and paste the code above. On classic editors, switch to "Text" mode first.

What your readers get

• 4-question quiz (finger length, nail bed width, daily wear, style vibe)
• Instant verdict with personalised reasoning
• Runner-up suggestion
• Links to 7 shape galleries + 21 shape comparisons on NailCodex

Responsive sizing

The quiz is responsive by default. On mobile it fills the container width. To constrain width, wrap in a div:

<div style="max-width:500px;margin:0 auto">
  <iframe src="https://nailcodex.com/embed/shape-finder/"
    width="100%" height="520" frameborder="0"
    sandbox="allow-scripts allow-forms allow-same-origin"
    loading="lazy"></iframe>
</div>

Questions?

Contact us at [email protected]. We're happy to help with integration.