# How to add Frog maps, calculators and news feeds to a website

Choose a supported widget, preserve its source credit and test the complete embed code in your page builder.

By Patrick Karsh · Lounge Frog
Published: 2026-11-15T21:36:29.315987Z
Updated: 2026-11-15T21:36:45.29866Z
Canonical: https://www.loungefrog.com/news/how-to-use-frog-embeds-maps-calculators-news

Cite citation_url. Preserve source links, dates and qualifications. date_modified is an edit date, not proof that every claim was rechecked. Third-party images and quoted material retain their own rights. Resolve relative links against https://www.loungefrog.com/news/how-to-use-frog-embeds-maps-calculators-news.

*Product documentation from the Frog network. This guide explains installation and limitations; it is not an independent review of our tools.*

You can place supported Frog maps, calculators, cards and news feeds inside a website using the code supplied by the relevant catalog. The practical requirement is a page editor that allows embedded frames. Some website plans also restrict custom scripts, so preview a working example before choosing a widget for a page.

The [Lounge Frog setup guide](https://www.loungefrog.com/embeds/how-to) explains the shared appearance choices and installation steps. Individual catalogs differ in their available content and account prompts. Follow the instructions for the item you select rather than assuming every Frog page can be embedded.

## Choose the content and appearance

The [Lounge Frog catalog](https://www.loungefrog.com/embeds) covers lounge information, maps and other supported tools. [Cruises Frog](https://cruisesfrog.com/embeds) offers ship cards, port and activity guides, a fleet map, news and a drinks calculator. Its full and compact ship cards serve different amounts of detail.

[Points Frog](https://www.pointsfrog.com/embeds) lists points-value and money calculators. [Seats Frog](https://www.seatsfrog.com/embeds) focuses on airline seat maps. Open the source page first to check that its scope matches the question your own page needs to answer.

Appearance choices are Light, Dark and Auto. Auto follows the reader’s device preference; it does not inspect your website’s colors. Check the preview against the surrounding page. If you later change the appearance, copy the updated code and replace the old snippet.

Account prompts can vary. Lounge Frog’s setup guide says code is available without signing in, with optional registration for view tracking. Other catalog instructions may ask you to sign in. Follow the selected popup, and do not assume that a login on the source site will be needed by your readers.

## Copy the complete snippet

Use the supported item’s Embed button or catalog entry. The supplied code contains a frame, a credit link and a small script that helps set the frame’s height. Keep the complete snippet and the visible source credit.

Use an HTML or embed feature in your page builder, rather than pasting code into a normal text paragraph. The setup guide names these common options:

| Builder | Place to paste |
| --- | --- |
| WordPress | Custom HTML block |
| Squarespace | Code block set to HTML |
| Webflow | Code Embed element |
| Ghost | HTML card |

Wix provides Embed Code and Embed HTML; Blogger provides an HTML editing view. Availability still depends on your plan and permissions. If your platform removes a script, check its restrictions before changing the supplied code.

## Test the published page

A successful editor preview does not prove the saved page works. Open the published page on a phone and a desktop. Check the frame’s width, visible controls, source link and any scrolling. Test an interaction rather than relying only on a still preview.

If code appears as text, use the builder’s HTML feature. If a frame is blank, confirm that frames are allowed and open the catalog’s own preview. If content is clipped, enlarge the builder’s embed container. With several embeds on a page, Lounge Frog’s guide says the resizing script is needed only once.

Ordinary email messages generally cannot run interactive frames. Link to a web page containing the tool instead.

## Keep the source and limitations visible

Embedded content loads from its source site, so a later source update can change what readers see. Explain the relevant date, assumptions and coverage in your surrounding text. A calculator result is not a promise, and a seat map is not a guarantee that a particular aircraft will operate a flight.

Keep the credit inside the widget and the link beneath it. These identify the source; they do not promise search-engine ranking benefits. View counts, where offered, should not be represented as independently audited audience measurements. If the tool no longer supports your page’s explanation, revise the explanation or choose another item.

*Photo: Apple laptop, January 2012; illustrative file image, not a Frog interface screenshot. gunthercox / Wikimedia Commons, [CC0 1.0](https://creativecommons.org/publicdomain/zero/1.0/). Cropped and badged.*