---
title: "QR Code Generator: Lösungsübersicht"
description: "Was das Vitextra QR Code Generator Webpart ist und was es bietet: neun QR-Code-Datentypen (URL, Text, vCard, WLAN, E-Mail, SMS, Telefon, Standort, Termin), Gestaltungsoptionen mit Formen, Farben, Farbverlauf und Logo, Download als PNG, JPEG, SVG oder WebP, Kopieren in die Zwischenablage und eine Konfiguration, die mit der SharePoint-Seite gespeichert wird."
url: https://vitextra.com/de/support/kb/10262
language: de
published: 2026-10-14
modified: 2026-10-14
products:
  - "QR Code Generator"
author: "Lidija Reising"
tags: ["Vitextra QR Code Generator", "SharePoint Online QR-Code Webpart", "QR-Code-Generator für SharePoint", "QR-Code in Microsoft Teams", "vCard QR-Code", "WLAN QR-Code", "QR-Code mit Logo", "SharePoint Framework Webpart", "QR Code Generator Übersicht"]
---

# QR Code Generator: Lösungsübersicht

Was das Vitextra QR Code Generator Webpart ist und was es bietet: neun QR-Code-Datentypen (URL, Text, vCard, WLAN, E-Mail, SMS, Telefon, Standort, Termin), Gestaltungsoptionen mit Formen, Farben, Farbverlauf und Logo, Download als PNG, JPEG, SVG oder WebP, Kopieren in die Zwischenablage und eine Konfiguration, die mit der SharePoint-Seite gespeichert wird.

## Einführung

