Was gibt's Neues?

Für den Novamag Editor gibt es Neuerungen, die dein Arbeiten in Novamag beeinflussen können. Ausgewählte Elemente sind ab sofort anders angeordnet:

• Es gibt links im Editor eine neue Sidebar. Funktionen sind nun geclustert nach Widgets, Outline, Audit
  
  
• Die Auswahl der Viewports, inkl. der Skalierung (Devices: Desktop, Laptop, Tablet, Mobile) befinden sich unten rechts und sind über das kleine Device Icon aufklappbar.

Du kannst die Navigation jetzt noch flexibler anpassen: In den Projekt- oder Ausgabeneinstellungen lassen sich einzelne Bestandteile der Navigation gezielt ein- oder ausblenden.

Unter Style → Navigation kannst du im Navigationsstil per Toggle festlegen, welche Elemente angezeigt werden sollen. Dazu gehören Logo, Ausgabenname, Ausgabennummer, Seitenzahl und Seitenname.

Gut zu wissen: Die Projekteinstellungen überschreiben die Ausgabeneinstellungen, solange dort keine individuellen Anpassungen vorgenommen wurden. Möchtest du unterschiedliche Navigationselemente pro Ausgabe festlegen, kannst du diese ganz einfach über die Ausgabeneinstellungen anpassen.

Wir haben die Vorlagenübersicht komplett neu gestaltet, damit du schneller die passende Vorlage für dein Projekt findest.

Die neue Übersicht bietet dir eine klar strukturierte Sammlung aller verfügbaren Seitenvorlagen. Mithilfe neuer Filter kannst du gezielt nach Seitentyp oder Inhaltsformat suchen und so schneller ein Layout finden, das zu deinem Inhalt oder deiner Seitenstruktur passt.

Der Seitentyp beschreibt die Funktion einer Seite innerhalb eines Projekts. Beispiele sind etwa eine Cover-Seite oder ein Editorial.

Das Inhaltsformat beschreibt die Art des Inhalts, der auf einer Seite dargestellt wird. Typische Beispiele sind ein Kurzartikel oder eine Fotostrecke.

Einzelne Seiten direkt übernehmen

Neben kompletten Projektvorlagen kannst du jetzt auch einzelne Seiten daraus auswählen.

Über den entsprechenden Button lässt sich eine Vorlage ganz einfach in deine eigene Ausgabe duplizieren. So kannst du die Seite direkt übernehmen und für dein Projekt anpassen.

Im Editor kannst du jetzt deutlich schneller navigieren. Über das Dropdown in der Breadcrumb-Navigation kannst du direkt zu jeder beliebigen Seite springen und außerdem bequem zwischen verschiedenen Ausgaben und Projekten wechseln.

So sparst du Klicks, navigierst effizienter und kannst deine Ausgabe schneller aufbauen.

Mit dem neuen Scroll Down Button kannst du Leser:innen gezielt auf weitere Inhalte aufmerksam machen.

Der Button kann für jede Seite auf Page-Ebene per Toggle eingeblendet werden und erscheint automatisch am unteren Bildrand. Durch eine dezente Animation (Bounce-Effekt) wird gleichzeitig ein klarer, visueller Hinweis auf weiteren Content erzeugt.

Du kannst die Position flexibel auf links, mittig oder rechts festlegen. Zusätzlich stehen dir drei Größenstufen (klein, mittel, groß) zur Verfügung. Auch Icon-Farbe und Hintergrundfarbe lassen sich individuell an dein Design anpassen.

Ab sofort kannst du bei nahezu allen Widgets individuelle Rahmen (Borders) festlegen.

Die Einstellungen findest du wie gewohnt in der rechten Seitenleiste innerhalb der Widget-Optionen. Über die Regler für oben, rechts, unten und links bestimmst du die Rahmendicke flexibel selbst. Zusätzlich steht dir ein Farbfeld zur Verfügung, um den Rahmen passend zu deinem Design zu gestalten.

So kannst du Inhalte klarer strukturieren, visuell voneinander abgrenzen oder gezielt Akzente setzen – direkt im jeweiligen Widget.

Füge Inhalten, wie Bildern, Videos und Texten ganz einfach eine Animation hinzu.

Klicke dazu das Widget an, welchem du eine Animation hinzufügen möchtest. Scrolle rechts in der Seitenleiste zu Erweiterte Einstellungen und lege unter Eingangsanimation deine Wunschanimation für das Widget fest.

Animationen lassen sich für alle Widgets, außer Akkordeon bestimmen. Die Animation wird einmalig ausgelöst, sobald die animierten Elemente in den sichtbaren Bereich kommen.

Tipp: Setze Animationen bewusst ein, um dein Digitalmagazin lebhafter zu gestalten oder Aufmerksamkeit auf einen bestimmten Bereich zu lenken. Verwende nicht zu viele unterschiedliche Animationen auf einer Seite oder in deinem Digitalmagazin. Überlege dir, ob du einzelne Elemente, wie Überschriften und Texte animieren möchtest oder größere Bereiche, wie Container oder Spalten. 

In den Projekteinstellungen unter dem Reiter Styles kannst du Farben und Typografien zentral für dein Projekt festlegen und im Editor jederzeit wiederverwenden. Diese Funktion steht dir nun auch auf Ausgabenebene in den Ausgabeneinstellungen zur Verfügung. Du kannst nun Farben und Typografien gezielt für einzelne Ausgaben definieren und anpassen, ohne die Styles des gesamten Projekts zu verändern.

