Add WeekAtSea to your website

One line of HTML gives your visitors an AI charter assistant. It finds yachts with live prices and free weeks across Croatia, answers questions about boats, bases and sailing areas, and passes booking requests to our reservations team.

The chat bubble in the bottom-right corner of this page is the real thing, exactly what your visitors will see. Try it.

Quick start
Where to paste the code
A full-page chat
Your own buttons
All options
Languages
Content Security Policy
Your privacy policy
Troubleshooting
Partner links & commission

Quick start

Ask us to enable your website. Email support@lomboos.com with every address your site opens under. https://www.example.com and https://example.com count as two different addresses, so send both if both work. The chat only answers on websites we've enabled.
Paste this line into your site's HTML, just before the closing </body> tag, on every page where the chat should appear:
```
<script src="https://weekatsea.com/widget.js" async></script>
```
Done. Reload your site: a chat bubble appears in the bottom-right corner.

No account, API key or client ID is needed. We recognise your website from the address the chat runs on, which is also how conversations from your site are attributed to you.

Keep the async attribute. It lets the chat load without slowing your page down, and the chat relies on it to work out which server it came from.

Where to paste the code

Most website builders have a place for code that runs on every page, usually called custom code, code injection or footer code. Paste the line there, in the footer / end-of-body slot:

Platform	Where
WordPress	A header-and-footer code plugin (paste into the footer section), or your theme's `footer.php` just before `</body>`.
Wix	Settings → Custom Code → Add Custom Code, placed in Body – end, on all pages.
Squarespace	Code Injection → Footer.
Webflow	Site settings → Custom code → Footer code, then publish.
Shopify	Online Store → Themes → Edit code → `theme.liquid`, just before `</body>`.
Your own HTML	Just before `</body>` in your page template.

Menu names change from time to time; if you can't find the spot, your platform's help pages will have it under "custom code".

A full-page chat

Want a dedicated "Find your yacht" page where the chat is the main content, like on weekatsea.com? Add an empty element where the chat should go, and point the script at it:

<div id="weekatsea-chat" style="height: 80vh; max-width: 1000px; margin: 0 auto;"></div>
<script src="https://weekatsea.com/widget.js"
        data-mode="page"
        data-target="#weekatsea-chat"
        data-title="Yacht charter assistant"
        async></script>

The element's size is the chat's size, so give it a height.
On phones the chat fills the whole screen, so use this mode only on a page meant for the chat, not on a regular content page.
Use either the bubble or the full-page chat on a page, not both.

Open the chat from your own buttons

Any button or link on your site can open the chat with a question already sent, for example a "Find me a catamaran" button next to a holiday article:

<button onclick="LomboosChat.ask('Catamaran for 8 people in July near Split')">
  Find me a catamaran
</button>

LomboosChat.ask(text) opens the chat and sends text as the visitor's message. It's available once the script has loaded, so call it from a click, not straight away on page load.

All options

Options are attributes on the script tag. None are required.

Attribute	Effect
`data-mode="page"`	Full-page chat instead of the bubble. Needs `data-target`.
`data-target="#id"`	CSS selector of the element the full-page chat goes into.
`data-title="…"`	Title in the chat header (full-page chat).
`data-ref="yourcode"`	Your partner code: every chat on your site counts as yours, across all your domains. See Partner links.
`data-consent="ask"`	Ask visitors who arrived through a partner link before remembering it. See Consent.

Languages

The chat speaks English, Croatian and German. It starts in the visitor's browser language, switches to whatever language the visitor writes in, and the visitor can change it from the header. There's nothing to configure.

Content Security Policy

Most sites don't have one, so skip this unless your developer set up a Content-Security-Policy header. If you have one, allow:

script-src  https://weekatsea.com;
connect-src https://weekatsea.com;
img-src     https://ws.nausys.com;
style-src   'unsafe-inline';

connect-src is for the chat's messages, img-src for boat photos, and style-src 'unsafe-inline' because the chat ships its own stylesheet. The chat runs in an isolated Shadow DOM, so your site's CSS can't break it and its CSS can't touch your site.

Your privacy policy

The chat is provided by Lomboos, so mention it in your own privacy policy. A sentence you can adapt:

Our website uses WeekAtSea, an AI yacht charter assistant provided by
Lomboos d.o.o. (Zagreb, Croatia). What you write in the chat, and the
technical data described in the WeekAtSea Privacy Policy, is processed by
Lomboos to answer you and, when you ask for it, to pass your booking
request to the reservations team: https://weekatsea.com/privacy

Good to know when you review your cookie notice:

On your site the chat sets no cookies and uses no advertising or analytics trackers.
It keeps a few technical items in the browser's local storage: random conversation and device IDs, the chosen language and the visitor's boat shortlist. That's what lets a conversation continue after a page reload.
If the visitor arrived through a partner link (?ref=), it also remembers that partner's code (lomboos-chat-ref) for 365 days, so the partner is credited if they book later. Unlike the items above, this isn't needed for the chat to work. See Consent.
When a page with the chat loads, it records a page view for usage statistics: page address, referring page, screen size, time zone, and approximate location derived from the IP address.
The chat is an AI assistant, and says so: a short notice under the message box tells every visitor, as EU law requires. Please don't hide it, and don't present the chat as a person on your site.

