Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
Landing Pages
Website Pages

Häufig gestellte Fragen zu Landing-Pages und Unterseiten einer Website

Zuletzt aktualisiert am: September 24, 2020

Produkte/Lizenzen

Marketing Hub  Starter, Professional, Enterprise
CMS Hub  Professional, Enterprise
Ehemaliges Marketing Hub Basic

Hier finden Sie Antworten auf häufig gestellte Fragen zum Seitendesign, zur Seitenveröffentlichung und zu Seiten-Analytics. Für eine Änderung Ihre HubSpot-Vorlage oder Ihr Stylesheet wenden Sie sich am besten an den ursprünglichen Designer Ihrer Vorlage.

Bitte beachten: Wenn Sie eine im Vorlagen-Marketplace erworbene Vorlage verwenden, wenden Sie sich an den ursprünglichen Designer Ihrer Vorlage, wenn Sie Fragen zum Design Ihrer Seite haben.

Seitendesign

Wie erhalte ich Hilfe bei Fragen zum Design?

Bitte beachten: Wenden Sie sich bei Fragen zum Design Ihrer Website am besten an den ursprünglichen Designer Ihrer Seitenvorlage.

Wenn Sie mit dem Lesen und Schreiben von HTML und CSS vertraut sind:

  • In der CMS-Referenzdokumentation finden Sie Tutorials, Leitfäden und einen Überblick über das CMS-Framework.
  • Im CMS-Entwicklungsforum der Community erhalten Sie Tipps und Ratschläge zu Ihrem Code sowie Anweisungen zur Fehlerbehebung.
  • Treten Sie in Kontakt mit dem Produktteam von HubSpot und anderen Entwicklern, die in der CMS Developer Slack Community an HubSpot arbeiten.

Wenn Sie nicht mit dem Lesen und Schreiben von HTML und CSS vertraut sind:

Warum ist meine Seite nicht für Mobilgeräte optimiert?

Für Mobilgeräte optimiert Inhalte sehen nicht auf jedem Gerätetyp identisch aus. Obwohl die Vorlagen von HubSpot standardmäßig für Mobilgeräte optimiert sind, gibt es einige Gründe, dass Ihre Inhalte möglicherweise nicht responsiv erscheinen. Erfahren Sie, wie Sie eine Vorschau Ihrer Inhalte auf einem Mobilgerät anzeigen.

  • Bild ist abgeschnitten: Bei einem für Mobilgeräte optimierten Bild wird dessen Größe an die Bildschirmgröße angepasst, auf dem es angezeigt wird: Dies bedeutet, dass es anders abgeschnitten wird, um auf einen kleineren Gerätetyp zu passen. Dadurch wird verhindert, dass das Bild gedehnt oder verzerrt wird.
  • Größte von Text ändert sich nicht: Wenn Sie Text zu einem Bild in einem Bildbearbeitungsprogramm wie Photoshop hinzugefügt haben, wird die Größe dieses Texts nicht getrennt vom Bild geändert. Um sicherzustellen, dass überlagerter Text tatsächlich responsiv ist, fügen Sie Ihr Hintergrundbild als ein Abschnitts-, Zeilen- oder Spaltenhintergrundbild hinzu und schließen Sie ein Rich-Text-Modul oder ein Header-Modul für Ihren Text ein.
  • Tabelle ist nicht responsiv: Bei Tabellen bestehen Regeln bezüglich der genauen Größe, die diese Elemente auf der Seite aufweisen sollten. Verwenden Sie für optimale Ergebnisse Drag-&-Drop-Spalten, um die Struktur Ihrer Seite anstelle einer Tabelle zu definieren.

Wie kann ich ein Hero-Hintergrundbild erstellen?

