CIXON Recruiting ATS – Erste Schritte

CIXON Recruiting ATS · HubSpot-Theme · Version 1.0.0 · Stand: 21.09.2026

Dieses Handbuch führt Sie durch Installation und Einrichtung des Themes CIXON Recruiting ATS — ein kostenloses HubSpot-Theme für Personaldienstleister, Recruiting-Agenturen und Unternehmen, die ihre Karriereseite in HubSpot betreiben.

Das Theme ist eigenständig: Es braucht keine App, keine Custom Objects und keine bestimmte HubSpot-Stufe. Alle Schriften, Skripte und Grafiken liegen im Theme und werden von Ihrer eigenen Domain geladen.

Was das Theme mitbringt

Im Detail: Alle 47 Bausteine im Abschnittskatalog

In fünf Schritten startklar

1 · Theme installieren

Öffnen Sie das Theme im HubSpot Template Marketplace und klicken Sie auf Add to account. Es liegt danach unter Content → Design-Manager in Ihrem Portal.

2 · Farben und Schriften setzen

Gehen Sie zu Content → Design-Manager → CIXON Recruiting ATS → Einstellungen bearbeiten. Dort legen Sie Primär- und Sekundärfarbe, Schriften für Fließtext und alle Überschriftenebenen, Button- und Formularfarben sowie Kopf- und Fußbereich fest.

Zwei Eigenheiten, die Zeit sparen, wenn Sie sie kennen:

• Primär- und Sekundärfarbe sind ab Werk an die Markeneinstellungen Ihres Portals gekoppelt. Solange Sie nichts eintragen, zeigt das Theme Ihre Markenfarben — nicht die Vorschauwerte aus der Demo.
• Ein Wert, der exakt der Vorbelegung entspricht, wird nicht gespeichert. Wollen Sie genau die Vorgabefarbe erzwingen, tragen Sie einen um eine Stelle abweichenden Wert ein (etwa #2563EC statt #2563EB) — optisch identisch, aber wirksam.

Im Detail: Darstellung je Abschnitt einstellen

3 · Erste Seiten anlegen

Erstellen Sie unter Content → Website-Seiten eine neue Seite und wählen Sie eine Vorlage aus dem Theme. Wir empfehlen diese Reihenfolge: Startseite, Karriere, Kontakt, danach Kultur und Standorte. Jede Vorlage bringt Beispielinhalte mit, die Sie im Editor überschreiben.

Die Modulübersicht (Vorlage Modulübersicht) zeigt alle Bausteine auf einer Seite — praktisch, um zu sehen, was zur Verfügung steht, bevor Sie eine Seite zusammenstellen.

Im Detail: Alle Seitenvorlagen im Überblick

4 · Formulare verbinden

Die Formularmodule werden ohne vorausgewähltes Formular ausgeliefert. Öffnen Sie das jeweilige Modul im Editor und wählen Sie eines Ihrer eigenen HubSpot-Formulare. Das betrifft Kontaktbereich, Kontaktformular, Newsletter und den Bereich „Teil unserer Geschichte".

Im Detail: Formulare einrichten und gestalten

5 · Systemseiten und Rechtstexte zuweisen

Unter Einstellungen → Website → Seiten → Systemseiten weisen Sie die mitgelieferten Vorlagen für 404, 500, Passwortabfrage und Suche zu. Legen Sie außerdem Impressum und Datenschutzerklärung mit der Vorlage Rechtstext an und verlinken Sie beides im Fußbereich — dafür gibt es dort die Feldgruppe „Rechtstext-Links".

Aufbau des Themes

Die Module sind nach Einsatzzweck gruppiert. Basis-Module enthalten Kopf- und Fußbereich sowie die Startseiten-Bereiche. Theme-Module enthalten die inhaltlichen Bausteine: Bewerbungsprozess, Kennzahlen, Standorte mit Karte, Team, Kundenstimmen, Galerie, FAQ, Zeitleiste, Blog-Bausteine und mehr.

Kopf- und Fußbereich sind globale Partials: Sie ändern sie einmal, und die Änderung greift auf allen Seiten. Beide enthalten nutzbare Drag-and-Drop-Bereiche.

Im Detail: Abschnittskatalog und fertige Kombinationen

Datenschutz

Beim Aufruf einer Seite entsteht keine Verbindung zu Servern Dritter: Beide Schriften liegen als Dateien im Theme, ebenso alle Grafiken, jQuery und der Slider. Es werden keine Schriften von Google, keine Bilddienste und keine fremden Skripte geladen.

Zwei Dinge liegen außerhalb des Themes und sollten Sie kennen:

• HubSpot setzt für die Reichweitenmessung eigene Cookies. Diese sind einwilligungspflichtig — richten Sie dafür den HubSpot-Einwilligungsbanner ein.
• Dieser Banner lädt seinerseits die Schrift Lato von fonts.googleapis.com, und zwar bevor eine Einwilligung vorliegt. Die Banner-Einstellungen bieten keine Möglichkeit, die Schriftquelle zu ändern; es betrifft jede HubSpot-Seite mit aktivem Banner, unabhängig vom Theme. Wenn Sie das vermeiden möchten, schalten Sie den HubSpot-Banner über window.disableHubSpotCookieBanner = true; ab und übergeben die Einwilligung aus einer eigenen Consent-Lösung per _hsp.push(['setHubSpotConsent', …]) — beschrieben in der Cookie-Banner-API von HubSpot.

Pflege und Grenzen

Was Sie frei ändern können: alle Inhalte, Farben, Schriften, Abstände und Modulfelder im Editor; Seiten anlegen, kopieren und löschen; Module auf Seiten beliebig kombinieren.

Worauf zu achten ist: Das Theme nutzt ein vorkompiliertes CSS-Bündel. Wenn Sie eigene Klassen in Modulen ergänzen, greifen diese nur, wenn Sie sie auch als CSS hinterlegen — neue Utility-Klassen entstehen nicht automatisch. Änderungen am Theme-Code selbst überschreiben wir bei Aktualisierungen; eigene Anpassungen gehören deshalb in eine Kopie des Themes.

Im Detail: Pflegehinweise und Grenzen

Support

Fragen zum Theme beantworten wir unter mail@cixon.de. Eine vollständige Live-Ansicht mit allen Vorlagen und Abschnitten finden Sie unter recruitinghub.themes.cixon.de; das ausführliche Handbuch liegt dort unter /dokumentation.

Die Nutzungsbedingungen für CIXON-Themes finden Sie unter cixon.de/theme-nutzungsbedingungen.

Änderungshistorie