<p class="LexT__paragraph" dir="ltr"><span style="white-space: pre-wrap;">The old I-Frame-based widgets will be deactivated at the end of April.</span></p><p class="LexT__paragraph" dir="ltr"><a href="https://app.bottimmo.com/settings/features?settings-open=widgets" target="" class="LexT__link"><span style="white-space: pre-wrap;">Please switch to the new widgets</span></a><span style="white-space: pre-wrap;"> now.</span></p><p class="LexT__paragraph"><br></p><p class="LexT__paragraph" dir="ltr"><span style="white-space: pre-wrap;">🏎️ The switch can be done with a single click.</span></p><p class="LexT__paragraph" dir="ltr"><span style="white-space: pre-wrap;">🏁 There is no need to change the integration code on your website.</span></p>

The old I-Frame-based widgets will be deactivated at the end of April. Please switch to the new widgets now. 🏎️ The switch can be done with a single click. 🏁 There is no need to change the integration code on your website.

Switch to the new widgets

<script type="text/javascript">
  var _iub = _iub || [];
  _iub.csConfiguration = { "askConsentAtCookiePolicyUpdate": true, "countryDetection": true, "enableFadp": true, "floatingPreferencesButtonCaptionColor": "#102B21", "floatingPreferencesButtonColor": "#FFFFFF", "floatingPreferencesButtonDisplay": "bottom-right", "lang": "de", "perPurposeConsent": true, "promptToAcceptOnBlockedElements": true, "siteId": 3286936, "storage": { "useSiteId": true }, "cookiePolicyId": 85036809, "banner": { "acceptButtonColor": "#33C4BD", "acceptButtonDisplay": true, "backgroundColor": "#FFFFFF", "backgroundOverlay": true, "closeButtonDisplay": false, "customizeButtonCaptionColor": "#2D2D2D", "customizeButtonColor": "#D5D5D5", "customizeButtonDisplay": true, "explicitWithdrawal": true, "listPurposes": true, "linksColor": "#33C4BD", "position": "float-top-center", "rejectButtonColor": "#33C4BD", "rejectButtonDisplay": true, "textColor": "#333333" } };
</script>
<script type="text/javascript" src="https://cs.iubenda.com/autoblocking/3286936.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>


