PAVIQ

Karriere-Widget

Ihre Stellen. Auf Ihrer Website.

Das Widget zeigt Ihre offenen Stellen aus PAVIQ direkt auf Ihrer eigenen Website – immer aktuell, in Ihren Farben, ohne Cookies.

In Entwicklung

Zwei Zeilen Code – einmal einfügen
<script async src="https://paviq.de/widget/v1/jobs.js"></script>
<paviq-jobs organization="org_…" theme="auto"></paviq-jobs>

Den vollständigen Code mit Ihrer Kennung kopieren Sie in PAVIQ unter „Widget“.

Einmal einbauen. Danach pflegt es sich selbst.

  1. Schritt 1

    Stellen in PAVIQ veröffentlichen

    Das Widget zeigt dieselben Stellen wie Ihr Unternehmensprofil – neueste zuerst.

  2. Schritt 2

    Code einmal einfügen

    Kopieren Sie den Code im Bereich „Widget“ und fügen Sie ihn auf Ihrer Karriereseite ein.

  3. Schritt 3

    Fertig

    Neue, geänderte und beendete Stellen erscheinen nach wenigen Minuten auch auf Ihrer Website – ohne neuen Code.

Passt zu Ihrer Website. Nicht umgekehrt.

  • Liste oder KartenAuf Wunsch mit Filter nach Ort und Anstellungsart.
  • Ihre Farben, Ihre SchriftFarbe, Ecken und Abstände stellen Sie mit Live-Vorschau ein. Die Schrift Ihrer Website wird übernommen.
  • Hell und dunkelAuf dunklen Flächen stellt sich das Widget von selbst um.
  • Ohne CookiesDas Widget setzt keine Cookies und speichert nichts im Browser Ihrer Besucherinnen und Besucher.
  • Bewerbung über die JobseiteEin Klick führt zur Jobseite bei PAVIQ. In der Reichweite sehen Sie, wie viele Aufrufe über das Widget kamen.
  • Auch ohne SkripteErlaubt Ihr Baukasten kein JavaScript, nutzen Sie den iframe-Code. Die Liste erscheint dann in einem Rahmen.

So bauen Sie das Widget ein. Schritt für Schritt je Baukasten.

Beide Codes finden Sie in PAVIQ unter „Widget“ → „Auf Ihrer Website einbauen“. Der Widget-Code ist die erste Wahl: Er passt sich Schrift und Breite Ihrer Website an. Den iframe-Code nutzen Sie nur, wenn Ihr Baukasten keine Skripte erlaubt.