Jede Ausgabe im Projekt übernimmt standardmäßig die Styles aus den Projekteinstellungen. Alle Änderungen, die du in den Ausgabeneinstellungen vornimmst, gelten ausschließlich für die Ausgabe und überschreiben somit die Projekt-Styles. 

Über das Reset-Symbol in den jeweiligen Feldern kannst du die Einstellungen jederzeit wieder auf die Projekt-Styles zurücksetzen. 

 Hier findest du den Whats-New Artikel über die Projekt-Styles.

Mit dem Feature Scroll-to-Anchor kannst du gezielt auf bestimmte Seitenbereiche verlinken – entweder innerhalb derselben Seite oder von einer Seite zu einem bestimmten Abschnitt einer anderen Seite. Beim Klick auf einen Text, ein Bild oder einen Button wird automatisch zum definierten Ziel gescrollt bzw. die Zielseite im gleichen Tab geöffnet und dort zum gewünschten Bereich gesprungen. So lassen sich Inhalte übersichtlich strukturieren und sinnvoll miteinander verknüpfen.

So funktioniert’s in zwei Schritten:

1.) Element ID vergeben (Ziel definieren)

Jedes Widget kann als Scroll-Ziel dienen. Wähle das gewünschte Widget aus, öffne die Erweiterten Einstellungen und vergib eine eindeutige Element ID (z.B. Abschnitt 1, Abschnitt 2, Abschnitt 3 oder features, kontakt, preise). 
❗Jede ID darf nur einmal pro Ausgabe verwendet werden.

2.) Auf das Element verlinken (Auslöser festlegen)

Wähle ein verlinkbares Widget (z. B. Text, Bild, Link):

Innerhalb derselben Seite: Verlinkungstyp Anker wählen und die Element ID eintragen.


Zu einer anderen Seite: Verlinkungstyp Intern wählen, Zielseite auswählen und optional die Element ID als Anker ergänzen.

Beim Klick erfolgt der Scroll automatisch zum Zielbereich.

💡 Praktisch:

Mit der vordefinierten Element ID #top kannst du jederzeit im Reiter Anker einen „Zurück nach oben“-Link erstellen – ganz ohne eigenes Ziel-Widget. Außerdem lassen sich Anker auch extern teilen, indem die Element ID am Ende der URL ergänzt wird (z. B. #preise).

Um die Projektfarben noch intuitiver nutzen zu können, haben wir in den Projekteinstellungen eine Vorder- und eine Hintergrundfarbe ergänzt. Gerade für die Verwendung von Novamag-Vorlagen im eigenen Stil (Auswahl „Mein Stil“) ist es sinnvoll, alle Hauptfarben vollständig zu pflegen.

Die Vordergrundfarbe beeinflusst sämtliche Texte, Icons, Labels und Linien in den Widgets.
Die Hintergrundfarbe wirkt sich auf die Hintergrundfläche der obersten Page-Ebene aus. 

Sobald du deine Projektfarben festgelegt und dich bei der Wahl einer Ausgabenvorlage für den eigenen Vorlagenstil entschieden hast, werden deine definierten Hauptfarben automatisch auf die Vorlage übertragen. Dies gilt auch für Einzelvorlagen und für neu angelegte Seiten. 

Ist in der ursprünglichen Vorlage beispielsweise Schwarz als Vordergrundfarbe definiert, deine Vordergrundfarbe jedoch Dunkelgrau, wird diese entsprechend auf Dunkelgrau überschrieben.

Sofern du im Kreationsprozess deine Vorder- und Hintergrundfarben in den Projekteinstellungen ändern solltest, wirkt sich dies automatisch auf jede Seite deiner Ausgabe(n) im Projekt aus. 

Mit diesen Farbeinstellungen sparst du dir viel Arbeit, da du einzelne Seiten nicht mehr manuell anpassen musst.

Wir haben Novamag im vergangenen Jahr komplett überarbeitet. Die Neuerungen wurden ausgiebig und über längere Zeit in einer Beta Umgebung getestet und erweitert. 

Diese Beta Phase ist ab sofort beendet und alle Projekte, die bisher auf beta.novamag.de erstellt wurden sind jetzt regulär unter app.novamag.de erreichbar.

Projekte, die im alten Novamag System erstellt wurden (zuvor app.novamag.de) sind jetzt unter legacy.novamag.de zu finden.

Die Umleitung in das jeweilige System erfolgt automatisch. Du musst nichts weiter tun. 

Das Medien- und Produktkarussell Widget verfügt nun über eine Einstellung zur Slider-Geschwindigkeit. Damit lässt sich die automatische Abfolge der Medien gezielt steuern.

Es stehen drei Geschwindigkeitsstufen zur Verfügung: Langsam, Normal und Schnell. Ist die Autoplay-Funktion aktiviert, ist standardmäßig die Stufe Normal voreingestellt.

Diese Neuerung betrifft alle Kunden, die zuvor in unserem bisherigen Legacy Novamag System (legacy.novamag.de) Ausgaben veröffentlicht haben und nun im neuen System (app.novamag.de) Ausgaben erstellen und veröffentlichen.

Durch die Umstellung war es zwischenzeitlich nicht möglich alte und neue Ausgaben im selben Projekt anzuzeigen. Für Leser:innen bedeutete dies, dass über die gewohnte Domain bereits erschienene Ausgaben im Ausgabenarchiv nicht sichtbar und somit per Klick ansteuerbar waren.

