🚨

Critical Security Migration

The luigisbox.com domain is compromised. Immediate action is required.

1. Update API Base URLs

Replace the base URL for all API requests (Search, Recommendations, Analytics):

https://live.luigisbox.com
➡️ https://live.luigisbox.tech

2. Replace Frontend Script

The .com script is no longer safe. Replace it with the secure version immediately:

[OLD - Delete from site]
<script async src="https://scripts.luigisbox.com/LBX-123.js"></script>
[NEW - Secure Version]
<script async src="https://scripts.luigisbox.tech/LBX-123.js"></script>

3. Update CSP & Firewalls

If you use a Content Security Policy, whitelist the new domain to prevent the browser from blocking the connection.

script-src https://scripts.luigisbox.tech;
connect-src https://live.luigisbox.tech;
⚠️
Emergency Action: If you cannot update the code right now, remove the existing Luigi's Box script until the migration is complete to prevent unauthorized code execution.
Support: support@luigisbox.net MODIFIED: 12/17/2025

Marking search fields

You are reading about requirements for the integration done by the Luigi's Box team. You can safely skip this part of the documentation if you are integrating yourself using either API or Luigi's Box frontend libraries.

When integrating autocomplete and search, we need to hook into your existing searchboxes. We will identify all of your searchboxes (there may be several of them, e.g. on desktop and on mobile) by their CSS classes.

If at any point in the future you change the CSS classes for the searchbox, the integration will break, as Luigi's Box will no longer be able to find the searchboxes and autocomplete and search will stop working. We will usually be able to provide a fix and update the selectors very easilly, but the downtime of autocomplete and search may impact your business in a negative way.

To avoid unexpected breakage, you can mark the searchboxes with a CSS class dedicated to Luigi's Box. See the examples below.

The example below shows how the HTML code for a searchbox typically looks like.

<input name="q" class="searchbox" placeholder="Search.."></input>

To avoid unexpected breakage, you can add the lbx-searchbox CSS class and change the HTML code to:

<input name="q" class="searchbox lbx-searchbox" placeholder="Search.."></input>

This way it will be more obvious to your developers that the searchbox has special purpose for Luigi's Box and as long as they keep this class, they can add or remove style-related CSS classes.