Ein QR-Code ist der kürzeste Weg von einem Bildschirm oder einem gedruckten Blatt zum Smartphone: ein Link zu einem Dokument, die Kontaktdaten eines Mitarbeiters, der Zugang zum Gäste-WLAN, die Einladung zu einer Veranstaltung. Meist werden solche Codes auf öffentlichen Websites erstellt – ein interner Link, eine Telefonnummer oder ein Netzwerkkennwort wird also in einen Dienst eingegeben, den im Unternehmen niemand kontrolliert. [QR Code Generator](https://vitextra.com/de/products/qr-code-generator) holt diese Aufgabe nach SharePoint: Der Code wird im Browser des Benutzers erzeugt, auf einer Seite Ihres eigenen Intranets.

QR Code Generator ist ein ::SharePoint Framework::-Webpart für moderne ::SharePoint Online::-Seiten und ::Microsoft Teams::. Dieser Artikel stellt die Lösung vor: wo sie funktioniert, was der Benutzer sieht, welche Daten codiert werden können, wie sich der Code gestalten lässt und wie das Ergebnis die Seite verlässt.

![Das QR-Code-Generator-Webpart auf einer SharePoint-Online-Seite](https://static.vitextra.com/articles/10262/qr-code-generator-overview-de.png)
*Das QR-Code-Generator-Webpart auf einer SharePoint-Online-Seite*

## Wo QR Code Generator funktioniert

QR Code Generator wird als einzelnes Paket aus dem ::App-Katalog:: in einem Microsoft-365-Mandanten bereitgestellt und steht danach auf jeder Website des Mandanten zur Verfügung. Das Webpart kann platziert werden:

- auf jeder modernen Seite – einer Websiteseite, einem Newsbeitrag oder einer Startseite, in einem regulären Abschnitt oder einem Abschnitt in voller Breite;
- auf einer ::App-Seite:: mit einem einzelnen Webpart, auf der der Generator der einzige Inhalt der Seite ist;
- als Registerkarte in einem Microsoft-Teams-Kanal oder als persönliche App in Teams.

Das Webpart folgt dem Design der Website, einschließlich dunkler Designs und der Farbvarianten eines Seitenabschnitts. Seine Oberfläche ist in 50 Sprachen verfügbar, die automatisch anhand der Sprache des Benutzers ausgewählt werden.

📝 **Hinweis**  
QR Code Generator unterstützt nur moderne Seiten. Es kann nicht zu klassischen Seiten hinzugefügt werden.

## Was der Benutzer sieht

Das Webpart besteht aus zwei Bereichen. Links befinden sich die **Datenregisterkarten** – eine Registerkarte für jeden Datentyp – und darunter sieben reduzierbare **Designabschnitte**: **Form**, **Logo**, **Farben**, **Corner Square**, **Corner Dots**, **Error Correction** und **Size**. Rechts befindet sich die Vorschau **QR-Code** mit drei Schaltflächen: **Aktualisieren**, **Kopieren** und **Herunterladen**.

Die Vorschau wird nach jeder Änderung neu aufgebaut, sodass der Benutzer das Ergebnis schon während der Eingabe sieht. Ist ein Pflichtfeld der ausgewählten Registerkarte leer, erscheint anstelle der Vorschau die Meldung, dass mindestens ein Pflichtfeld leer ist, und die Schaltflächen bleiben deaktiviert, bis das Feld ausgefüllt ist.

Alle Einstellungen des Generators befinden sich im Webpart selbst. Der Eigenschaftenbereich enthält nur die Gruppe **Info** mit den Lizenzinformationen.

## Datentypen

Das Webpart codiert neun Arten von Daten. Der Typ wird über die Registerkarte gewählt, und das Smartphone entscheidet anhand des Inhalts, was es mit dem gescannten Code tut.

| Registerkarte | Was codiert wird | Was nach dem Scannen geschieht |
| --- | --- | --- |
| **URL** | Die Adresse einer Webseite | Die Seite wird im Browser geöffnet |
| **Text** | Beliebiger unformatierter Text | Der Text wird auf dem Bildschirm angezeigt |
| **vCard** | Eine Visitenkarte: Name, Telefonnummern, E-Mail, Firma, Abteilung, Position, Website und Postanschrift | Ein neuer Kontakt wird für das Adressbuch vorgeschlagen |
| **Wi-Fi** | Netzwerkname, Kennwort, Verschlüsselungstyp und das Kennzeichen für ein ausgeblendetes Netzwerk | Das Telefon verbindet sich mit dem Netzwerk |
| **E-Mail** | Empfänger, Betreff und Nachricht | Die Mail-App wird mit einer vorbereiteten Nachricht geöffnet |
| **SMS** | Telefonnummer und Nachricht | Die Nachrichten-App wird mit einer vorbereiteten Nachricht geöffnet |
| **Telefon** | Telefonnummer | Das Telefon bietet an, die Nummer anzurufen |
| **Location** | Breiten- und Längengrad | Der Punkt wird in der Karten-App geöffnet |
| **Event** | Titel, Ort, Beginn und Ende | Der Termin wird für den Kalender vorgeschlagen |

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.

## Design

Ein vom Webpart erzeugter Code muss nicht schwarz-weiß sein. Mit den Designabschnitten lässt er sich an das Corporate Design anpassen:

- **Form** – sechs Stile für die Punkte, aus denen der Code besteht, jeweils als Bild dargestellt;
- **Farben** – die Farbe der Punkte und des Hintergrunds, beide mit Transparenz, sowie ein optionaler linearer oder radialer Farbverlauf aus zwei Farben;
- **Corner Square** und **Corner Dots** – Form und Farbe der drei Positionsmarkierungen in den Ecken des Codes;
- **Logo** – ein Firmenlogo in der Mitte des Codes mit einstellbarer Größe und einstellbarem Abstand;
- **Error Correction** – welcher Anteil des Codes beschädigt oder verdeckt sein darf, ohne dass der Code unlesbar wird;
- **Size** – die Größe des heruntergeladenen Bilds, von 300 bis 4000 Pixel.

Siehe [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).

![Ein QR-Code mit eigener Form, Farbverlauf und Logo](https://static.vitextra.com/articles/10262/styled-qr-code-de.png)
*Ein QR-Code mit eigener Form, Farbverlauf und Logo*

## Das Ergebnis verwenden

Die Schaltfläche **Herunterladen** speichert den Code als Datei in einem von vier Formaten: **PNG**, **JPEG**, **SVG** oder **WebP**. SVG ist ein Vektorformat und lässt sich in jeder Größe ohne Qualitätsverlust drucken. Die Schaltfläche **Kopieren** legt den Code als PNG-Bild in der Zwischenablage ab, bereit zum Einfügen in eine E-Mail, ein Dokument oder eine Präsentation. Einzelheiten finden Sie in [KB10267. QR-Code herunterladen und kopieren: PNG, JPEG, SVG und WebP](https://vitextra.com/de/support/kb/10267).

## Eine mit der Seite gespeicherte Konfiguration

Alles, was im Webpart eingestellt wird, während die Seite bearbeitet wird – die ausgewählte Registerkarte, die eingegebenen Daten, die Farben, die Form, das Logo und die Größe –, wird zusammen mit der Seite gespeichert. Ein Seitenautor bereitet einen Code einmal vor, zum Beispiel für das Gäste-WLAN eines Besprechungsraums, und jeder Besucher der Seite sieht diesen Code sofort. Siehe [KB10268. Einen vorkonfigurierten QR-Code auf einer SharePoint-Seite veröffentlichen](https://vitextra.com/de/support/kb/10268).

## Datenschutz

Der QR-Code wird vollständig im Browser erzeugt. Die Daten, die der Benutzer eingibt – Kennwörter, Kontakte, Koordinaten –, werden für die Erzeugung nicht an einen externen Dienst gesendet. Das Paket fordert keine zusätzlichen API-Berechtigungen an, sodass auf der Seite **API-Zugriff** des SharePoint Admin Centers nichts genehmigt werden muss.

❗ **Wichtig**  
Eine mit der Seite gespeicherte Konfiguration wird in den Eigenschaften des Webparts als Klartext abgelegt. Jeder, der die Seite öffnen kann, kann die gespeicherten Daten lesen, auch ein WLAN-Kennwort. Veröffentlichen Sie Codes mit vertraulichen Daten nur auf Seiten mit einem passenden Benutzerkreis.

## Lizenzierung

QR Code Generator wird mit einem Testzeitraum installiert. Die Gruppe **Info** des Eigenschaftenbereichs zeigt den **Status** der Lizenz, die **Version** des Webparts, das **Anfangsdatum** des Abonnements und den **Mandant**, dem es zugewiesen ist. Wenn der Testzeitraum endet, zeigt das Webpart anstelle des Generators einen Hinweis an, bis ein Abonnement aktiviert wird.

## Nächste Schritte

💡 **Tipp**  
Wie Sie das Paket bereitstellen, das Webpart auf einer Seite platzieren und den ersten Code erstellen, erfahren Sie in [KB10263. So fügen Sie QR Code Generator einer Seite hinzu und erstellen Ihren ersten QR-Code](https://vitextra.com/de/support/kb/10263).
