For hotels, villas and holiday rentals

Help guests find a swimming beach near Port de Pollença.

Guests asking which beach to visit? Show nearby options and the latest forecast on your website.

Free. No account. Keep the Beaches of Mallorca link. Paste into an HTML block.

The preview uses example data. Installed widgets show the latest available forecast.

What would you like to add?

Beach widgetA few recommendations near one place. Best for a sidebar or a property page.Beach explorerPhoto cards across Mallorca. Guests choose a coast and browse. Best in a wide page section.

Published by Philipp Beer. About & contact

Preview

Loading the example…

.wb-preview-status{display:none}JavaScript is needed to configure and preview the card. The beach guides remain available. Compare beaches

Beach conditions by Beaches of Mallorca

Preview width

280 px360 px

Example weather

Mild dayCold day

QR card for your guests

No website installation needed. Guests scan for beach forecasts and guides for the surrounding area.

Beaches of Mallorca

Which beach today?

Port de Pollença

Scan for beach forecasts and local guides.

beachesofmallorca.com/area/northA forecast, not a safety check. Judge the sea yourself and follow local flags; currents, water quality and lifeguard duty are not verified.

Copy to your website

Paste the code into an HTML block on your guest information page. Keep the link below the card.

See an installation demonstration ↗

Height

Fit height automaticallyIframe only

Recommended. A small script adjusts the height as guests browse. It sets no cookies or storage.

Copy to your website

<div data-bom-shell data-theme="light" style="width:100%;max-width:420px;">
<style>[data-bom-shell]{--bom-bg:#fff;--bom-ink:#1f1f1f;--bom-line:#d8d8d3}[data-bom-shell][data-theme=dark]{--bom-bg:#0f2433;--bom-ink:#f5f1e8;--bom-line:#385361}@media(prefers-color-scheme:dark){[data-bom-shell][data-theme=auto]{--bom-bg:#0f2433;--bom-ink:#f5f1e8;--bom-line:#385361}}[data-bom-shell]>[data-bom-credit]{box-sizing:border-box;margin:0;padding:12px 16px;border:1px solid var(--bom-line);border-top:0;background:var(--bom-bg);color:var(--bom-ink);font:400 12px/1.5 system-ui,sans-serif;text-align:left;overflow-wrap:anywhere}[data-bom-credit]>a{display:inline;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px}[data-bom-credit]>a:focus-visible{outline:2px solid currentColor;outline-offset:3px}</style>
<div class="bom-widget-list-en" style="max-width:420px;container-type:inline-size">
<style>.bom-widget-list-en iframe{height:960px}@container (min-width:300px){.bom-widget-list-en iframe{height:938px}}@container (min-width:340px){.bom-widget-list-en iframe{height:881px}}</style>
<iframe data-bom-widget src="https://beachesofmallorca.com/embed/v1/near?near=port-de-pollenca&amp;lang=en&amp;theme=light&amp;accent=1e5a78&amp;units=kmh" title="Beaches near Port de Pollença" width="100%" height="960" loading="lazy" referrerpolicy="no-referrer" sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox" style="border:0;display:block"></iframe>
</div>
<p data-bom-credit><a href="https://beachesofmallorca.com/area/north" target="_blank" rel="nofollow noopener noreferrer">Beach conditions by Beaches of Mallorca</a></p>
</div>
<script async referrerpolicy="no-referrer" src="https://beachesofmallorca.com/embed/resize.js?v=2"></script>

The card fits its content automatically, with the credit link directly underneath.

Remove the HTML block and credit link whenever you want. No account to cancel.

Need help installing? Contact Philipp

Privacy and cookie tools

The widget code uses no cookies, browser storage or visitor profiles. Cloudflare receives IP addresses and request details to deliver and protect it. Our server fetches forecast data. Include the widget in your privacy notice.

Registered partner links can count clicks to our website. We keep daily totals by business, format and destination, without visitor identifiers. Preview and QR links are excluded.

Automatic sizing loads our script on your page, creating another request to Cloudflare. It only adjusts the frame height and uses no cookies or browser storage.

Read the widget privacy details

If your consent tool blocks the widget, check its rules for beachesofmallorca.com/embed/v1/near and beachesofmallorca.com/embed/resize.js. Keep the visible guide link as a fallback. Confirm your privacy requirements before allowlisting.

Help guests find a swimming beach near Port de Pollença.

Preview

1Make it yours

QR card for your guests

Which beach today?

2Copy to your website

Make it yours

Copy to your website