Die Systeme wurden nun so zusammengeführt, dass du jetzt wieder alle Ausgaben, die je erstellt wurden, unter einem Projekt vereint vorfindest. 

Für Leser:innen erscheinen ab jetzt wieder alle Ausgaben in der Übersicht, wenn sie sich über die Ausgabennavigation oben links ins Archiv begeben. 

Ab sofort kannst du in deinem Digitalmagazin Interstitial Ads schalten. Das Feature kann jederzeit zu deiner bestehenden Novamag-Lizenz hinzugebucht werden oder ist im Lizenzpaket Professional und Enterprise bereits enthalten.

Du findest das Feature inklusive aller relevanten Einstellungen unter Projekteinstellungen >> Anzeigen >> Interstitial Anzeigen. Im Bereich Aktionen über das kleine Pfeil-Icon kannst du alle Einstellungen für die Ad einsehen und auf deine Bedürfnisse anpassen.

Beispiel: Interstitial Ad erscheint für Leser:innen für einen definierten Zeitraum auf einer Magazinseite. https://werbeanzeigen.novamag.de

Du kannst einzelne Seiten in deinem automatisch generiertem Index jetzt ausblenden. 

Navigiere dich dazu in den Bearbeitungsmodus der Seite, die du in deinem Index nicht angezeigt haben möchtest, z.B. die Startseite und wähle auf der obersten Page Ebene im Editor unter Seite im Index anzeigen im Drop-down-Menü Nein aus und speichere deine Änderungen auf der Seite.

Ansicht der Funktion im Editor auf der obersten Ebene Page

Ansicht im Digitalmagazin – Die Startseite wird nicht im Index angezeigt

Beim Erstellen einer neuen Ausgabe kannst du ab jetzt auf eine vielfältige Auswahl an Vorlagen zugreifen.

Die Auswahl erscheint, nachdem du über den Button + Projekt hinzufügen ein neues Projekt angelegt hast oder beim Anlegen einer neuen Ausgabe über den Button + Ausgabe hinzufügen.

Du entscheidest, wie du loslegst: 

A.) Mit einer leeren Ausgabe
B.) Mit einer fertig designten Vorlage

Bevor du dich festlegst, kannst du dir unsere fertigen Vorlagen vollständig anschauen – in der Seitenvorschau und im Frontend über die dazugehörige Domain (Demo ansehen).    

Beachte, dass du im Auswahlschritt einmal festlegen musst, welchen Stil du verwenden möchtest: 

• Vorlagenstil
  Verwende die für diese Vorlage festgelegten Typografien und Farben. Die Vorlage erscheint somit genauso, wie in der Vorschau abgebildet.
  ---> ⚠️ Achtung: Durch diese Option werden deine bestehenden Projektstile ersetzt. Diese Option eignet sich daher vor allem für User:innen, die noch keine festgelegten Stile für ihre bisherigen Ausgaben über Projekteinstellungen >> Styles definiert und in bestehenden Ausgaben verwendet haben. Du kannst diese Option auch nutzen, wenn du gerade startest mit Novamag zu arbeiten.
  
  
• Dein Stil
  Verwende deine eigenen, vordefinierten Typografien und Farben für diese Vorlage.
  ---> Die Typografien und Farben der Vorlage passen sich automatisch auf dein Design an, welches du unter Projekteinstellungen >> Styles für das Projekt definiert hast. Diese Option empfiehlt sich, wenn du bereits Ausgaben in Novamag erstellt hast und mit eigenen Stilrichtungen arbeitest. 
  
  Bei der Auswahl von "Dein Stil" aktualisieren sich alle Vorschauseiten der Projektvorlage automatisch mit deinen Projektfarben, sodass du eine Vorstellung davon bekommst, wie die Ausgabe in deinem CD aussehen kann.

Anschließend lässt sich jede Vorlage nach deinen Wünschen anpassen und kann mit den eigenen Inhalten befüllt werden. 

Wir erweitern unsere Vorlagen stetig, um dir eine möglichst große Auswahl an verschiedenen Themen und Ideen anbieten zu können.

Dein Bild oder Video kannst du ab jetzt bestmöglich positionieren. Bewege den türkisfarbenen Punkt dazu an die Stelle, an die der Fokus gesetzt werden soll. Beispielsweise auf ein Objekt oder an einen anderen beliebigen Bereich deines Bildes. Der gesetzte Fokuspunkt sorgt dafür, dass automatisch der gewünschte Teil deines Bildes oder deines Videos sichtbar ist und bleibt – egal wie groß oder klein der Bildschirm deiner Leser:innen ist.

Beispiel: 16:9 Video ohne Verwendung des Fokuspunkts. Der Fokuspunkt ist default immer mittig platziert.

Beispiel: 16:9 Video nach Veränderung des Fokuspunkts. Das Hauptmotiv (die Person auf dem Weihnachtsmarkt) erscheint mittig. Sie ist der gewählte Fokus des Videos.

Das Index Widget ermöglicht es dir ganz einfach ein Inhaltsverzeichnis für deine bestehenden Magazinseiten zu erstellen. Füge das Index Widget dazu an beliebiger Stelle auf deiner Seite ein und style es nach deinen Wünschen.

Das Index Widget zeigt automatisch alle auf Status veröffentlicht geschalteten Seiten deines Digitalmagazins. Es kann alleinstehend direkt auf der Page Ebene eingefügt oder in einem Container- und Spalten-Layout verwendet werden.

Individualisiere deinen Index:

