--- title: "Gehostete Seiten" slug: "create-hosted-page-products" updated: 2025-12-11T09:16:04Z published: 2025-12-11T09:16:04Z canonical: "help.frisbii.com/create-hosted-page-products" --- > ## Documentation Index > Fetch the complete documentation index at: https://help.frisbii.com/llms.txt > Use this file to discover all available pages before exploring further. # Gehostete Seiten [Embedded content](https://www.youtube.com/embed/UfitZ0pORh8) --- ## Übersicht In diesem Leitfaden werden die verfügbaren Optionen für die Erstellung und Anpassung von gehosteten Seiten erläutert. - Das Nutzererlebnis der Kunden verbessern und das Branding, die Zahlungsmethoden und das Produktmanagement konfigurieren. - Einen Namen für die gehostete Seite wählen, - Kunden nach dem Kauf weiterleiten, - Akzentfarbe anpassen, - akzeptierte Zahlungsmethoden angeben, - und die auf der Seite angezeigten Produkte verwalten. Durch die Nutzung dieser Funktionen können Benutzer personalisierte und nahtlose gehostete Seiten erstellen, die mit ihrer Marke übereinstimmen und den Bestellvorgang optimieren. --- ## Gehostete Seiten erstellen > [!NOTE] > Hinweis > > Bevor Du gehostete Seiten erstellst, muss mindestens ein [**Produkt für gehostete Seiten**](/frisbii/docs/hosted-page-products) zuvor erstellt worden sein. 1. **Konfigurationen → Kunden-Self-Service → Gehostete Seiten** öffnen. ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image-XJW29LVX.png?sv=2026-02-06&spr=https&st=2026-10-26T16%3A57%3A22Z&se=2026-10-26T17%3A57%3A22Z&sr=c&sp=r&sig=d5gQg9j3rth6j6JcpJTE83%2BM51Xt%2BUka4QeKcxgNBtg%3D) 2. **+ Neu** anklicken, um eine neue gehostete Seite zu erstellen. 3. Einen Namen für die gehostete Seite definieren. Dieser Name wird zur Unterscheidung zwischen allen erstellten gehosteten Seiten verwendet, ist aber auch Teil der URL für die spezifische gehostete Seite. 4. Kunden **nach dem Kauf (Kaufabschluss-URL)** umleiten: Es kann eine Weiterleitungs-URL angegeben werden. Diese URL sollte auf die gewünschte Zielseite verweisen, z. B. eine Bestätigungsseite oder eine Dankesnachricht. > [!NOTE] > **Hinweis** > > Es sollte sichergestellt sein, dass die URL korrekt und funktionsfähig ist, um ein reibungsloses Erlebnis nach dem Kauf zu gewährleisten. 5. Kunden weiterleiten, wenn**der Kauf nicht abgeschlossen wird (Kaufabbruch-URL)**: Diese Seite könnte hilfreiche Informationen enthalten, wie z. B.: Eine URL angeben, die dem Verwendungszweck entspricht und die Kunden effektiv anspricht. - eine Erinnerung, um den Kauf abzuschließen - oder alternative Produkte oder Dienstleistungen. 6. Das **Layout und die Akzentfarbe der gehosteten Seite** anpassen, um ein einheitliches Markenerlebnis zu gewährleisten. 1. Eine Akzentfarbe auswählen, die auf der gehosteten Seite verwendet wird. ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image-KVNHO8K9.png?sv=2026-02-06&spr=https&st=2026-10-26T16%3A57%3A22Z&se=2026-10-26T17%3A57%3A22Z&sr=c&sp=r&sig=d5gQg9j3rth6j6JcpJTE83%2BM51Xt%2BUka4QeKcxgNBtg%3D) 2. Das Logo, das unter **Kontoeinstellungen** konfiguriert wurde, wird ebenfalls verwendet. ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image-V1T4GP0R.png?sv=2026-02-06&spr=https&st=2026-10-26T16%3A57%3A22Z&se=2026-10-26T17%3A57%3A22Z&sr=c&sp=r&sig=d5gQg9j3rth6j6JcpJTE83%2BM51Xt%2BUka4QeKcxgNBtg%3D) 7. **Akzeptierten Zahlungsmethoden** bestimmen. Wenn Kunden nur bestimmte Zahlungsmethoden verwenden sollen, können diese Einstellungen konfiguriert werden. Mit dieser Option kann der Checkout-Prozess optimiert und ein nahtloses Zahlungserlebnis geboten werden. > [!CAUTION] > **Hinweis** > > Hier werden nur die Zahlungsmethoden angezeigt, die zuvor in **Konfigurationen > Zahlungsmethoden aktiviert** wurden. ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image-4JEKHXUM.png?sv=2026-02-06&spr=https&st=2026-10-26T16%3A57%3A22Z&se=2026-10-26T17%3A57%3A22Z&sr=c&sp=r&sig=d5gQg9j3rth6j6JcpJTE83%2BM51Xt%2BUka4QeKcxgNBtg%3D) 8. **Produkte für gehostete Seiten** verwalten. Die gehostete Seite enthält Produkte. Hier sind ein paar Überlegungen: - Im Bereich Produkte können Produkte oder Dienstleistungen hinzugefügt werden, die auf der gehosteten Seite angezeigt werden. - **Produkte hinzufügen**: Es können mehrere Produkte oder Dienstleistungen zu der gehosteten Seite hinzugefügt werden. Es sollte sichergestellt werden, dass die Produkte relevant, gut präsentiert und für Kunden ansprechend sind. Dieser [Leitfaden](/frisbii/docs/hosted-page-products) hilft bei der Erstellung der Produkte. - **Checkout für Einzelprodukt**: Wenn nur ein Produkt hinzugefügt wird, überspringen die Kunden die Katalogseite und gehen direkt zum Checkout. Dieser Ansatz ist ideal für vereinfachte Einkäufe. - **Checkout für mehrere Produkte**: Wenn mehrere Produkte hinzugefügt werden, wird den Kunden zunächst eine gehostete Katalogseite angezeigt. Auf dieser Seite werden die hinzugefügten Produkte dargestellt, und die Kunden haben die Möglichkeit, sich die Produktauswahl anzusehen, bevor sie zum Checkout gehen.![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image-L4EI3B6G.png?sv=2026-02-06&spr=https&st=2026-10-26T16%3A57%3A22Z&se=2026-10-26T17%3A57%3A22Z&sr=c&sp=r&sig=d5gQg9j3rth6j6JcpJTE83%2BM51Xt%2BUka4QeKcxgNBtg%3D) 9. **Checkout-Konfiguration** wählen, die mit dieser gehosteten Seite funktionieren soll. 1. **Konfiguration hinzufügen** anklicken. Daraufhin wird eine Liste aller derzeit für die Zuordnung verfügbaren Checkout-Konfigurationen angezeigt. Die gewünschte Konfiguration wählen und **Bestätigen** anklicken. Um mehr darüber zu erfahren, wie verschiedene Konfigurationen für den Checkout erstellen werden können, den Anweisungen [hier](/frisbii/docs/checkout#checkout-interface) folgen. Wenn dieses Feld leer gelassen wird, wird die **Standardkonfiguration** für den Checkout verwendet. ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image-V0K86HBE.png?sv=2026-02-06&spr=https&st=2026-10-26T16%3A57%3A22Z&se=2026-10-26T17%3A57%3A22Z&sr=c&sp=r&sig=d5gQg9j3rth6j6JcpJTE83%2BM51Xt%2BUka4QeKcxgNBtg%3D) --- ## Beispiel ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/2025-12-11_08h55_00.gif?sv=2026-02-06&spr=https&st=2026-10-26T16%3A57%3A22Z&se=2026-10-26T17%3A57%3A22Z&sr=c&sp=r&sig=d5gQg9j3rth6j6JcpJTE83%2BM51Xt%2BUka4QeKcxgNBtg%3D)