Widget builder

Configure the <lapland-accosearch> widget, preview it live, and copy the embed snippet.

Configuration

Leave blank to show all accommodations (no pre-filled travellers).
Or a specific range:to

Pick one or more months, or set a specific from/to date range (range takes precedence).

Slim = compact bar, Default = current, Wide = immersive.
Display currency. Prices are stored in EUR and converted using the rate below (multiplier). Amounts ≥ 5 are floored to whole units.
Multiplier applied to EUR prices. Ignored for EUR. Example: GBP rate 0.85, USD rate 1.08.

Embed code

<script src="https://lapland-accosearch.lovable.app/widget.js" defer></script>
<lapland-accosearch
  project-code="lt27"
  lang="nl"
></lapland-accosearch>
Include the <script> tag once per page, then drop the custom element anywhere in your HTML.

Live preview

Documentation

lang
Interface language. One of nl, fr,de, en, sv. Falls back to the page's <html lang> when omitted.
project-code
The Travelbase project identifier (e.g. lt27). Ask the Lapland Travel team if you're unsure.
pax
Number of travellers to preselect. Integer, defaults to 2when omitted. The widget snaps to the nearest valid value returned by the API.
accotype
Preselects an accommodation type. Single value, one of hotelroom, apartment, chalet. Leave empty for "any".
catering
Preselects one or more catering arrangements (multi-select). Comma-separated list of any of self_catering, breakfast, half_board, optional_meals. Example: catering="breakfast,half_board".
destination
Preselects a destination by slug: akaslompolo,levi, rovaniemi, luosto,saariselka, shortstay-lapland. Multiple slugs may be comma-separated (e.g. levi,rovaniemi).
months
Comma-separated list of months and/or ISO dates. Accepts:
  • YYYY-MM — a single month (e.g. 2026-12).
  • YYYY-MM,YYYY-MM — a list of specific months.
  • YYYY-MM-DD,YYYY-MM-DD — a date range; every month spanning the two dates is included (e.g. 2026-12-15,2027-01-15 selects December 2026 and January 2027).
  • Any mix is allowed; duplicates are ignored.
show-results
true (default) renders the full widget. Set to false to render only the hero and top search box (everything from "All trips include:" onwards is hidden). Useful for landing pages that link to a full-widget page.
results-url
Slim design only. URL of the full results ("pricing") page. The slim design never renders accommodations; submitting the search bar or clicking one of the four categories navigates to this URL with the search state in the #s= hash. Omit it to keep the bar on the page (useful for previewing).
design
Hero banner design. One of slim (compact bar, no subtitle), default, or wide (immersive, taller). Defaults to default.

Embedding

Include the script tag once per page. You can then place any number of <lapland-accosearch> elements with different attributes on the same page.