• Index Typ: Raster oder Liste – bestimme, ob die im Index aufgeführten Seiten in einem Raster nebeneinander oder als Liste von oben nach unten aufgeführt werden sollen.
• Abstände: Lege die Abstände zwischen den Bildern, dem Bild + Text und den Abstand zum Seitenrand fest.
• Style Titel und Beschreibung: Verwende für deine Texte eigene Farben und Schriftstile. 
• Ein- und Ausblenden einzelner Elemente: Entscheide, ob Seitenzahlen, Unterseiten und Seitenbeschreibungen angezeigt werden sollen.
• Hintergrund: Gestalte den Hintergrund deines Index Widgets mit einer Farbe oder einem Bildmotiv.

Mit dem Produkt Karussell Widget kannst du mehrere Produkte übersichtlich in einem automatisch durchlaufenden Slider präsentieren. Jedes Produkt besteht aus einer Überschrift, einem Bild, einer Kurzbeschreibung (sichtbar im Slider), einer Detailbeschreibung (sichtbar beim Klick auf das Produkt) sowie einer Verlinkung.
Du kannst beliebig viele Produkte hinzufügen, individuell stylen und bestehende Produkte ganz einfach duplizieren.

Neben dem Styling kann zusätzlich festlegt werden, ob die Link-Texte im Karussell oder in der Detailansicht sichtbar sein sollen. 

Zudem lässt sich die Anzahl der angezeigten Produkte und deren Abstand individuell anpassen. 

Über den Autoplay-Schalter bestimmst du, ob sich das Karussell automatisch bewegt oder manuell über die Pfeiltasten gesteuert werden soll. Optional kann die Detailansicht der Produkte auch vollständig über den Toggl ausgeblendet werden.

Detailansicht eines Produkts

In den Projekteinstellungen im Reiter Styles kannst du das Design deiner Navigationsleiste anpassen. Du kannst die Schriftart, Schriftgröße, den Zeilenabstand sowie die Text- und Hintergrundfarben festlegen, einschließlich der Navigationspfeile und ihrer Hover-Effekte. Alle vorgenommenen Änderungen werden sofort in der Vorschau angezeigt, sodass du das Ergebnis direkt sehen kannst.

Aktuell werden die Navigationseinstellungen projektübergreifend auf alle Ausgaben angewendet. Eine individuelle Anpassung des Stylings je Ausgabe wird demnächst in der Software verfügbar sein.

Ab sofort kannst du festlegen, ob es in deinen Texten eine Worttrennung durch einen Bindestrich geben soll (Silbentrennung: Automatisch). Alternativ lässt sich die Silbentrennung ausstellen (Silbentrennung: Ohne), sodass Wörter als Ganzes in die nächste Zeile rutschen, falls sie zu lang sind oder das Maximum an Platz in der Zeile erreicht ist. 

Die Funktion ist überall zu finden, wo sich Typografie stylen lässt (Widgets: Überschrift, Text Editor und Link).

Die Einstellung kann separat für die verschiedenen Devices vorgenommen werden – Zu erkennen am Device-Symbol.

Silbentrennung eines Überschrift-Widgets in der Default Einstellung: Automatisch

Silbentrennung eines Überschrift-Widgets in der Einstellung: Ohne

Zusätzlich kannst du die Silbentrennung auch global in den Projekteinstellungen >> Styles für dein Projekt steuern. Die Einstellung wird dann für deine Magazinseiten übernommen, wenn das entsprechende Styling (H1, H2, H3 usw.) für das Widget ausgewählt wurde. 

In den Projekteinstellungen unter dem Reiter Styles kannst du Farben und Typografien zentral für dein Projekt festlegen und im Editor jederzeit wieder verwenden. 

Farbpalette:  

Lege deine Projektfarben fest und definiere, welche als Primär-, Sekundär- oder Akzentfarbe genutzt werden soll. Zusätzlich kannst du beliebige weitere Farben anlegen und je nach Verwendungszweck benennen.

Überall dort, wo Text- oder Hintergrundfarben festgelegt werden können, kannst du über das Weltkugel-Icon auf deine globale Farbpalette zugreifen. Mit dem Schnellzugriff stellst du sicher, dass alle Inhalte einheitlich deinem individuellen CI/CD entsprechen. 

Sobald du eine Farbe festgelegt hast, erscheint am rechten Rand des Farbbalkens ein Pfeil. Mit Klick darauf setzt du die Auswahl zurück auf die softwareseitigen Standardfarben: Primär = schwarz, Sekundär = dunkelgrau, Akzent = blau. 

Typografien:

Für Fließtext sowie Überschriften (H1–H6) kannst du ebenfalls übergeordnete Typografie-Einstellungen vornehmen, die für das gesamte Projekt gelten. Dazu gehören:

• Schriftart
• Schriftgröße
• Zeilenhöhe
• Formatierungen wie fett, kursiv oder unterstrichen 

Die Änderungen sind sofort in den Einstellungen sichtbar und können pro Gerät angesehen werden. Für Größe und Zeilenhöhe sind individuelle Device-Einstellungen möglich, alle anderen Optionen gelten geräteübergreifend.

Zusätzlich lassen sich weitere Typografien anlegen, frei benennen und nach Bedarf stylen.

Überall dort, wo Texte formatiert werden können (z. B. im Überschriften- oder Text-Widget), greifst du per Weltkugel-Icon auf die globalen Typografie-Einstellungen zu. Neue Text-Widgets übernehmen automatisch die vordefinierte Schriftart, -größe und -formatierung. Überschriften lassen sich im Dropdown Texttyp einer Formatierung (H1–H6) zuordnen. 