<script>
  /* ======================================================================
  Print functionality  
  ----------------------------------------------------------------------
  Just place a link anywhere in an article like that: <a href="#print">🖨️ Drucken</a>
  ====================================================================== */

  // Funktion, um allen passenden Links den Event Listener hinzuzufügen
  function attachPrintListeners() {
    document.querySelectorAll('a[href="#print"]').forEach(function (link) {
      if (!link.dataset.printBound) {
        link.addEventListener("click", function (e) {
          e.preventDefault();

          const baseUrl = window.location.origin + window.location.pathname;
          const queryParams = "?nonav=1&embed=1";
          const hash = "#print";

          const printUrl = baseUrl + queryParams + hash;
          window.open(printUrl);
        });

        // Markiere den Link als verarbeitet
        link.dataset.printBound = "true";
      }
    });
  }

  // Direkt nach DOM load aufrufen
  document.addEventListener("DOMContentLoaded", attachPrintListeners);

  // Hook in pushState / replaceState
  const originalPushState = history.pushState;
  const originalReplaceState = history.replaceState;

  history.pushState = function () {
    originalPushState.apply(this, arguments);
    setTimeout(attachPrintListeners, 0);
  };

  history.replaceState = function () {
    originalReplaceState.apply(this, arguments);
    setTimeout(attachPrintListeners, 0);
  };

  // Auch bei Vor-/Zurück-Buttons
  window.addEventListener("popstate", function () {
    setTimeout(attachPrintListeners, 0);
  });

  // Ruft automatisch den Druck-Dialog auf, wenn die URL den Hash #print hat.
  window.addEventListener("load", function () {
    if (window.location.hash === "#print") {
      window.print();

      // Optional: Schließe das Tab automatisch nach dem Drucken
      window.onafterprint = function () {
        window.close();
      };
    }
  });

  /* ======================================================================
  Global App‑Deeplink‑Router
  ----------------------------------------------------------------------
  Autoren verlinken so:
  href="/app-deeplink/<pfad?query#hash>"

  Das Skript …
  1) ersetzt diese Platzhalter‑Links global durch
      /<lang>/article/app-deeplink?nonav=1#to=<URL‑encoded‑pfad>
  → öffnet sie im **neuen Tab**.
  2) läuft im Deeplink‑Artikel selbst, dekodiert #to=…, ersetzt
  #app-deeplink‑Platzhalter → App öffnet **im selben Tab**.
  3) funktioniert in jeder Sprachversion (beliebiges Prefix),
  History‑ und Mutation‑safe (SPA‑Support).
  ====================================================================== */
  (function () {
    /* ---------------- Sprache dynamisch aus erstem Pfadsegment --------- */
    const LANG = (location.pathname.match(/^\/(\w{2})\//) || [, "de"])[1];
    const HELP_ARTICLE_BASE = `/${LANG}/article/app-deeplink?nonav=1`;

    /* ---------------- Konstanten --------------------------------------- */
    const PLACEHOLDER_PREFIX = "app-deeplink"; // Autoren‑Prefix
    const HASH_PARAM_PREFIX = "#to=";                  // Übergabe im Deeplink‑Artikel
    const LINK_HASH_TOKEN = "#app-deeplink";         // Platzhalter in App‑URLs

    /* ---------- 1) Platzhalter‑Links → Deeplink‑Artikel ---------------- */
    function convertAppLinks(root = document) {
      root.querySelectorAll("a[href]").forEach(a => {
        if (a.dataset.dlDone) return;

        const href = a.getAttribute("href") || "";
        const match = href.match(new RegExp(`^/?${PLACEHOLDER_PREFIX}(/.*)?`, 'i'));
        if (!match) return;

        const encodedPath = encodeURIComponent(match[1] || "/");
        a.href = `${HELP_ARTICLE_BASE}${HASH_PARAM_PREFIX}${encodedPath}`;
        a.target = "_blank";                     // Deeplink‑Artikel -> neuer Tab
        a.dataset.dlDone = "true";
      });
    }

    /* ---------- 2) Deeplink‑Artikel selbst patchen --------------------- */
    function patchDeeplinkArticle() {
      if (!location.pathname.includes("/article/app-deeplink")) return;

      const hashData = location.hash.startsWith(HASH_PARAM_PREFIX)
        ? location.hash.slice(HASH_PARAM_PREFIX.length)
        : null;
      if (!hashData) return;

      const decoded = decodeURIComponent(hashData);
      const path = decoded.startsWith("/") ? decoded : "/" + decoded;

      document.querySelectorAll(`a[href*="${LINK_HASH_TOKEN}"]`).forEach(a => {
        if (a.dataset.dlPatched) return;

        const base = a.href.split(LINK_HASH_TOKEN)[0].replace(/\/$/, "");
        a.href = base + path;              // finaler Deeplink, gleicher Tab
        a.removeAttribute("target");
        a.dataset.dlPatched = "true";
      });
    }

    /* ---------- 3) Initialisierung & SPA‑Support ----------------------- */
    function init(ctx) {
      convertAppLinks(ctx);
      patchDeeplinkArticle();
    }

    document.addEventListener("DOMContentLoaded", () => init(document));

    /* MutationObserver: dynamischer Content */
    new MutationObserver(muts => {
      muts.forEach(m => m.addedNodes.forEach(n =>
        n.nodeType === 1 && init(n)
      ));
    }).observe(document.documentElement, { childList: true, subtree: true });

    /* History‑API‑Hooks für SPAs */
    ["pushState", "replaceState"].forEach(fn => {
      const orig = history[fn];
      history[fn] = function () {
        const res = orig.apply(this, arguments);
        init(document);
        return res;
      };
    });
    window.addEventListener("popstate", () => init(document));
  })();
</script>

Was this article helpful?

You recently requested to reset your password for your account. Use the button below to reset it. This password reset is only valid for the next 24 hours.

If you’re having trouble with the button above, copy and paste the URL below into your web browser.