A LITTLE PERSPECTIVE

How to Use the Height Comparison Embed Builder

Follow this visual guide on mobile or desktop. Open the tool in another tab so you can keep these instructions beside it.

Open Height Comparison Embed Builder ↗

Follow the numbered highlights below. On a phone, tap a step to zoom straight to that control, then swipe the enlarged screenshot to explore. These are screenshots; use the live tool to enter values.

Step by step

  1. Choose a tool and its defaultsChoose the difference calculator, converter, twin finder or family chart. Set starting names, heights, units and an accent colour.
  2. Generate current codeSelect Generate embed code after every change. Review the WordPress shortcode and website HTML output. Open live preview to check the defaults.
  3. Use a WordPress shortcode with our pluginIf HeightCompare Tools is installed and active on that blog, add a Shortcode block and paste the first code. Shortcodes without the plugin will appear as text.
  4. Use HTML on another websiteFor a blog without the plugin, copy the iframe HTML into a Custom HTML block. Some hosts or WordPress roles remove iframe code; check the preview and ask that site administrator if it is stripped.
  5. Check mobile and publishPreview the blog on desktop and phone width, including scrolling and downloads. In restricted previews visitors may need Open full tool to download. The generated embeds cover these four calculators; local uploaded photos are not included.

Using it on your phone

The inputs appear above the results. Scroll down after calculating. Tap the screenshot to enlarge it, scroll within the enlarged view and use Close screenshot to return. Opening a How to use guide from a tool keeps that tool in its original tab.

Before you share

Check names, units and measurements. The calculators use illustrative silhouettes. These five utilities do not upload or crop personal photos; use the photo studio or couple comparison for photo tools. Names and heights are included when you share a comparison link.

Try Height Comparison Embed Builder → · Explore all HeightCompare tools