Die beste Möglichkeit, ein Hero-Bild zu erstellen, hängt vom Typ der Seitenvorlage ab, die Sie verwenden.

  • Die einfachste Möglichkeit, eine Seite mit einem Hero-Bild zu erstellen, besteht darin, eine Starter-Vorlage zu verwenden und ein Hintergrundbild für einen gesamten Abschnitt Ihrer Seite auszuwählen. Denken Sie daran, dass die Starter-Vorlagen kein Navigationsmenü enthalten oder keinen Zugriff auf Quellcode bieten.
  • Wenn Sie eine Website-Seite mit einem Hero-Hintergrundbild erstellen möchten, können CMS Hub Professional- und Enterprise-Accounts eine Designvorlage verwenden, die ein Hero-Bild im Design enthält. Designvorlagen unterstützen auch Drag-&-Drop-Bearbeitung, bei der Sie ein Hintergrundbild für einen gesamten Abschnitt Ihrer Seite auswählen können.
  • Um ein Hero-Bild zu einer im Design-Manager erstellten Layoutvorlage hinzuzufügen, müssen Sie etwas benutzerdefinierten Code in Ihrer Vorlage bearbeiten. Erfahren Sie im Entwicklerforum der CMS-Community mehr darüber, wie Sie ein Hero-Bild in einer Layoutvorlage einrichten.

Bitte beachten:Wenn Sie nicht mit dem Bearbeiten von Code vertraut sind, können Sie sich an einen Designer mit Kenntnissen in der CMS-Entwicklung im Partnerverzeichnis wenden.

Wie kann ich die Farben und Schriftarten für mein Navigationsmenü steuern?

Menüeinträge und Links für Ihr Navigationsmenü werden in Ihren Navigationseinstellungen in Ihren Account-Einstellungen gesteuert. Ihr Menüdesign basiert jedoch auf Ihrer Seitenvorlage. Die Farben, Schriftarten, der Abstand und das allgemeine Erscheinungsbild der Menüs werden durch die auf Ihre Seitenvorlage angewendeten Stile gesteuert.

Wie kann ich einen CTA zentrieren?

Die Schritte zum Zentrieren eines CTA (Call-to-Action) hängen vom Typ der Seitenvorlage ab, die Sie verwenden.

Um einen CTA in einer Starter-Vorlage, einer Designvorlage oder einer Code-Vorlage mit einem Drag-&-Drop-Bereich zu zentrieren, können Sie ein CTA-Modul in den Moduleinstellungen für die Ausrichtung zentrieren.

  • Klicken Sie im Seiten-Editor auf Ihren CTA, um ihn auszuwählen.
  • Klicken Sie im linken Bereich auf die Registerkarte „Stile“.
  • Klicken Sie auf „Ausrichtung und Abstand“, um diese Optionen zu erweitern.
  • Klicken Sie im Abschnitt „Ausrichtung“ auf das blockAlignmentCenter Symbol für eine zentrierte Ausrichtung.

center-a-cta

Wenn Sie einen CTA in einer im Design-Manager erstellten Layoutvorlagen zentrieren möchten, erhalten Sie die besten Ergebnisse, wenn Sie den CTA zu einem Rich-Text-Modul hinzuzufügen und ihn dann im Modul zentrieren.

  • Klicken Sie im Seiten-Editor auf ein beliebiges Rich-Text-Modul, um es auszuwählen.
  • Klicken Sie oben in der Navigationsleiste auf „Einfügen“ „Call-to-Action“.
  • Klicken Sie auf den CTA, um ihn auszuwählen, und klicken Sie dann auf „Einfügen“.
  • Klicken Sie in Ihrem Rich-Text-Modul auf den CTA, um das Dialogfeld „CTA-Optionen“ zu aktivieren.
  • Klicken Sie im Abschnitt „Layout“ auf das blockAlignmentCenter Symbol für eine zentrierte Ausrichtung. Dadurch wird Ihr CTA im Rich-Text-Modul auf Ihrer Seite zentriert.

Wenn Sie mit der Bearbeitung von CSS vertraut sind, können Sie Ihre Layoutvorlage so anpassen, dass die Inhalte in diesem Modul stets zentriert sind.

Wie kann ich meine Seitenvorlage bearbeiten?

Um die Vorlage Ihrer Seite zu bearbeiten, können Sie die Vorlage über die Registerkarte „Einstellungen“ im Seiten-Editor aufrufen.

