> ## Documentation Index
> Fetch the complete documentation index at: https://docs.abbyy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Advanced Designer installieren und ausführen

> ABBYY Vantage Advanced Designer unter Windows herunterladen, installieren, sich anmelden, Verbindungen verwalten und aktualisieren — einschließlich der parallelen Ausführung mehrerer Versionen.

export const VantageRegion = ({children}) => {
  const STORAGE_KEY = "abbyy.vantage.region";
  const REGIONS = [{
    code: "eu",
    label: "Europe"
  }, {
    code: "us",
    label: "North America"
  }, {
    code: "au",
    label: "Australia / Asia-Pacific"
  }];
  const [region, setRegion] = useState("eu");
  const [open, setOpen] = useState(false);
  const containerRef = useRef(null);
  const dropdownRef = useRef(null);
  function safeGetSavedRegion() {
    try {
      const saved = typeof window !== "undefined" ? window.localStorage.getItem(STORAGE_KEY) : null;
      const valid = new Set(REGIONS.map(r => r.code));
      return saved && valid.has(saved) ? saved : "eu";
    } catch {
      return "eu";
    }
  }
  function safeSetSavedRegion(code) {
    try {
      if (typeof window !== "undefined") {
        window.localStorage.setItem(STORAGE_KEY, code);
      }
    } catch {}
  }
  function dispatchRegionChanged(code) {
    try {
      if (typeof window !== "undefined") {
        window.dispatchEvent(new CustomEvent("abbyy:region-changed", {
          detail: {
            code
          }
        }));
      }
    } catch {}
  }
  function replaceRegionInString(text, currentRegion) {
    if (typeof text !== "string") return text;
    const hostRegex = /https:\/\/vantage-(eu|us|au)\.abbyy\.com/gi;
    const tokenRegex = /https:\/\/vantage-\[region\]\.abbyy\.com/gi;
    const bareHostRegex = /vantage-(eu|us|au)\.abbyy\.com/gi;
    const bareTokenRegex = /vantage-\[region\]\.abbyy\.com/gi;
    return text.replace(hostRegex, `https://vantage-${currentRegion}.abbyy.com`).replace(tokenRegex, `https://vantage-${currentRegion}.abbyy.com`).replace(bareHostRegex, `vantage-${currentRegion}.abbyy.com`).replace(bareTokenRegex, `vantage-${currentRegion}.abbyy.com`);
  }
  useEffect(() => {
    setRegion(safeGetSavedRegion());
  }, []);
  useEffect(() => {
    const root = containerRef.current;
    if (!root) return;
    const anchors = root.querySelectorAll("a[href]");
    anchors.forEach(a => {
      const href = a.getAttribute("href");
      if (href) {
        const next = replaceRegionInString(href, region);
        if (next !== href) {
          a.setAttribute("href", next);
        }
      }
    });
    const walker = typeof document !== "undefined" ? document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null) : null;
    if (walker) {
      const toUpdate = [];
      let node = walker.nextNode();
      while (node) {
        const updated = replaceRegionInString(node.nodeValue, region);
        if (updated !== node.nodeValue) {
          toUpdate.push([node, updated]);
        }
        node = walker.nextNode();
      }
      toUpdate.forEach(([textNode, value]) => {
        textNode.nodeValue = value;
      });
    }
  }, [region, children]);
  useEffect(() => {
    const root = containerRef.current;
    if (!root) return;
    const anchors = root.querySelectorAll("a[href]");
    anchors.forEach(a => {
      a.style.fontWeight = "600";
      a.style.textDecoration = "underline";
      a.style.textUnderlineOffset = "2px";
    });
  }, [region, children]);
  useEffect(() => {
    const onRegionChanged = evt => {
      const code = evt && evt.detail && evt.detail.code;
      if (!code || code === region) return;
      setRegion(code);
    };
    if (typeof window !== "undefined") {
      window.addEventListener("abbyy:region-changed", onRegionChanged);
    }
    return () => {
      if (typeof window !== "undefined") {
        window.removeEventListener("abbyy:region-changed", onRegionChanged);
      }
    };
  }, [region]);
  useEffect(() => {
    const onClickAway = e => {
      if (!dropdownRef.current) return;
      if (!dropdownRef.current.contains(e.target)) {
        setOpen(false);
      }
    };
    document.addEventListener("click", onClickAway, true);
    return () => document.removeEventListener("click", onClickAway, true);
  }, []);
  const onSelect = code => {
    setRegion(code);
    safeSetSavedRegion(code);
    dispatchRegionChanged(code);
    setOpen(false);
  };
  const current = REGIONS.find(r => r.code === region) || REGIONS[0];
  return <div className="not-prose">
      <div className="mb-4 inline-flex items-center gap-2" ref={dropdownRef}>
        <span className="text-sm text-zinc-950/80 dark:text-white/80">Tenant Region:</span>
        <div className="relative">
          <button type="button" aria-haspopup="listbox" aria-expanded={open ? "true" : "false"} onClick={() => setOpen(v => !v)} className="h-8 px-3 rounded-md bg-zinc-900/5 dark:bg-white/5 border border-zinc-950/20 dark:border-white/20 text-sm inline-flex items-center gap-2">
            <span className="text-zinc-950 dark:text-white">{current.label}</span>
            <svg width="8" height="24" viewBox="0 -9 3 24" className="transition-transform text-gray-400 overflow-visible dark:text-gray-600 ml-auto" style={{
    transform: open ? "rotate(270deg)" : "rotate(90deg)"
  }}>
              <path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"></path>
            </svg>
          </button>
          {open ? <div role="listbox" className="absolute z-50 left-full top-0 ml-2 w-56 rounded-xl border border-zinc-950/20 dark:border-white/20 bg-white dark:bg-zinc-900 shadow-lg p-2">
              {REGIONS.map(r => {
    const selected = r.code === region;
    return <button key={r.code} type="button" role="option" aria-selected={selected ? "true" : "false"} onClick={() => onSelect(r.code)} className={"w-full flex items-center justify-between px-3 py-2 rounded-lg text-sm hover:bg-zinc-950/5 dark:hover:bg-white/10 text-zinc-950 dark:text-white" + (selected ? " font-medium" : "")}>
                    <span style={selected ? {
      color: "#ff2038"
    } : undefined}>{r.label}</span>
                    <span className={selected ? "ml-3" : "ml-3 invisible"} style={selected ? {
      color: "#ff2038"
    } : undefined}>✓</span>
                  </button>;
  })}
            </div> : null}
        </div>
      </div>
      <div ref={containerRef} className="prose dark:prose-invert max-w-none">{children}</div>
    </div>;
};

