--- title: "So fügen Sie QR Code Generator einer Seite hinzu und erstellen Ihren ersten QR-Code" description: "Schritt für Schritt: Laden Sie das Vitextra QR Code Generator Paket in den SharePoint-App-Katalog hoch, fügen Sie das QR-Code-Generator-Webpart einer modernen Seite hinzu, erstellen Sie einen QR-Code für einen Link, laden Sie ihn herunter oder kopieren Sie ihn, veröffentlichen Sie die Seite und aktualisieren Sie das Webpart auf eine neue Version." url: https://vitextra.com/de/support/kb/10263 language: de published: 2026-10-14 modified: 2026-10-14 products: - "QR Code Generator" author: "Lidija Reising" tags: ["QR Code Generator installieren", "QR-Code-Webpart zu SharePoint-Seite hinzufügen", "QR-Code in SharePoint Online erstellen", "sppkg App-Katalog", "QR-Code für einen Link", "QR-Code herunterladen", "Vitextra QR Code Generator einrichten", "SPFx Webpart aktualisieren"] --- # So fügen Sie QR Code Generator einer Seite hinzu und erstellen Ihren ersten QR-Code Schritt für Schritt: Laden Sie das Vitextra QR Code Generator Paket in den SharePoint-App-Katalog hoch, fügen Sie das QR-Code-Generator-Webpart einer modernen Seite hinzu, erstellen Sie einen QR-Code für einen Link, laden Sie ihn herunter oder kopieren Sie ihn, veröffentlichen Sie die Seite und aktualisieren Sie das Webpart auf eine neue Version. ## Einführung [QR Code Generator](https://vitextra.com/de/products/qr-code-generator) wird als einzelnes ::SharePoint Framework::-Paket ausgeliefert. Ein SharePoint-Administrator lädt das Paket einmalig in den ::App-Katalog:: des Mandanten hoch, und danach kann jeder Seitenautor das Webpart einer Seite hinzufügen. Dieser Artikel führt durch den gesamten Weg: von der heruntergeladenen ZIP-Datei bis zum ersten QR-Code, der auf Ihrem Computer gespeichert ist. ## Voraussetzungen Stellen Sie vor dem Start sicher, dass: - der Mandant einen App-Katalog hat. Falls nicht, erstellt ein SharePoint-Administrator ihn im SharePoint Admin Center unter **Weitere Features** > **Apps**; - Sie SharePoint-Administrator oder Mitglied der Besitzergruppe des App-Katalogs sind, um das Paket hochzuladen; - Sie Besitzer der Website sind oder Bearbeitungsberechtigung für die Seite haben, um das Webpart hinzuzufügen; - Sie das heruntergeladene Paket haben. Es ist eine ZIP-Datei mit dem Namen `Vitextra.QRCodeGenerator.Q.zip`, zum Beispiel `Vitextra.QRCodeGenerator.2026Q4.zip`, und enthält die Lösungsdatei `vitextra.qr-code-generator.sppkg`. Entpacken Sie die `.sppkg`-Datei vor dem Hochladen. 📝 **Hinweis** QR Code Generator erzeugt den Code im Browser und fordert keine zusätzlichen API-Berechtigungen an. Auf der Seite **API-Zugriff** des SharePoint Admin Centers muss nichts genehmigt werden. ## Schritt 1. Paket in den App-Katalog hochladen 1. Öffnen Sie die App-Katalog-Website des Mandanten und wechseln Sie zu **Apps für SharePoint**. 2. Laden Sie `vitextra.qr-code-generator.sppkg` hoch oder ziehen Sie die Datei in die Liste. 3. Wählen Sie im geöffneten Dialogfeld **Diese App aktivieren und zu allen Websites hinzufügen** und bestätigen Sie mit **App aktivieren**. Das Paket ist für die mandantenweite Bereitstellung gebaut, sodass das Webpart nach diesem Schritt auf jeder Website des Mandanten verfügbar ist und nicht über **App hinzufügen** zu einer Website hinzugefügt werden muss. Das allgemeine Verfahren mit Screenshots des App-Katalogs und des Bereitstellungsdialogs ist in [KB10035. Installation eines cloudbasierten Produkts](https://vitextra.com/de/support/kb/10035) beschrieben. ![Aktivieren des QR-Code-Generator-Pakets im App-Katalog](https://static.vitextra.com/articles/10263/enable-app-dialog-de.png) *Aktivieren des QR-Code-Generator-Pakets im App-Katalog* ## Schritt 2. Webpart zu einer Seite hinzufügen 1. Öffnen Sie die moderne Seite, die den Generator anzeigen soll, und klicken Sie oben rechts auf **Bearbeiten**. Wenn Sie eine neue Seite brauchen, erstellen Sie sie auf der Website über **Neu** > **Seite**. 2. Zeigen Sie auf die Stelle in einem Abschnitt, an der das Webpart stehen soll, und klicken Sie auf die Schaltfläche **+** (Plus). 3. Geben Sie in der Toolbox *QR* in das Suchfeld ein und wählen Sie **QR Code Generator**. Das Webpart ist in der Gruppe **Erweitert** aufgeführt. Das Webpart muss nicht konfiguriert werden: Es erscheint betriebsbereit auf der Seite, mit ausgewählter Registerkarte **URL** und bereits eingetragener Adresse der aktuellen Website, sodass der erste QR-Code sofort angezeigt wird. ![Das QR-Code-Generator-Webpart in der Toolbox der Seite](https://static.vitextra.com/articles/10263/web-part-toolbox-de.png) *Das QR-Code-Generator-Webpart in der Toolbox der Seite* 💡 **Tipp** Solange sich die Seite im Bearbeitungsmodus befindet, können Sie im Platzhalter **Webparttitel** eine Überschrift über dem Generator eingeben, zum Beispiel *Scannen, um die Veranstaltungsseite zu öffnen*. ## Schritt 3. Den ersten QR-Code erstellen 1. Bleiben Sie auf der Registerkarte **URL** und ersetzen Sie die Adresse im Feld **URL** durch den Link, den der Code öffnen soll, zum Beispiel einen Link zu einem Newsbeitrag oder einem Dokument. 2. Sehen Sie sich die Vorschau **QR-Code** auf der rechten Seite an: Sie wird nach jeder Änderung neu aufgebaut. Die Schaltfläche **Aktualisieren** zeichnet die Vorschau bei Bedarf neu. 3. Richten Sie die Kamera eines Smartphones auf die Vorschau und prüfen Sie, ob der Link geöffnet wird. Um etwas anderes als einen Link zu codieren, wählen Sie eine andere Registerkarte – **Text**, **vCard**, **Wi-Fi**, **E-Mail**, **SMS**, **Telefon**, **Location** oder **Event**. Wenn die Registerkarten nicht in die Breite des Webparts passen, finden Sie die übrigen hinter der Schaltfläche **…** (Mehr) am Ende der Zeile. Die Felder jeder Registerkarte sind in [KB10264. QR-Code-Datentypen: URL, Text, vCard, WLAN, E-Mail, SMS, Telefon, Standort und Termin](https://vitextra.com/de/support/kb/10264) beschrieben. ![Ein QR-Code für einen Link auf der Registerkarte „URL"](https://static.vitextra.com/articles/10263/first-qr-code-de.png) *Ein QR-Code für einen Link auf der Registerkarte „URL"* 📝 **Hinweis** Ist ein Pflichtfeld der ausgewählten Registerkarte leer, zeigt die Vorschau die Meldung *Mindestens ein Pflichtfeld ist leer. Überprüfen Sie, ob alle erforderlichen Felder ausgefüllt sind, und versuchen Sie es erneut.*, und die Schaltflächen **Aktualisieren**, **Kopieren** und **Herunterladen** sind deaktiviert. ## Schritt 4. Den Code herunterladen oder kopieren - Klicken Sie auf **Herunterladen** und wählen Sie das Format – **PNG**, **JPEG**, **SVG** oder **WebP**. Die Datei wird unter dem Namen `qrcode` im Downloadordner des Browsers gespeichert. - Klicken Sie auf **Kopieren**, um den Code als PNG-Bild in die Zwischenablage zu legen, und fügen Sie ihn in eine E-Mail, ein Dokument oder eine Präsentation ein. Die Meldung *Copied to clipboard* bestätigt die Aktion. Die Wahl des Formats und der Bildgröße wird in [KB10267. QR-Code herunterladen und kopieren: PNG, JPEG, SVG und WebP](https://vitextra.com/de/support/kb/10267) erläutert. ## Seite veröffentlichen Klicken Sie auf **Erneut veröffentlichen** (oder **Veröffentlichen** bei einer neuen Seite). Der Generator wird mit den Daten und dem Design gespeichert, die er in diesem Moment hatte, sodass die Besucher der Seite denselben QR-Code sehen, den Sie vorbereitet haben. Sie können außerdem eigene Daten eingeben und eigene Codes herunterladen; ihre Änderungen werden nicht gespeichert. Siehe [KB10268. Einen vorkonfigurierten QR-Code auf einer SharePoint-Seite veröffentlichen](https://vitextra.com/de/support/kb/10268). ## Aktualisieren auf eine neue Version Eine neue Version von QR Code Generator wird genauso installiert wie die erste: Laden Sie die neue `vitextra.qr-code-generator.sppkg` unter **Apps für SharePoint** hoch, bestätigen Sie, dass Sie die vorhandene Datei ersetzen möchten, und wählen Sie erneut **Diese App aktivieren und zu allen Websites hinzufügen**. Jede Seite mit dem Webpart übernimmt die neue Version beim nächsten Laden, und die gespeicherte Konfiguration der vorhandenen Webparts bleibt erhalten. Wenn eine neuere Version verfügbar ist als die auf einer Seite laufende, zeigt das Webpart dem Seitenbearbeiter die Meldung *Es gibt eine neue Version dieser App. Rufen Sie diese jetzt ab.* Das allgemeine Verfahren ist in [KB10050. Aktualisieren einer SPFx-basierten Vitextra-Lösung](https://vitextra.com/de/support/kb/10050) beschrieben. ## Zusammenfassung QR Code Generator zu installieren bedeutet, eine `.sppkg`-Datei mit mandantenweiter Bereitstellung in den App-Katalog hochzuladen und das Webpart **QR Code Generator** einer Seite hinzuzufügen. Das Webpart funktioniert ohne Konfiguration: Geben Sie die Daten auf einer der Registerkarten ein, prüfen Sie die Vorschau mit einem Smartphone und übernehmen Sie das Ergebnis mit **Herunterladen** oder **Kopieren**. 💡 **Tipp** Wie Sie dem Code die Farben und das Logo Ihres Unternehmens geben, erfahren Sie in [KB10265. QR-Code-Design anpassen: Form, Farben, Farbverlauf und Ecken](https://vitextra.com/de/support/kb/10265) und [KB10266. So fügen Sie einem QR-Code ein Firmenlogo hinzu](https://vitextra.com/de/support/kb/10266).