Sobald du die übergeordneten Projekt-Styles entkoppelst, ändern sich die einzelnen Werte von Türkis zu Schwarz. Überschreibst du alle Werte, färbt sich auch die Weltkugel schwarz. So erkennst du jederzeit, ob einzelne Werte angepasst wurden.

Mit einem Klick auf die Weltkugel – sowohl bei Farben als auch bei Schriften – gelangst du direkt zu dem Styles-Reiter der Projekteinstellungen, um dort weitere Anpassungen vorzunehmen.

Ab sofort kannst du noch individuellere Designs zaubern. Rundungen konntest du zuvor nur bei den Widgets Bild, Link und Social Media nutzen.

Wir haben die Funktion für weitere Widgets ergänzt:

• Container
• Spalten
• Überschrift
• Text Editor
• Video

Bei diesen Widgets kannst du jetzt abgerundete Kanten, volle Rundungen oder komplett individuelle Rundungen einstellen.

Beachte, dass du bei abgerundeten Kästen/Boxen, die Text enthalten, je nach Rundungsgrad das Padding anpassen und ggf. erweitern musst, um ein optimales Ergebnis zu erzielen.

Das Copyright für Medien kann in der Mediathek beim jeweiligen Medium hinterlegt werden. Bei Bildern erscheint es standardmäßig unten rechts am Bildrand. Für Videos wird das Copyright ebenfalls unten rechts angezeigt, solange die Steuerelemente ausgeblendet sind. Bei eingeblendeten Steuerelementen erscheint das Copyright oben rechts.

Neu: In den Projekteinstellungen unter Rechtliches kannst du das Copyright bei Bedarf für das gesamte Projekt ausblenden.

Bilder:

Videos:

Wenn du deine Seitenreihenfolge neu anordnen möchtest, dann gehe in der Seitenübersicht auf den Menüpunkt "Mehr Optionen" . Dort können die Seiten per Drag & Drop an die gewünschte Position verschoben werden.

Texte für Überschriften lassen sich nicht nur über die rechte Funktionsleiste einfügen, sondern auch direkt im Feld selbst eingeben. Das Styling erfolgt weiterhin ausschließlich über die rechte Funktionsleiste.

Das Audio-Widget ermöglicht dir, eigene Audiodateien direkt auf deiner Seite einzubinden. Lade die Datei im MP3-Format hoch und passe die Playergröße im rechten Menü über den Schieberegler an. Über das Feld Alternativtext lässt sich optional eine kleine Unterschrift hinzufügen. 

Bitte beachte: Der Standard-Audioplayer wird je nach Browser unterschiedlich dargestellt. Wird die Mindestbreite unterschritten, kann das Widget nicht mehr angeklickt oder abgespielt werden – darauf haben wir keinen Einfluss.

Mit unserem neuen Novamag Editor kannst du unzählige Ideen und Konzepte umsetzen. 

Wähle über + Seite hinzufügen oder + Inhalt hinzufügen einfach deine bevorzugte Vorlage aus oder starte mit einer leeren Seite dein Projekt.

Jede Vorlage lässt sich nach deinen Wünschen anpassen und kann mit den eigenen Inhalten befüllt werden.

Wir erweitern unsere Vorlagen stetig, sodass dir bald viele weitere Einzelvorlagen und sogar gesamte Vorlagenmagazine zur Verfügung stehen.

Im neuen Novamag Editor hast du die Möglichkeit deinen Styles mit einer Trennlinie (auch bekannt als Divider oder Trenner) einen noch authentischeren und individuelleren Touch zu geben.

Platziere den Trenner an gewünschter Stelle auf deiner Seite und style ihn anhand der Funktionsleiste passend zu deinem Design. 

Mit dem Social-Widget kannst du deine Social-Media-Kanäle schnell und einfach verlinken. Klicke auf eine Plattform, um aus der Liste der wichtigsten Anbieter zu wählen, und füge anschließend deinen Profil-Link hinzu. Du kannst beliebig viele Plattformen hinzufügen und dabei entscheiden, ob du das farbige Original-Icon, eine reduzierte Variante oder eine individuell gestaltete Farbwelt verwenden möchtest.

Abstand, Größe und Ausrichtung der Icons lassen sich bequem in der rechten Funktionsleiste anpassen.

Um den Aufbau deines Digitalmagazins schnell und effizient zu gestalten, steht dir ab sofort auch die Funktion "Duplizieren von Seiten" zur Verfügung.

Du kannst Seiten

• In die selbe Ausgabe duplizieren
• In eine andere Ausgabe duplizieren
• In ein anderes Projekt duplizieren
• In ein weiteres Team duplizieren
  
  
• Außerdem kannst du Seiten einer anderen Seite zuordnen und sie somit in eine Unterseite umwandeln oder andersherum:
• Eine Unterseite "als neue Seite hinzufügen" und sie damit von einer Unterseite in eine Seite verwandeln

Neu ist, dass deine duplizierte Seite sich nicht automatisch als letzte Seite anordnet, sondern sie erscheint direkt hinter ihrem Original.

Füge deinem Digitalmagazin über das Bild Widget mit nur wenigen Klicks visuell starke Momente hinzu.

In unserem neuen Editor siehst du auf einen Blick, welche Funktionen dir zur Verfügung stehen, um dein Bild optimal in das Erscheinungsbild deines Digitalmagazins einzubinden. 