Installieren Sie Advanced Designer auf einem Windows-Computer und verbinden Sie ihn anschließend mit Ihrem ABBYY Vantage-Mandanten. Jeder Benutzer kann Advanced Designer installieren; einige [zusätzliche Installationsoptionen](/de/vantage/documentation/advanced-designer/additional-install) erfordern Administratorberechtigungen. Informationen zu den Hardware- und Betriebssystemanforderungen finden Sie unter [Systemanforderungen](/de/vantage/documentation/advanced-designer/system-reqs).

<div id="install-advanced-designer">
  ## Advanced Designer installieren
</div>

<Steps>
  <Step title="Installationsprogramm herunterladen">
    <VantageRegion>
      Laden Sie die neueste Version von Advanced Designer von [der Vantage-Downloadseite](https://vantage-us.abbyy.com/ad/latest) herunter. Dort finden Sie auch die Versionsnummer, die Build-Nummer und das Veröffentlichungsdatum.
    </VantageRegion>
  </Step>

  <Step title="Installationsprogramm ausführen">
    Öffnen Sie die heruntergeladene Datei und folgen Sie den Anweisungen, um die Installation abzuschließen.
  </Step>

  <Step title="Anmelden">
    Öffnen Sie Advanced Designer und melden Sie sich mit denselben Anmeldedaten wie für ABBYY Vantage an.
  </Step>
</Steps>

<div id="manage-connections">
  ## Verbindungen verwalten
</div>

| Aufgabe                                   | Vorgehensweise                                                                                                                                                         |
| :---------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Mit einer neuen Vantage-Instanz verbinden | Wählen Sie im Menü **Benutzerprofil anzeigen** die Option **Neue Verbindung** aus und geben Sie dann im Anmeldedialog die URL, den Benutzernamen und das Kennwort ein. |
| Zwischen aktiven Verbindungen wechseln    | Wählen Sie im Menü **Benutzerprofil anzeigen** die URL aus.                                                                                                            |
| Aktive Verbindungen schließen             | Wählen Sie **Abmelden** aus.                                                                                                                                           |

<Note>
  Wenn Sie versuchen, eine Verbindung zu einer Vantage-Instanz mit einer inkompatiblen Advanced Designer-Version herzustellen, blendet Advanced Designer einen Link ein, über den Sie eine kompatible Version installieren können.
</Note>

<div id="language-settings">
  ## Spracheinstellungen
</div>

Um die Sprache der Benutzeroberfläche zu ändern, wählen Sie **Sprache der Benutzeroberfläche** im Menü **Benutzerprofil anzeigen**. Starten Sie Advanced Designer neu, damit die Änderung wirksam wird.

**Unterstützte Sprachen:** Englisch, Deutsch, Französisch, Spanisch, Japanisch, Koreanisch, Chinesisch (vereinfacht).

<div id="update-advanced-designer">
  ## Advanced Designer aktualisieren
</div>

Advanced Designer sucht bei jedem Start nach Updates. Wenn eine neuere Version verfügbar ist, wird eine Benachrichtigung mit einem Link zur Download-Seite angezeigt. Aktualisieren Sie nach dem Update der Anwendung [vorhandene Skills auf die neuere Technology Core-Version](/de/vantage/documentation/advanced-designer/upgrading-to-new-version), um auf Funktionen zugreifen zu können, die in späteren Releases hinzugefügt wurden.

<Warning>
  Auf einem Rechner kann standardmäßig nur eine Version von Advanced Designer installiert sein. Bei der Installation einer neueren Version wird die vorhandene Version deinstalliert, auch wenn Sie ein anderes Installationsverzeichnis auswählen.
</Warning>

<div id="run-two-versions-side-by-side">
  ### Zwei Versionen parallel ausführen
</div>

So können Sie eine ältere Version (z. B. 2.7) parallel zu einer neueren Version (z. B. 3.0) installiert lassen:

<Steps>
  <Step title="Den vorhandenen Installationsordner umbenennen">
    Bevor Sie die neue Version installieren, wechseln Sie zum vorhandenen Installationsordner — standardmäßig `C:\Users\<UserName>\AppData\Local\Programs\ABBYY\Vantage\AdvancedDesigner` — und benennen Sie `AdvancedDesigner` so um, dass die Versionsnummer enthalten ist (z. B. `AdvancedDesigner_2_7`).
  </Step>

  <Step title="Die neue Version installieren">
    Führen Sie das neue Installationsprogramm aus. Da der ursprüngliche Ordner umbenannt wurde, erstellt das Installationsprogramm einen neuen `AdvancedDesigner`-Ordner, anstatt die ältere Installation zu überschreiben.
  </Step>

  <Step title="Eine Verknüpfung für die ältere Version erstellen">
    Erstellen Sie eine Windows-Verknüpfung, die auf die ausführbare Datei im umbenannten Ordner der älteren Version verweist, damit Sie je nach Bedarf eine der beiden Versionen starten können.
  </Step>
</Steps>

<div id="related-topics">
  ## Verwandte Themen
</div>

* [Systemanforderungen für Advanced Designer](/de/vantage/documentation/advanced-designer/system-reqs)
* [Installationsoptionen für Advanced Designer](/de/vantage/documentation/advanced-designer/additional-install)
* [Skill Technology Core in Advanced Designer aktualisieren](/de/vantage/documentation/advanced-designer/upgrading-to-new-version)
* [Erste Schritte mit Advanced Designer](/de/vantage/documentation/advanced-designer/getting-started)