Full details: WeekAtSea Privacy Policy and Terms.

Remembering a partner link is the one thing the chat stores that isn't strictly necessary. If your site asks visitors before storing anything non-essential, pick one:

Let the chat ask. With data-consent="ask", a visitor who arrived through a partner link sees a short question above the message box. Visitors without a partner link see nothing.
```
<script src="https://weekatsea.com/widget.js" data-consent="ask" async></script>
```

Use your own cookie banner. Pass its answer to the chat:

// From your cookie banner, once the visitor has answered:
LomboosChat.setConsent(true);   // or false

// Or, if your banner answers before the chat script loads:
window.LomboosChatConsent = true;

Until the visitor says yes, the partner code still counts for the chats in that visit, and nothing is stored. Without either option, the chat remembers the code as described above. Your own data-ref code is never stored in the visitor's browser, so it needs no consent.

Troubleshooting

The chat bubble doesn't appear

Check that the script line is in the published page (view the page source and search for widget.js).
If your site has a Content Security Policy, see above.
Some website builders only run custom code on the published site, not in their editor preview. Check the live address.

The bubble appears, but the chat only shows an error

Your website's address isn't enabled yet, or only one variant of it is (with or without www). Email us the exact address shown in your browser's address bar.

We added the chat before, from chat.lomboos.com

It keeps working, and there's nothing you have to do. When you next edit your site, you can switch the address in the script line to https://weekatsea.com/widget.js.

Partner links: earn commission on bookings

Send people to WeekAtSea from a newsletter, a blog post, social media or your own website, and every booking they make is credited to you. All it takes is your partner code in the links you share.

Get your partner code. Email support@lomboos.com. We agree the code and your commission with you, for example sailmag.
Add ?ref=yourcode to every link you share:
```
https://weekatsea.com/?ref=sailmag
https://weekatsea.com/?ref=sailmag&utm_source=newsletter&utm_campaign=october
https://ig.me/m/weekatsea?ref=sailmag
```
The code works on any weekatsea.com page and in our Instagram chat. You can keep your own tracking parameters (such as utm_source) in the same link; WeekAtSea only reads ref.

That's it. A button in your newsletter can be as simple as:

<a href="https://weekatsea.com/?ref=sailmag">
  Find your charter yacht with WeekAtSea
</a>

On Instagram

Send your followers straight into a chat with @weekatsea. Use this link with your code:

https://ig.me/m/weekatsea?ref=yourcode

Where to share it: a link sticker in your stories, the link in your bio (or your link-in-bio page), a DM, or a newsletter people read on their phone.
Phones only. The link opens a chat in the Instagram app on iPhone and Android. Instagram doesn't support it on the web, so on a computer it won't open the chat; don't rely on it in desktop posts or emails read on a computer.
What your follower sees: a chat with @weekatsea, a few suggested questions to tap (like "Find me a catamaran for our group"), and Instagram's note that they opened the chat from a link. The first reply tells them it's an AI assistant, then it shows matching boats with photos and prices.
They need to send something: tap a question or type a message. That first message is what tells us they came from you; just opening the chat isn't enough.
Followers who chatted with us before are credited too: opening your link reopens their chat, and the same last-link-wins rule applies.

Running the chat on your own website?

Put your code on the script tag as well, and every chat on your site counts as yours, on every domain you run it on (example.com, example.de…), all under one code:

<script src="https://weekatsea.com/widget.js" data-ref="sailmag" async></script>

Without data-ref, chats on your site are still recorded, grouped by your domain. With it, all your domains add up to one partner, and you can share the same code in your links.

How a booking is credited

365 days	The visitor's browser remembers your code for a year after they click your link, so they don't have to book in the same visit, or even the same season. Where the chat asks for consent (as it does on weekatsea.com), that's for visitors who allow it; for the others your code counts for the visit, and the cross-device match below still applies.
Link beats site	On a site that runs the chat with `data-ref`, chats count for that site's owner, unless the visitor arrived through another partner's link, which takes precedence.
Last link wins	A guest can only be credited to one partner. If they later arrive through another partner's link, that partner gets the booking. Coming back directly, without any partner's code, doesn't take it away from you.
Across devices	Once the guest leaves an email or phone number in the chat, every conversation they have with us counts as one guest, whichever device they book from, and even if the booking comes months later.
Code format	Letters, numbers, `-` and `_` only (no dots or spaces), so the same code works on the web and on Instagram. Upper or lower case are the same code.

We see clicks, conversations, requests and bookings for your code, and share them with you together with your commission statement.

Questions?

Write to support@lomboos.com, and we'll help you set it up.