Cache Page Creation Helper
Build and preview the HTML for your geocache page, then copy it in.
Build your geocache page below. Use the formatting buttons and the generators to add styled blocks, then copy the finished HTML.
On geocaching.com, open your cache description and switch the editor to HTML / source view (the <> or "HTML" button), then paste this code in. Geocaching.com keeps standard formatting and inline styles but removes scripts, so everything here is safe to use.
Insert formatting
Select text in the editor first to wrap it, or click to insert a sample you can edit.
Geocaching.com always renders the description at 670 px wide, the same on phones, tablets and desktops. Zoom out to see the whole width on a small screen. Links are inactive here.
Block generators
Set the options, see the preview, then add the block to your page.
Styled color box
Image (size, center, caption, link)
Button-style link
Table or two columns
What works on geocaching.com (and what does not)
Geocaching.com runs your description through a filter before it goes live, so some things are removed for safety.
These work:
- Text formatting: b, i, u, strong, em, s, sub, sup, font, span
- Structure: p, br, hr, center, h1 to h6, div, blockquote, ul, ol, li, pre
- Links and images: a and img (the image must already be hosted online)
- Tables: table, tr, td, th, thead, tbody
- Inline style="..." on most tags for colors, sizes, alignment and spacing
These are stripped or do not work:
- script, iframe, form and other interactive tags, so no JavaScript and no click-to-reveal spoilers
- Event handlers like onclick, and javascript: links
- Background music or video that relies on plugins
The preview above already removes the unsupported parts, so what you see is close to the final result. Always check your live listing once after publishing.
New to HTML? Start here
HTML tags come in pairs: an opening tag and a closing tag with a slash. The tag tells the page how to treat the text between them. For a paragraph it looks like <p>your text</p>.
- Always add the closing tag (the one with the /) after your text, or the rest of the page can misbehave.
- Keep your quotation marks closed. An open quote confuses the page.
- Images need a full web address (URL). You can upload an image while creating the cache, then click it to copy its URL from the address bar.
Use the formatting buttons and generators above to get the tags right automatically, then tweak the text.
Hopefully this helps you build a great looking cache page. Feel free to message me with questions. Good luck!