COS-Site-Pages-Templates

Wie füge ich ein HubSpot-Design zu meinem vorhandenen HubSpot-Account hinzu?

Zuletzt aktualisiert am: April 22, 2016

Bitte beachten Sie: Designs sind für ein bestimmtes Aussehen und einen bestimmten Charakter gestaltet. Sie sind daher nicht unbedingt mit den vorhandenen Inhalten in Ihrem Account kompatibel (große Logos, große Menüs usw.).

HubSpot bietet diverse Standarddesign-Optionen für neue COS-fähige HubSpot-Accounts an. Falls Sie bereits einen vorhandenen HubSpot-Account mit einem benutzerdefinierten Design haben, müssen Sie zusammen mit Ihrem Website-Administrator die notwendigen Arbeiten durchführen, um Ihren Account mit diesen Designs kompatibel zu machen, bevor Sie das Design Ihrer Wahl anfordern können.

Da Ihr vorhandener Account möglicherweise globale Skripts und CSS-Dateien enthält, die unter Umständen die Darstellung der Designs beeinträchtigen können, müssen Sie all diese Dateien zuerst an Ihre vorhandenen Vorlagen anfügen, anstatt sie global über die Inhaltseinstellungen anzuwenden. Bitten Sie Ihren Administrator, mit den folgenden Schritten sicherzustellen, dass Ihr Portal mit den Standarddesigns von HubSpot kompatibel ist:

  • Navigieren Sie zu Inhalte > Inhaltseinstellungen.
  • Suchen Sie unter Seitenveröffentlichung die Abschnitte „HTML-Kopfbereich der Website“ und „HTML-Fußbereich der Website“.
  • Kopieren und entfernen Sie alle Skripts und Links in CSS-Dateien, die die Anzeige oder Funktionalität Ihres aktuellen Designs beeinträchtigen. Falls Sie für verschiedene verbundene Domains verschiedene Skripts und Links zu CSS-Dateien haben, müssten Sie zwischen den Domains umschalten und diese für jede Domain einzeln entfernen.
  • Entfernen Sie keine Skripts, die Sie global auf alle Inhalte anwenden möchten (z. B. Google Analytics).
  • Öffnen Sie den Design-Manager.
  • Navigieren Sie zu den Vorlagen-Layouts, die Sie derzeit verwenden.
  • Klicken Sie für Skripts und Links, die zum <head> hinzugefügt werden müssen, auf Bearbeiten > Kopf bearbeiten.
  • Fügen Sie die Skripts und Links in den HTML-Code des Kopfbereichs ein.
  • Speichern und veröffentlichen Sie die Vorlage, und speichern Sie Ihre Inhaltseinstellungen.
Migrieren von Skripts aus dem HTML-Code des Kopfbereichs
Migrieren von Skripts aus dem HTML-Code des Kopfbereichs
  • Bearbeiten Sie Ihren globalen Fußbereich für Skripts und Links, die zum Fußbereich der Vorlage hinzugefügt werden müssen.
  • Fügen Sie den Standardinhalt eines HTML-Moduls hinzu und bearbeiten Sie ihn.
  • Fügen Sie den Code ein.
  • Veröffentlichen Sie den globalen Fußbereich.
  • Speichern Sie Ihre Änderungen in den Inhaltseinstellungen.
Vom Benutzer hinzugefügte Abbildung
Vom Benutzer hinzugefügte Abbildung

Nachdem Sie Ihr Portal kompatibel gemacht haben, müssen Sie entscheiden, welches Design Sie zu Ihrem Account hinzufügen möchten. Kontaktieren Sie dann den HubSpot Support, indem Sie sich anmelden und auf die Schaltfläche Hilfe klicken. Das Support-Team kann dann die Hinzufügung des gewünschten Designs zu Ihrem Account anfordern, vorausgesetzt, Ihr Portal wurde kompatibel gemacht.