Infografiken
Dieser Artikel zeigt Ihnen, wie sie ganz einfach Charts und Inforgrafiken in Webmag erstellen oder einbetten können.
Überblick
Webmag Charts
23degrees
Infogram
Eigene Tools
Webmag bietet die Möglichkeit, Charts direkt über Snippets zu erstellen. Navigieren Sie einfach in die Kategorie "Tabkes & Charts" und bearbeiten Sie die Charts in den Snippet-Settings.

Mit 23Degrees lassen sich interaktive Infografiken erstellen. Dies können ganz einfach über das spezielle 23Degrees-Snippet eingebettet werden.
Schritt 1 - Erstellen Sie ein Diagramm in 23Degrees. Gestalten Sie das Diagramm genau so, wie es in Webmag angezeigt werden soll. Klicken Sie auf "Embed on your Website" in der unteren rechten Ecke.

Schritt 2 - Wählen Sie in den Embedding-Optionen den Reiter "Slug". Kopieren Sie diese URL in Ihre Zwischenablage.

Step 3 - Fügen Sie in Webmag das 23Degrees Snippet ein. Die URL geben Sie einfach in das Eingabefeld in den Snippet-Einstellunngen. Die Grafik wird dann in der Vorschau oder dem veröffentlichten Projekt angezeigt.

Infogram ist ein intuitives Visualisierungstool, mit dem man in wenigen Minuten ansprechende Infografiken und Berichte erstellen können. Die Grafik kann dann einfach über das iFrame-Snippet eingebettet werden
Schritt 1 - Erstellen Sie ein Diagramm in Infogram. Gestalten Sie das Diagramm genau so, wie es in Webmag angezeigt werden soll. Klicken Sie auf "Share" in der oberen rechten Ecke.

Schritt 2 - Wählen Sie im Fenster Veröffentlichen & Teilen die Option Einbetten und dann AMP. Im Code müssen Sie die URL auswählen, die nach "src=" steht. Im folgenden Beispiel ist dies "https://e.infogram.com/a80cc865-420b-4674-962e-256b07ee0127?src=embed". Kopieren Sie diese URL in Ihre Zwischenablage.

Step 3 - Fügen Sie in Webmag ein iFrame-Snippet ein. Die URL geben Sie einfach in das Eingabefeld in den Snippet-Einstellunngen ein und passen die Höhe des Snippets an.

Wenn Sie ein anderes Tool zum Erstellen von Infografiken nutzen, helfen wir ihnen gerne beim Einbetten in Webmag.
Überblick
Webmag Charts
23degrees
Infogram
Eigene Tools
Webmag Charts
Webmag bietet die Möglichkeit, Charts direkt über Snippets zu erstellen. Navigieren Sie einfach in die Kategorie "Tabkes & Charts" und bearbeiten Sie die Charts in den Snippet-Settings.

23degrees
Mit 23Degrees lassen sich interaktive Infografiken erstellen. Dies können ganz einfach über das spezielle 23Degrees-Snippet eingebettet werden.
Schritt 1 - Erstellen Sie ein Diagramm in 23Degrees. Gestalten Sie das Diagramm genau so, wie es in Webmag angezeigt werden soll. Klicken Sie auf "Embed on your Website" in der unteren rechten Ecke.

Schritt 2 - Wählen Sie in den Embedding-Optionen den Reiter "Slug". Kopieren Sie diese URL in Ihre Zwischenablage.

Step 3 - Fügen Sie in Webmag das 23Degrees Snippet ein. Die URL geben Sie einfach in das Eingabefeld in den Snippet-Einstellunngen. Die Grafik wird dann in der Vorschau oder dem veröffentlichten Projekt angezeigt.

Infogram
Infogram ist ein intuitives Visualisierungstool, mit dem man in wenigen Minuten ansprechende Infografiken und Berichte erstellen können. Die Grafik kann dann einfach über das iFrame-Snippet eingebettet werden
Schritt 1 - Erstellen Sie ein Diagramm in Infogram. Gestalten Sie das Diagramm genau so, wie es in Webmag angezeigt werden soll. Klicken Sie auf "Share" in der oberen rechten Ecke.

Schritt 2 - Wählen Sie im Fenster Veröffentlichen & Teilen die Option Einbetten und dann AMP. Im Code müssen Sie die URL auswählen, die nach "src=" steht. Im folgenden Beispiel ist dies "https://e.infogram.com/a80cc865-420b-4674-962e-256b07ee0127?src=embed". Kopieren Sie diese URL in Ihre Zwischenablage.

Step 3 - Fügen Sie in Webmag ein iFrame-Snippet ein. Die URL geben Sie einfach in das Eingabefeld in den Snippet-Einstellunngen ein und passen die Höhe des Snippets an.

Eigene Tools
Wenn Sie ein anderes Tool zum Erstellen von Infografiken nutzen, helfen wir ihnen gerne beim Einbetten in Webmag.
Aktualisiert am: 25/04/2024
Danke!