{"id":3058,"date":"2026-10-19T15:41:41","date_gmt":"2026-10-19T13:41:41","guid":{"rendered":"https:\/\/help.repaircms.com\/?post_type=docs&p=3058"},"modified":"2026-10-19T22:52:23","modified_gmt":"2026-10-19T20:52:23","password":"","slug":"form-builder-website-einbauen","status":"publish","type":"docs","link":"https:\/\/help.repaircms.com\/de\/docs\/form-builder-hilfe\/form-builder-website-einbauen\/","title":{"rendered":"Formular ver\u00f6ffentlichen, teilen und auf der Website einbauen"},"content":{"rendered":"
\n
<\/svg><\/span><\/p>\n
Kurz gesagt<\/span><\/p>\n

Deine \u00c4nderungen speichert RepairCMS als Entwurf. Kunden sehen das Formular erst, wenn du auf \u201eVer\u00f6ffentlichen\u201c klickst. Unter \u201eTeilen\u201c holst du dir den Link und den QR-Code f\u00fcr Social Media, E-Mails oder einen Aushang vor Ort. F\u00fcr deine Website kopierst du einmal einen Code. Alles, was du danach ver\u00f6ffentlichst, erscheint dort von selbst.<\/p>\n<\/div>\n<\/div>\n

Entwurf und Ver\u00f6ffentlichen<\/h2>\n

Alles, was du im Editor \u00e4nderst, liegt zuerst als Entwurf vor. Oben links neben dem Formularnamen siehst du den Stand, zum Beispiel \u201eNicht ver\u00f6ffentlicht\u201c.<\/p>\n

    \n
  1. Klicke oben rechts auf \u201eVorschau\u201c, um das Formular so zu sehen wie deine Kunden.<\/li>\n
  2. Klicke auf \u201eVer\u00f6ffentlichen\u201c. Ab jetzt sehen Kunden deine \u00c4nderungen \u00fcber Link, QR-Code und Website.<\/li>\n<\/ol>\n

    Der Pfeil neben \u201eVer\u00f6ffentlichen\u201c \u00f6ffnet ein Men\u00fc.<\/p>\n\n\n\n\n\n\n\n
    Eintrag<\/th>\nWas er tut<\/th>\n<\/tr>\n<\/thead>\n
    Live-Formular ansehen<\/td>\n\u00d6ffnet das Formular so, wie es gerade online ist.<\/td>\n<\/tr>\n
    \u00c4nderungen verwerfen<\/td>\nL\u00f6scht deinen Entwurf. Online bleibt der zuletzt ver\u00f6ffentlichte Stand.<\/td>\n<\/tr>\n
    Ver\u00f6ffentlichung aufheben<\/td>\nNimmt Widget und Link offline. Deine Gestaltung bleibt gespeichert.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    \"Ge\u00f6ffnetes<\/figure>\n

    Link und QR-Code<\/h2>\n
      \n
    1. Klicke oben in der Mitte auf \u201eTeilen\u201c.<\/li>\n
    2. Unter \u201eLink und QR-Code\u201c klickst du auf \u201eLink kopieren\u201c oder \u201eQR-Code herunterladen\u201c. Mit \u201eFormular in neuem Tab \u00f6ffnen\u201c probierst du es selbst aus.<\/li>\n<\/ol>\n
      \"Reiter<\/a><\/figure>\n

      Den Link setzt du in Social Media, E-Mails oder auf deine Google-Unternehmensseite. Den QR-Code druckst du f\u00fcr Flyer, Plakate oder einen Aushang am Eingang.<\/p>\n

      <\/svg><\/span><\/p>\n
      Hinweis<\/span><\/p>\n

      Steht oben \u201eNoch nicht ver\u00f6ffentlicht.\u201c, zeigen Link, QR-Code und Widget deinen Kunden noch nichts. Ver\u00f6ffentliche das Formular zuerst.<\/p>\n<\/div>\n<\/div>\n

      Auf deiner Website einbauen<\/h2>\n

      Unter \u201eAuf deiner Website einbauen\u201c w\u00e4hlst du, wie das Formular auf deiner Seite erscheint.<\/p>\n\n\n\n\n\n\n\n
      Art<\/th>\nWann<\/th>\n<\/tr>\n<\/thead>\n
      Preissuche als Widget<\/td>\nDie Suche sitzt auf deiner Seite, das Formular \u00f6ffnet sich dar\u00fcber.<\/td>\n<\/tr>\n
      Ganzes Formular auf deiner Seite<\/td>\nDas Formular steht als Block auf deiner Seite und passt seine H\u00f6he selbst an.<\/td>\n<\/tr>\n
      Nur iframe<\/td>\nF\u00fcr Website-Bauk\u00e4sten, die Skripte blockieren oder eigenes HTML in einen separaten Rahmen setzen.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
        \n
      1. W\u00e4hle die Art.<\/li>\n
      2. Klicke auf \u201eCode kopieren\u201c.<\/li>\n
      3. F\u00fcg den Code auf deiner Website dort ein, wo das Formular stehen soll, zum Beispiel in einem HTML-Block deines Baukastens.<\/li>\n<\/ol>\n

        Die Schritte f\u00fcr WordPress, Elementor, Wix, Jimdo und mit KI gebaute Websites zeigt dir die Anleitung Reparaturformular in WordPress, Wix und andere Websites einbinden<\/a>.<\/p>\n

        Den Code f\u00fcgst du nur einmal ein. Sp\u00e4tere \u00c4nderungen ver\u00f6ffentlichst du in RepairCMS, deine Website zeigt sie dann von selbst.<\/p>\n

        Welche Arten du siehst, h\u00e4ngt vom Formulartyp ab. Die Preissuche gibt es nur bei Reparaturanfragen. RMA und Garantie baust du als ganzes Formular oder als iframe ein. Kiosk und Service Agent kommen nicht auf deine Website.<\/p>\n

        <\/svg><\/span><\/p>\n
        Hinweis<\/span><\/p>\n

        Der iframe hat eine feste H\u00f6he von 700 px. Wird ein Schritt abgeschnitten, \u00e4nderst du im Code beide H\u00f6henwerte, height=\"700\"<\/code> und height:700px<\/code>, zum Beispiel auf 900. Nutzt deine Website eine Content Security Policy, braucht sie my.repaircms.com f\u00fcr Skripte, Frames und Schriften und api-p.repaircms.com f\u00fcr Anfragen. Gib das am besten an deinen Webdesigner weiter.<\/p>\n<\/div>\n<\/div>\n

        Die Preissuche einstellen<\/h2>\n

        Mit der Preissuche suchen Kunden ihre Reparatur, sehen den Preis und buchen direkt. Die Preise und Leistungen kommen aus deinen Services in RepairCMS. \u00c4nderst du dort einen Preis, zeigt die Preissuche auf deiner Website den neuen Preis.<\/p>\n

        Bei Reparaturanfragen schaltest du \u00fcber der Vorschau auf \u201eAls Widget\u201c. Die Vorschau zeigt die Preissuche dann auf einer Beispielseite, in hell oder dunkel. Mit \u201eWidget-Zustand\u201c schaust du dir an, wie die Suche leer, mit Ergebnissen, mit gew\u00e4hlter Reparatur und bei der Buchung aussieht.<\/p>\n

        Im Reiter \u201eWidget\u201c legst du unter \u201eIm Widget zeigen\u201c fest, was Kunden sehen.<\/p>\n\n\n\n\n\n\n\n\n
        Schalter<\/th>\nWas er zeigt<\/th>\n<\/tr>\n<\/thead>\n
        Anfrage ohne Festpreis<\/td>\nEine Zeile f\u00fcr Kunden, die ihre Reparatur nicht finden und trotzdem anfragen wollen.<\/td>\n<\/tr>\n
        Reparaturdauer<\/td>\nDie Dauer, wenn sie beim Service hinterlegt ist. Auf dem Handy bleibt sie ausgeblendet.<\/td>\n<\/tr>\n
        Lagerstatus<\/td>\nOb das Teil auf Lager ist, wenn mit dem Service Lagerartikel verkn\u00fcpft sind.<\/td>\n<\/tr>\n
        Website-Schrift<\/td>\nDas Suchfeld nutzt die Schrift deiner Website.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
        \"Preissuche<\/a><\/figure>\n

        Mit \u201eBuchungsschritte bearbeiten\u201c kommst du zu dem Formular, das sich nach \u201eWeiter\u201c \u00f6ffnet.<\/p>\n

        Kiosk am Tablet vor Ort<\/h2>\n

        Beim Kiosk-Modus zeigt \u201eTeilen\u201c nur Link und QR-Code. \u00d6ffne den Link auf deinem Tablet oder scanne den QR-Code damit. Nach jeder Buchung startet das Formular von selbst neu f\u00fcr den n\u00e4chsten Kunden. Wie du die Zeit daf\u00fcr einstellst, steht in Formular gestalten und einstellen<\/a>.<\/p>\n

        Service Agent f\u00fcr dein Team<\/h2>\n

        Beim Service-Agent-Modus zeigt \u201eTeilen\u201c nur den Link, ohne QR-Code. Der Link ist nur f\u00fcr dein Team: Wer ihn \u00f6ffnet, meldet sich mit einem RepairCMS-Konto an. Die fertige Buchung wird zu einem aktiven Auftrag, der diesem Mitarbeiter zugewiesen ist. Stell den Link nicht auf deine Website.<\/p>\n<\/div>\n

        H\u00e4ufige Fragen<\/h2>
        Muss ich den Code nach jeder \u00c4nderung neu einf\u00fcgen?<\/span><\/span><\/span><\/summary>

        Nein. Du f\u00fcgst den Code einmal ein. Alles, was du danach in RepairCMS ver\u00f6ffentlichst, erscheint auf deiner Website von selbst.<\/p>\n<\/div><\/details>

        Mein Website-Baukasten blockiert Skripte. Was nehme ich?<\/span><\/span><\/span><\/summary>

        W\u00e4hle \u201eNur iframe\u201c. Diese Art ist f\u00fcr Bauk\u00e4sten gedacht, die Skripte blockieren oder eigenes HTML in einen separaten Rahmen setzen. Manche Bauk\u00e4sten lassen gar keinen eigenen Code zu, zum Beispiel der Jimdo Website-Baukasten. Dann kopierst du unter \u201eTeilen\u201c den Link und legst ihn auf einen Button. Wie das in Wix, Jimdo und anderen Bauk\u00e4sten geht, zeigt dir die Anleitung Reparaturformular in WordPress, Wix und andere Websites einbinden<\/a>.<\/p>\n<\/div><\/details>

        Woher kommen die Preise in der Preissuche?<\/span><\/span><\/span><\/summary>

        Aus deinen Services in RepairCMS. Du pflegst Preise und Leistungen nur dort, die Preissuche auf deiner Website zeigt sie von selbst an.<\/p>\n<\/div><\/details>

        Wie nehme ich ein Formular offline?<\/span><\/span><\/span><\/summary>

        \u00d6ffne das Men\u00fc am Pfeil neben \u201eVer\u00f6ffentlichen\u201c und w\u00e4hle \u201eVer\u00f6ffentlichung aufheben\u201c. Widget und Link sind dann offline, deine Gestaltung bleibt gespeichert.<\/p>\n<\/div><\/details><\/div><\/section>