Setzen Sie das Widget am besten ans Ende der Seite. Die Liste lädt kurz nach der Seite; Inhalte darunter würden sonst beim Laden nach unten rutschen.

  • WordPress (Block-Editor)Widget-Code
    1. Öffnen Sie die Karriereseite im Block-Editor.
    2. Fügen Sie über „+“ den Block „Individuelles HTML“ ein – oder tippen Sie in einem neuen Absatz /html.
    3. Fügen Sie den Widget-Code im Bereich HTML ein.
    4. Speichern Sie die Seite mit „Aktualisieren“ bzw. „Veröffentlichen“.

    WordPress behält Skripte nur für Nutzer mit dem Recht „unfiltered_html“ – auf einer einzelnen Website Administratoren und Redakteure, in einem Netzwerk nur Super-Admins. Bei allen anderen entfernt WordPress den Code beim Speichern. Auf WordPress.com funktionieren Skripte und iframes erst mit einem Tarif mit Plugins und aktivierten Hosting-Funktionen.

    WordPress-Hilfe: Custom HTML(öffnet in neuem Tab)

  • WordPress mit ElementorWidget-Code
    1. Bearbeiten Sie die Karriereseite mit Elementor.
    2. Ziehen Sie das Widget „HTML“ (Symbol </>) an die Stelle, an der Ihre Stellen erscheinen sollen.
    3. Fügen Sie den Widget-Code in das Codefeld des Widgets ein.
    4. Klicken Sie auf „Veröffentlichen“ bzw. „Aktualisieren“.

    Das HTML-Widget steht in Elementor standardmäßig nur Administratoren zur Verfügung.

    Elementor-Hilfe: HTML widget(öffnet in neuem Tab)

  • Wixiframe-Code
    1. Klicken Sie im Wix-Editor links auf „Elemente hinzufügen“ und wählen Sie „Code einbetten“.
    2. Wählen Sie „Website einbetten“ und ziehen Sie das Element auf die Seite.
    3. Klicken Sie auf „Website-Adresse eingeben“ und fügen Sie die Adresse aus dem iframe-Code ein – den Teil zwischen den Anführungszeichen nach src=, beginnend mit https://.
    4. Klicken Sie auf „Anwenden“ und ziehen Sie das Element auf die gewünschte Höhe.

    Wix zeigt eingebetteten Code immer in einem eigenen Rahmen an. Darum ist der iframe-Code hier die einfachere Wahl; die Höhe stellen Sie im Editor ein.

    Wix-Hilfe: Embedding a Site or a Widget(öffnet in neuem Tab)

  • JimdoWidget-Code
    1. Klicken Sie in Jimdo Creator auf „Bearbeiten“ und fahren Sie über die Stelle, an der Ihre Stellen erscheinen sollen.
    2. Wählen Sie „Element hinzufügen“, dann „Weitere Elemente & Add-ons“ und „Widget/HTML“.
    3. Fügen Sie den Widget-Code ein und klicken Sie auf „Speichern“.

    Eigenen Code unterstützt Jimdo im Element „Widget/HTML“ von Jimdo Creator. Im Jimdo-Website-Baukasten empfiehlt Jimdo die eingebauten Elemente – gibt es dort kein HTML-Element, verlinken Sie stattdessen Ihr PAVIQ-Profil.

    Jimdo-Hilfe: How do I insert my own code?(öffnet in neuem Tab)

  • WebflowWidget-Code
    1. Öffnen Sie die Seite im Webflow Designer und das Panel „Add“.
    2. Ziehen Sie das Element „Code Embed“ an die Stelle, an der Ihre Stellen erscheinen sollen.
    3. Fügen Sie den Widget-Code in das Codefeld ein und speichern Sie.
    4. Veröffentlichen Sie die Website und prüfen Sie das Ergebnis auf der veröffentlichten Seite.

    „Code Embed“ gibt es mit einem kostenpflichtigen Site-Plan oder einem Core-, Growth-, Agency- oder Freelancer-Workspace.

    Webflow-Hilfe: Custom code embed(öffnet in neuem Tab)

  • SquarespaceWidget-Code
    1. Bearbeiten Sie die Seite und klicken Sie in einem Abschnitt auf „Block hinzufügen“.
    2. Wählen Sie den Block „Code“ und öffnen Sie ihn über das Stiftsymbol.
    3. Lassen Sie den Modus auf „HTML“ und „Display Source“ ausgeschaltet.
    4. Fügen Sie den Widget-Code ein und speichern Sie die Seite.

    JavaScript und iframes in Codeblöcken erlaubt Squarespace in den Tarifen Core, Plus und Advanced. Eingeloggt zeigt Squarespace Code manchmal nicht an – prüfen Sie dann die Vorschau im abgesicherten Modus oder die Seite im privaten Fenster.

    Squarespace-Hilfe: Code blocks(öffnet in neuem Tab)

  • ShopifyWidget-Code
    1. Öffnen Sie im Shopify-Adminbereich „Onlineshop“ → „Themes“ und klicken Sie beim aktuellen Theme auf „Anpassen“.
    2. Wählen Sie die Seite, auf der Ihre Stellen erscheinen sollen, und klicken Sie auf „Abschnitt hinzufügen“.
    3. Wählen Sie den Abschnitt „Custom Liquid“ (je nach Theme „Benutzerdefiniertes Liquid“) und fügen Sie den Widget-Code ein.
    4. Klicken Sie auf „Speichern“.

    Nicht jedes Theme hat einen Abschnitt für eigenen Code – das steht in der Dokumentation Ihres Themes. Fehlt er, hilft Ihr Theme-Anbieter oder eine Agentur.

    Shopify-Hilfe: Extend your theme(öffnet in neuem Tab)

  • Eigene Website (HTML)Widget-Code
    1. Fügen Sie den Widget-Code im <body> Ihrer Karriereseite an der Stelle ein, an der Ihre Stellen erscheinen sollen.
    2. Das Widget nimmt die volle Breite seines Containers ein und übernimmt Schrift und Textfarbe der Seite.
    3. Laden Sie die Seite hoch. Mehr ist nicht nötig – kein Build, keine weitere Bibliothek.

    Farben, Ecken und Abstände stellen Sie in PAVIQ ein. Wer mehr anpassen will, setzt CSS-Variablen wie --paviq-radius direkt am Element paviq-jobs.

    MDN: Custom Elements(öffnet in neuem Tab)

Stand: Oktober 2026, geprüft anhand der Hilfeseiten der Anbieter. Menünamen können je nach Version und Sprache des Editors abweichen.

Und Google? Dafür sorgt die Jobseite.

Das Widget macht Ihre Stellen auf Ihrer Website sichtbar. Für die Suche bei Google zählt die Jobseite jeder Stelle bei PAVIQ – mit den Angaben, die Google für Stellenanzeigen auswertet, sobald Ihr Unternehmen verifiziert ist. Beides ergänzt sich, ohne doppelten Pflegeaufwand.