Bitte beachten: Wenn Sie die auf eine vorhandene Seite angewendete Vorlage ändern, können Sie nur Vorlagen des gleichen Typs wie die aktuelle Vorlage auswählen. Wenn die Seite den Drag-&-Drop-Editor verwendet, können Sie nur zu einer Vorlage wechseln, die für die Drag-&-Drop-Bearbeitung aktiviert ist.

  • Gehen Sie in Ihrem HubSpot-Account zu Ihren Landing-Pages, Ihren Website-Seiten, Ihrem Blog oder Ihrer E-Mail.
  • Bewegen Sie den Mauszeiger im Dashboard über die Seite, den Beitrag oder die E-Mail, deren bzw. dessen Vorlage Sie bearbeiten möchten, und klicken Sie auf „Bearbeiten“.
  • Klicken Sie oben im Content-Editor auf die Registerkarte „Einstellungen“, scrollen Sie nach unten, und klicken Sie auf „Erweiterte Optionen“.
  • Klicken Sie zum Bearbeiten der Vorlage im Abschnitt „Vorlage“ auf „Diese Vorlage bearbeiten“.

    editor-edit-this-template

Wenn Sie die für diese Seite verwendete Vorlage lieber ändern möchten, klicken Sie auf „Andere Vorlage verwenden“.

Kann ich Änderungen im Quellcode meiner Seite vornehmen?

Rich-Text-Module unterstützen den Zugriff auf den Quellcode in den meisten Typen von Vorlagen. Klicken Sie zum Aufrufen des Quellcodes auf ein beliebiges Rich-Text-Modul, um die Editor-Symbolleiste zu aktivieren. Klicken Sie oben rechts auf „Erweitert“ > „Quellcode“. Nehmen Sie die gewünschten Änderungen vor und klicken Sie dann unten links auf „Änderungen speichern“.

Bitte beachten: Es ist nicht möglich, in Starter-Vorlagen auf den Quellcode zuzugreifen.

Wie erstelle ich einen Textumbruch-Effekt durch schwebende Bilder?

Mit den Ausrichtungsoptionen für Bilder können Sie in jedem Rich-Text-Modul ein schwebendes Bild erstellen. Fügen Sie zuerst das Bild ein, das auf der Seite positioniert werden soll. Klicken Sie dann auf das Bild im Content-Editor, um seine Formatierungsoptionen zu öffnen.

Wie kann ich eine Video- oder Audiodatei auf meiner Seite einbetten?

  • Sie können eine Video-URL von einem unterstützten Anbieter in allen Typen von Seitenvorlagen einbetten.
  • Mit dem von Vidyard bereitgestellten HubSpot Video können Marketing Hub Professional- und Enterprise- sowie CMS Hub Professional- und Enterprise-Accounts Videoinhalte in einem Rich-Text-Modul hinzufügen und Video-Analytics in HubSpot tracken. Diese Funktion ist nicht in einer Starter-Vorlage verfügbar.
  • Es gibt auch eine Vidyard-Integration für HubSpot.

Wie kann ich die Hintergrundfarbe für eine Seite ändern?

Starter-Vorlagen, Designvorlagen und Code-Vorlagen mit einem Drag-&-Drop-Bereich enthalten Seitenabschnitte mit Hintergrundstiloptionen. Erfahren Sie, wie Sie den auf den Hintergrund eines Abschnitts angewendeten Stil bearbeiten.

Bei Layoutvorlagen kann die Hintergrundfarbe einer einzelnen Seite kann durch Hinzufügen von einfachen CSS zum Kopfzeilen-HTML einer Website-Seite oder Landing-Page geändert werden.

  • Gehen Sie in Ihrem HubSpot-Account zu Ihren Landing-Pages oder Website-Seiten. Bewegen Sie den Mauszeiger über die Seite, die Sie anpassen möchten, und klicken Sie dann auf „Bearbeiten“.
  • Klicken Sie auf die Registerkarte „Einstellungen“, scrollen Sie dann nach unten, und klicken Sie auf „Erweiterte Optionen“.
  • Fügen Sie im Abschnitt Kopfzeilen-HTML den folgenden Code hinzu: Ersetzen Sie den Farbwert red durch eine Farbe Ihrer Wahl, indem Sie entweder den Namen oder den HTML-Hexadezimalwert verwenden.