Klick-Verhalten/ Klick-Aktion:

Bestimme, was passieren soll, wenn deine Leser:innen über das Bild hovern.

• Ohne: Keine Aktion bei Klick auf das Bild
• Link: Verlinke deine Bilder jetzt noch einfacher auf ein internes- oder externes Ziel

• Lightbox: Das Bild vergrößert sich per Klick. Deinen Leser:innen stehen weitere Funktionen zur Verfügung, um das Bildmedium bestmöglich erlebbar zu machen

Weitere Neuerungen: 

Ab jetzt hast du mehr Möglichkeiten die Darstellung deines Bildes zu bestimmen:

Seitenverhältnis: Wähle dein optimales Bildformat
Skalierung: Nutze den Regler, um die Bildgröße festzulegen
Rundung: Statt nur eckig, kannst du die Ecken deines Bildes jetzt auch abrunden oder sogar einen komplett runden Bildausschnitt erzielen

Bildunterschriften: 

Über das Feld Alternativtext kannst du deinem Bild eine Bildunterschrift hinzufügen. Die Bildunterschrift erscheint ausschließlich im Modus Lightbox aktiv, wenn Leser:innen per Klick das Bild vergrößern. Alt-Texte sind außerdem wichtig, weil sie nicht nur Barrierefreiheit schaffen, sondern gleichzeitig die SEO-Performance verbessern.

Das Accordion-Widget ist die Neuauflage des bisherigen Poker-Templates. Es unterstützt 2 bis 5 Elemente. Neben einem übergeordneten Textfeld (Hauptinhalts-Box), das frei befüllt werden kann, verfügt jedes Element über ein eigenes Textfeld.

Das Besondere am neuen Accordion-Widget: Im Vergleich zum Vorgänger stehen nun deutlich mehr Funktionen zur Verfügung:

Hauptinhaltsbox

• Position: oben, mittig, unten, rechts oder links

• Breite: fünf verschiedene Größen wählbar

• Hintergrund: Farbe, Medium oder eine Kombination

• Rundung der Box möglich 

Globaler Expand-Button-Stil:

Über einen Toggle kann festgelegt werden, ob der Button für alle Elemente einheitlich sein soll. Ist der Toggle deaktiviert, lässt sich der Button pro Element individuell gestalten.

Accordion-Elemente öffnen 1 | 2 | 3

Mit einem Klick wählst du aus, welches Element geöffnet werden soll, um darin Änderungen vorzunehmen. Achte darauf, das Element anschließend per Klick wieder zu schließen, bevor du das nächste öffnest und bearbeitest.

Accordion-Elemente

Es können bis zu 5 Elemente angelegt werden. In der oberen Ebene lassen sich Elemente jederzeit mit dem Mülleimersymbol löschen, duplizieren oder per Drag & Drop in ihrer Position verschieben.

Ein Klick auf ein Element öffnet die Funktionsleiste. Zuerst erscheinen die Einstellungen zum Hintergrund. Danach kann der Expand-Button (auch Icon genannt) individuell angepasst werden – z. B. in Farbe, Position oder Größe.

Darunter befindet sich das Label, welches optional vergeben werden kann und oberhalb des Expand-Buttons angezeigt wird. Auch hier sind Anpassungen bei Schriftart, Schriftgröße, Farbe und Padding möglich.

Zum Schluss wird das Textfeld des Elements (Akkordion-Element-Content-Box) gestaltet. Hier können Position, Größe, Rundung, Padding sowie Hintergrundfarbe oder Hintergrundmedium definiert werden. Für das Hintergrundmedium stehen, analog zum Gesamtelement, weitere Optionen wie die Medienposition zur Verfügung.

In diese Element-Content-Boxen lassen sich beliebig viele Widgets (z. B. Header-, Text- oder Bild-Widget) per Drag & Drop einfügen.

Der neue Novamag Editor bietet umfassende Möglichkeiten dein Digitalmagazin individuell für Desktop, Mobile und Tablet anzupassen.

Achte auf das Device-Symbol

Welche Funktionen individuell für die verschiedenen Endgeräte angepasst werden können, erkennst du an dem Device-Symbol. Überall, wo das Device-Symbol auftaucht, kannst du abweichende Einstellungen für Desktop, Tablet und Mobile vornehmen.

Sichtbarkeit bestimmen

Mit dem Toggle kannst du die Sichtbarkeit einzelner Komponenten für das jeweilige Device bestimmen. 

• Auf Desktop ausblenden
• Auf Tablet ausblenden
• Auf Mobile ausblenden

Ausgeblendete Komponenten erscheinen im Editor im jeweiligen Viewport farblich leicht ausgegraut, während im Vorschaumodus die Komponenten komplett ausgeblendet werden.

Device-Ansicht

Über den Button Vorschau wechselst du in den Vorschaumodus. Mit Klick auf das jeweilige Device kannst du dir anschauen, wie dein erstelltes Design auf Desktop, Tablet und Mobile für deine Leser:innen erscheinen wird. 

Tipp: Die Einstellungen werden von der Desktop Ansicht der Reihenfolge nach auf die kleineren Endgeräte Tablet und Mobile vererbt. Starte immer erst mit der Erstellung deiner Desktop-Ansicht, eh du dich im Feinschliff an die Tablet- und Mobile-Darstellung machst.

Die Möglichkeit Bildmedien visuell packend darzustellen gelingt im neuen Novamag Editor mühelos. Du kannst zwischen zwei Galeriearten wählen:

1.) Media Carousel

2.) Media Galerie

Die Galerien können individuell gestaltet und dem Erscheinungsbild deines Digitalmagazins angepasst werden.

Lieblingsfeatures:

Nachdem du dein Galerie-Widget an die gewünschte Stelle auf deiner Seite platziert hast, fügst du der Galerie über Bilder hinzufügen mit wenigen Klicks eine Auswahl an Bildern hinzu. 

Über das Stiftsymbol kannst du den Bildern einen Beschreibungstext hinzufügen. Dieser wird sichtbar, wenn die Funktion Lightbox aktiv geschaltet ist und deine Leser:innen im Magazin auf das Bild klicken. 

Neu ist außerdem, dass du im Media Carousel die Größe des Carousels über die Funktion Carousel-Breite verändern kannst.

Kein passendes Bildmaterial für dein Digitalmagazin zur Hand? Kein Problem! Finde die perfekten Bilder und Fotos für dein Projekt ab sofort direkt in Novamag!

Im Modal Media Center hast du jetzt die Möglichkeit anhand von Keywords nach hochwertigen und passenden Bildern für dein Digitalmagazin zu suchen. Per Klick kannst du deine ausgewählten Bilder direkt in den passenden Ordner deiner Mediathek laden und sofort kostenlos für dein Digitalmagazin verwenden. So werden deine Inhalte garantiert zum echten Hingucker!

Tipp: Nutze englische Suchbegriffe, um mehr Ergebnisse zu erhalten. 

Wir entwickeln unsere Mediathek stetig für euch weiter, damit ihr zukünftig mehr Möglichkeiten habt eure Digitalmagazine stilsicher und effizient zu gestalten. 🚀 Die Neuerungen werden Schritt für Schritt in die Software implementiert. 

Im ersten Schritt gibt es diese Änderungen

1.) Neue Ordner lassen sich über das Feld + Ordner hinzufügen erstellen. Klicke einfach in das Feld und benenne deinen Ordner nach Belieben. ✨

2.) Über den Button Dateien hochladen kannst du deine Mediathek ab sofort um weitere Medien erweitern. Klicke auf den Button um das Medien Center im Upload-Fenster zu öffnen. 🖼️

3.) Im Medien Center wird dir beim Hochladen von Dateien ab sofort ein Forschrittsbalken angezeigt. Hier siehst du, wann der Upload erfolgreich abgeschlossen ist. ✅

4.) Im Medien Center erscheint linksseitig ein türkisfarbenes Feld. Über den Quick-Action Button Upload File lassen sich schnell weitere Medien hinzufügen. Das Feld wird zukünftig an Relevanz gewinnen. An dieser Stelle binden wir die freie Stockfoto-Datenbank unsplash.com ein, damit du direkt in Novamag nach passenden Medien für dein Digitalmagazin suchen kannst.

Die neue Ausgabe ist fertig und kann endlich veröffentlicht werden? Bisher musstest du nach jeder Veröffentlichung immer noch einen Extra-Step machen und unter Projekteinstellungen >> Archiv die neue Ausgabe als Startseite für deine Domain anpassen. Damit ist jetzt Schluss!

Ab sofort taucht im Drop-down-Me­nü die Auswahl "Aktuelle Ausgabe" auf. Wenn du diese Option auswählst, wird zukünftig immer und ganz automatisch die neueste veröffentlichte Ausgabe als Startseite für deine Hauptdomain festgelegt. 

Gut zu wissen: Bei neu angelegten Magazinen ist die Einstellung "Aktuelle Ausgabe" bereits als Standard festgelegt. 

Weiterhin ist es natürlich möglich als Startseite für deine Domain eine Archiv-Ansicht einzustellen, sodass deine Leser:innen als Startseite eine Übersicht all deiner bereits erschienenen Ausgaben sehen.

Das Multilevel-Menü ermöglicht eine zielgerichtete Verschiebung von Medienordnern, Bildern, Videos und weiteren Dateitypen an den vorgesehenen Ort. Während zuvor nur die obersten Ordner beim Verschieben einer Datei angezeigt wurden, werden nun alle Unterordner aufgeführt. 

Zusätzlich wird die oberste Ebene der Mediathek durch das Wort "Hauptordner" gekennzeichnet.

Das Arbeiten in Novamag war bisher nur in englischer Sprache möglich. Ab sofort kann das System auch auf Deutsch gestellt werden. 🗣🇩🇪 💬 💻

Wie kannst du deine Sprache umstellen? 

Wenn du die Sprache in Novamag ändern möchtest, kannst du dies über dein persönliches Profil tun. Klicke in der Seitenleiste auf dein Profilbild, navigiere dich über dein Profil auf Details / Allgemeine Kontaktdetails zum Feld Sprache. Hier kannst du im Drop-down-Menü Deutsch oder Englisch auswählen und speichern.

Ab sofort ist das Feature Tracking Premium verfügbar. Auf dem Novamag Dashboard befindet sich ein erweiterter Tracking-Monitor, der es eingeloggten User:innen ermöglicht, sämtliche Kennzahlen zum Leseverhalten eigenständig einzusehen und auszuwerten. 

Das Novamag Dashboard erscheint direkt nach Login oder ist über das Novamag-Logo erreichbar. Um detaillierte Einblicke zu den Lesedaten zu erhalten, lässt sich der Tracking-Monitor per Klick vergrößern.

