🔧 Embed the Coverage Calculator

Add this powerful coverage calculator to your website in seconds!

Simply copy one of the embed codes below and paste it into your HTML. No dependencies, no API keys, no configuration needed.

☕ Buy Me a Coffee 📖 Read Documentation

📏 Choose Your Size

Select the embed option that best fits your website layout:

Standard Version 100%×800px Recommended

Best all-around option. Full-width responsive design with all features.

Responsive full-width design
All 6 tabs: Visualizer, Try-On, Compare, Body Guide, Styles, Stretching
1:1 scale display with calibration
Optimized for most websites

<iframe
  src="https://poliinternational.com/wp-content/standalone-tools/coverage-calculator/index.html"
  width="100%"
  height="800"
  frameborder="0"
  style="border: 1px solid #ddd; border-radius: 8px;"
  title="Coverage Calculator by Poli International">
</iframe>

📱 Live Preview:

Large Version 100%×1000px

Maximum visibility. Includes all features with extra breathing room for larger displays.

Maximum vertical space (1000px)
Full-width responsive
All features visible without scrolling
Ideal for dedicated tool pages

<iframe
  src="https://poliinternational.com/wp-content/standalone-tools/coverage-calculator/index.html"
  width="100%"
  height="1000"
  frameborder="0"
  style="border: 1px solid #ddd; border-radius: 8px;"
  title="Coverage Calculator by Poli International">
</iframe>

Compact Version 100%×600px

Space-saving option. May require scrolling for some features.

Minimal height (600px)
Full-width responsive
All functionality included
Best for space-constrained layouts

<iframe
  src="https://poliinternational.com/wp-content/standalone-tools/coverage-calculator/index.html"
  width="100%"
  height="600"
  frameborder="0"
  style="border: 1px solid #ddd; border-radius: 8px;"
  title="Coverage Calculator by Poli International">
</iframe>

⚙️ Customization Options

You can customize the iframe styling by modifying the style attribute:

      <!-- Example: Custom border and shadow -->
<iframe
  src="https://poliinternational.com/wp-content/standalone-tools/coverage-calculator/index.html"
  width="100%"
  height="800"
  frameborder="0"
  style="border: 2px solid #B76E79; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);"
  title="Coverage Calculator by Poli International">
</iframe>
    

📋 Implementation Notes

Important: This tool works best when users calibrate their screen for accurate 1:1 scale display. The calibration prompt will appear automatically on first use.

✅ Features Included

Interactive Visualizer: See jewelry at true 1:1 scale
Virtual Try-On: Use your camera to preview jewelry
Size Comparison: Compare multiple sizes side-by-side
Body Placement Guide: Recommended jewelry for each piercing
Style Selector: Browse jewelry by type and material
Stretching Guide: Safe ear stretching timeline and advice
Responsive Design: Adapts to container width automatically
Mobile-Friendly: Touch-optimized for mobile devices

🔒 Security & Privacy

No external API calls or tracking
No cookies or data collection
Camera access only for Virtual Try-On (user permission required)
Works on HTTP and HTTPS
No cross-origin security issues

🌐 Browser Support

Chrome 90+ (and all Chromium-based browsers)
Firefox 88+
Safari 14+
Edge 90+
iOS Safari 14+
Android Chrome 90+

🛠️ Technical Specifications

The jewelry size visualizer includes:

Comprehensive jewelry database (rings, barbells, labrets, etc.)
Gauge sizes from 22G to 00G
Diameter/length options from 6mm to 16mm+
1:1 scale rendering with screen calibration
Camera-based virtual try-on functionality
Side-by-side comparison for up to 3 items

💼 License & Attribution

This tool is provided by Poli International, a leading manufacturer of professional body piercing jewelry for over 25 years.

The embed includes a subtle "Powered by Poli International" footer with a link back to the Poli website. This attribution must remain intact.

🆘 Support

If you encounter any issues or have questions about embedding this tool:

Documentation: View Full Documentation
Website: poliinternational.com
Support Us: Buy Me a Coffee
More Tools: Browse All Professional Tools