<style>
body {
background-color: red;
}
</style>

Bitte beachten: Wenn Sie nicht mit der Bearbeitung von CSS vertraut sind, wenden Sie sich an den ursprünglichen Designer Ihrer Vorlage oder bitten Sie im CMS-Entwicklungsforum um Rat.

Seitenveröffentlichung

Kann ich frühere Versionen meiner Seite wiederherstellen?

Sie können gespeicherte Versionen Ihrer Seite mit dem Bearbeitungs-Tool für Seiten überprüfen. Bei der Arbeit am Entwurf einer Seite werden Ihre Änderungen jedes Mal gespeichert, wenn Sie oben rechts auf die Schaltfläche „Speichern“ klicken. Nach der Veröffentlichung der Seite werden auch alle neuen veröffentlichten Versionen im Verlauf der Bearbeitungen gespeichert.

view-revisions-new-editors

Kann ich auf meiner Seite Personalisierung verwenden?

Sie können Ihre Seiten mit jeder Kontakteigenschaft oder benutzerdefinierten Eigenschaft personalisieren. Wenn Sie ein Personalisierungs-Token hinzufügen, müssen Sie auch einen Standardwert für alle neuen Besucher einschließen. Damit Personalisierungs-Token einen Wert für einen Kontakt anzeigen, muss der Kontakt einen Kontaktdatensatz in Ihrem HubSpot-Account und einen bekannten Wert für die als Token verwendete Eigenschaft haben.

Wie kann ich auf eine PDF-Datei verlinken, nachdem Besucher ein Formular auf meiner Landing-Page ausfüllen?

Sie haben zwei Möglichkeiten, Besucher nach dem Einsenden Ihres HubSpot-Formulars zu geschützten Inhalten (wie PDF-Dateien oder Videos) weiterzuleiten:

Sie können eine Seite ablaufen lassen und Besucher auf eine neue URL umleiten, nachdem die Aktion beendet oder das Event-Datum abgelaufen ist. Klicken Sie auf der Registerkarte „Einstellungen“ des Seiten-Editors auf das Dropdown-Menü „Nach Ablauf der Seite Weiterleitung zu“, um auszuwählen, wohin diese Seite nach ihrem Ablauf weitergeleitet werden soll. Wählen Sie eine Ihrer veröffentlichten HubSpot-Seiten aus, oder klicken Sie auf „+ Externe URL eingeben“, um die HubSpot-Seite zu einer externen Seite weiterzuleiten.

Warum wird meine Seite nicht veröffentlicht?

Seiten und Blog-Beiträge von HubSpot erfordern einen Wert in den Feldern „Interner Seitenname“, „Seitentitel“ und „Seiten-URL“, bevor die Option „Veröffentlichen“ auf der Bearbeitungsoberfläche angezeigt wird. Jeder veröffentlichte Inhalt muss zudem eine eindeutige URL aufweisen.

Wenn auf Ihrer Seite Pflichtfelder fehlen, sehen Sie eine Warnung mit einer Liste der erforderlichen Felder, wenn Sie den Mauszeiger über die Schaltfläche „Veröffentlichen“ oben rechts bewegen.

required-fields-for-publishing

Kann ich eine Landing-Page mehreren Kampagnen zuordnen?

Jede einzelne Landing-Page und Website-Seite kann nur einer Kampagne in HubSpot zugeordnet sein. Das Hinzufügen von bereits mit einer anderen Kampagne verknüpften Elementen oder Inhalten zu einer neuen Kampagne entfernt diese von ihren aktuellen Kampagnen.

Kann ich eine gelöschte Seite wiederherstellen?

Derzeit gibt es keine Möglichkeit, gelöschte HubSpot-Seiten in der App wiederherzustellen. Wenn Sie versehentlich eine HubSpot-Seite gelöscht haben, die wiederhergestellt werden muss, kontaktieren Sie den Support.

Seiten-Analytics

Wie oft werden die Daten auf dem Landing-Page-Dashboard aktualisiert?