Mit dem Feature Tracking Premium behältst du einfach den Überblick. Über die Filterfunktion kannst du die Zahlen einzelner Digitalmagazine oder Ausgaben generieren. Es gehen dir keine Lesedaten verloren. Optimiere kontinuierlich die Performance deines Digitalmagazins, indem du den Ursprung deiner Leser:innen nachvollziehst und proaktiv auf das Nutzerverhalten reagierst.

Ab sofort sind alle Digitalmagazine mit einem neuen Cookie Consent ausgestattet. Einzelne Dienste lassen sich jetzt flexibel aktivieren und deaktivieren.

Das neue Consent Tool bietet User:innen außerdem die Möglichkeit beim Lesen des Digitalmagazins zu entscheiden, ob sie die Inhalte bestimmter Dienste gar nicht, einmalig oder immer zulassen möchten. Fehlt das Einverständnis der User:innen, werden externe Inhalte im Digitalmagazin blockiert. Alle Cookie Einstellungen können jederzeit über die Navigationsleiste angepasst werden.

Der neue Cookie Consent erscheint bei mehrsprachigen Magazinen automatisch in der jeweiligen Sprache.

Auf unserer Roadmap findest du ab sofort alle planmäßigen großen Features und erfährst, in welchem Zeitraum sie geplant sind.  

 Zur Roadmap

Ab sofort wird der Auftragsverarbeitungsvertrag (AVV) für Neukunden von Novamag elektronisch und direkt in der Software abgeschlossen. Für diejenigen Teams, bei denen die Unterzeichnung eines AVVs noch ausstehend ist, erscheint ein orangefarbenes Warnsymbol über dem Team-Icon. In der Team Overview besteht dann die Möglichkeit den AVV einzusehen, auszufüllen und ihn zu akzeptieren. Der vollständige Vertrag steht im Anschluss für die eigene Ablage zum Download bereit.

Wenn im Zuge der Zusammenarbeit in der Vergangenheit bereits ein AVV geschlossen wurde, erscheint die jeweilige Info dazu fortan in der Team Overview. Es muss in diesem Fall nichts weiter unternommen werden. Der bereits geschlossene AVV Vertrag behält seine Gültigkeit.

Mit der Klonfunktion können in Novamag einzelne Seite oder auch ganze Ausgaben von einer Publikation in eine andere Publikation oder auch in ein anders Projekt geklont werden. Auch Contentseiten lassen sich von einer Hauptseite zu einer Anderen klonen. Mit der Überarbeitung der Klonfunktion können nun auch Contentseiten zu einer Hauptseite geklont werden und andersherum (Hauptseiten zu einer Inhaltsseiten umgewandelt werden). Dies ist wiederum nur für alle Inhaltsfähigen Template möglich, weshalb u.a, die Cover und Index-Template außen vor sind.

Für jedes Video kann ein individuelles Thumbnail bestimmt werden. In der Mediathek lässt sich über die Einzelansicht des Videos im Feld Add Thumbnail via Drag & Drop ganz einfach ein neues Vorschaubild hochladen.          

Für die Ergänzung der eigenen Datenschutzhinweise stehen in Novamag Textbausteine gängiger Tools von Drittanbietern zur Verfügung, die häufig in Digitalmagazinen Verwendung finden. Die Textbausteine stellen rechtlich lediglich unverbindliche Vorlagen dar. Novamag bietet keine Rechtsberatung an. Die rechtliche Verantwortung und Prüfung zum Einsatz von Drittanbieter-Tools verbleibt beim Kunden.

Einzelne Textbausteine können in den Project Settings unter Legal  eingefügt werden. Mit Klick auf den Button Add Privacy Text Modules öffnet sich ein Pop-up Fenster, in dem mithilfe einer Checkbox diejenigen Dienste angehakt werden können, die kundenseitig im Digitalmagazin Verwendung finden. Die Textbausteine stehen sowohl in deutscher, als auch in englischer Sprache zur Verfügung und sind editierbar. Sie alleine ersetzen jedoch keine Datenschutzerklärung.

Sofern keine Legal Settings in einem Projekt hinterlegt wurden, darunter fällt das Impressum sowie die Datenschutzerklärung, erscheint ein Warnhinweis in der Project Overview.

Für eine übersichtliche Darstellung der Page Overview haben wir mehrere Funktionen in einem Drop-Down-Menü zusammengefasst. Hinzu gekommen ist die Funktion Select Pages, mit dieser mehrere Seiten markiert und unter Actions gelöscht werden können.

Die Darstellung sowie Erstellung von Inhaltsseiten wurde nicht nur optisch verbessert, sondern auch funktional optimiert. Um die Übersichtlichkeit in der Page Overview bei der Vielzahl an Seiten zu bewahren, können mithilfe der Buttons die gesamten Inhaltsseiten ausgeklappt (Show All Contents) oder eingeklappt (Hide All Contents) werden. Ab einer Anzahl von 11 Inhaltsseiten werden diese automatisch eingeklappt, um unnötig langes Scrollen innerhalb der Page Overview zu vermeiden.   

Während der Reiter Fonts zuvor auf der obersten Ebene in der Project Overview zu finden war, sind hochgeladene Fonts ab sofort auf Teamebene verfügbar und im Reiter Files untergebracht. Dort können die Fonts ganz einfach via Drag & Drop in der dafür vorgesehenen Font-Collection als .otf, .ttf oder .woff Datei hineingezogen werden, so wie man es vom Medien-Upload kennt. 

Neu