Analytics und Kennzahlen im Dashboard der Seite und Ihren Website-Analytics-Tools werden alle 20-30 Minuten aktualisiert.

Werden die Analytics gelöscht, wenn ich die URL meiner Seite ändere?

Die Daten verschwinden nicht aus dem Dashboard der Seite, wenn Sie die URL einer Seite ändern. HubSpot verwendet eine eindeutige Identifikationsnummer für jede Ihrer Seiten, anhand derer es ihre Performance nachverfolgt. Darum können Sie die URL einer Seite ändern, ohne dass es zu Störungen bei Ihren Daten kommt.

Bitte beachten: Anders als im Dashboard der Landing-Page werden im Seitenbericht Seiten entsprechend ihrer URL als eindeutig angesehen. Wenn Sie die URL für eine Landing-Page ändern, erfassen Seiten Aufrufe der Seite unter der neuen URL anstatt der alten URL.

Wie kann ich die Analytics für einen bestimmten Zeitraum anzeigen lassen?

Wenn Sie die Analytics einer Seite für einen bestimmten Zeitraum aufrufen möchten, gehen Sie zu Ihren Landing-Pages oder Website-Seiten. Bewegen Sie den Mauszeiger über die Seite, klicken Sie auf das Dropdown-Menü „Mehr“ und wählen Sie „Details“ aus.

Klicken Sie auf der Registerkarte „Performance“ auf das Dropdown-Menü „Zeitraum“, um die Analytics in einen bestimmten Zeitraum zu segmentieren.

Was ist der Unterschied zwischen Einsendungen und neuen Kontakten?

  • Die Anzahl der Einsendungen gibt die Häufigkeit an, mit der ein Formular auf der Seite eingesendet wurde.
  • Die Anzahl der neuen Kontakte gibt die Anzahl der Besucher an, die durch Einsenden des Formulars auf der Seite zu einem Kontakt wurden. Wenn beispielsweise einer Ihrer vorhandenen Kontakte ein Formular auf Ihrer Landing-Page einsendet, wird er nicht als neuer Kontakt betrachtet.

Wenn ein Kontakt mehrere Formulare einsendet und zum Kunden wird, zählt er als Kunde für beide Landing-Pages?

Der Kontakt wird nur in den Analytics für die erste Landing-Page als Kunde gezählt, bei der er ein Formular eingesendet hat. Unter „Einsendungen“ werden seine Formulareinsendungen auf allen fünf Landing-Pages erfasst, aber unter „Neue Kontakte“ und „Kunden“ wird er nur auf der ersten Landing-Page erfasst, die er ausgefüllt hat.

Wenn ich ein Formular auf meiner eigenen Landing-Page anzeige und einreiche, wird mein Test dann mitgezählt?

Wenn Ihre IP-Adresse in den Berichtseinstellungen aus den Analytics herausgefiltert wird, werden Ihre Testaufrufe und -einsendungen nicht auf die Einsendungsdaten der Seite angerechnet.

Warum erscheinen kürzlich eingesendete Formulare nicht sofort in den Analytics meiner Seite?

Nachdem ein Kontakt ein Formular eingesendet hat, kann es 20-30 Minuten dauern, bis die Einsendung in den Analytics zu der betreffenden Seite ausgewiesen wird. Um die aktuellen Einsendungen eines Formulars anzuzeigen, rufen Sie Ihr Formular-Dashboard auf. Gehen Sie in Ihrem HubSpot-Account zu Marketing > Lead-Erfassung > Formulare.Bewegen Sie den Mauszeiger über das Formular auf der Landing-Page, klicken Sie auf das Dropdown-Menü „Aktionen“ und wählen Sie dann „Einsendungen anzeigen“ aus.

Wie werden doppelte Formulareinsendungen behandelt?

Jede Formulareinsendung wird in der Summe der Einsendungen in Ihrer Seiten-Performance mitgezählt. Wenn derselbe Kontakt das Formular auf Ihrer Landing-Page mehrmals einsendet, wird jede dieser Einsendungen gezählt.

/de/cos-pages-editor/landing-page-and-website-page-frequently-asked-questions