{"id":3235,"date":"2026-10-19T22:35:47","date_gmt":"2026-10-19T20:35:47","guid":{"rendered":"https:\/\/help.repaircms.com\/?post_type=docs&p=3235"},"modified":"2026-10-19T22:39:32","modified_gmt":"2026-10-19T20:39:32","password":"","slug":"form-builder-wordpress-baukasten","status":"publish","type":"docs","link":"https:\/\/help.repaircms.com\/de\/docs\/form-builder-hilfe\/form-builder-wordpress-baukasten\/","title":{"rendered":"Reparaturformular in WordPress, Wix und andere Websites einbinden"},"content":{"rendered":"
\n
<\/svg><\/span><\/p>\n
Kurz gesagt<\/span><\/p>\n

Du brauchst kein zus\u00e4tzliches Plugin. Du kopierst in RepairCMS unter \u201eTeilen\u201c einen Code und f\u00fcgst ihn auf deiner Website in ein HTML-Element ein. In WordPress und Elementor klappt jede Einbau-Art, die dein Formular anbietet, also Preissuche, ganzes Formular und iframe. In Wix nimmst du \u201eNur iframe\u201c. Im Jimdo Website-Baukasten legst du stattdessen den Link auf einen Button.<\/p>\n<\/div>\n<\/div>\n

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

Der Ultimate Repair Form Builder ist ab dem Team-Plan enthalten, ohne Aufpreis. Dein Formular ist ver\u00f6ffentlicht.<\/p>\n<\/div>\n<\/div>\n

Welcher Code zu deiner Website passt<\/h2>\n

In WordPress und Elementor passt jede der drei Einbau-Arten, in Wix nimmst du \u201eNur iframe\u201c, und in Jimdo legst du den Link auf einen Button.<\/p>\n\n\n\n\n\n\n\n\n\n\n
Website<\/th>\nWo der Code hinkommt<\/th>\nPreissuche als Widget<\/th>\nGanzes Formular<\/th>\nNur iframe<\/th>\n<\/tr>\n<\/thead>\n
WordPress mit Block-Editor<\/td>\nBlock \u201eIndividuelles HTML\u201c<\/td>\nja<\/td>\nja<\/td>\nja<\/td>\n<\/tr>\n
WordPress mit Elementor<\/td>\nWidget \u201eHTML\u201c<\/td>\nja<\/td>\nja<\/td>\nja<\/td>\n<\/tr>\n
Wix<\/td>\nElement \u201eEmbed code\u201c<\/td>\nnein<\/td>\nja<\/td>\nja, empfohlen<\/td>\n<\/tr>\n
Framer<\/td>\nKomponente \u201eEmbed\u201c, per KI<\/td>\nja<\/td>\nja<\/td>\nnicht gepr\u00fcft<\/td>\n<\/tr>\n
Lovable<\/td>\nper KI-Auftrag<\/td>\nja<\/td>\nnicht gepr\u00fcft<\/td>\nnicht gepr\u00fcft<\/td>\n<\/tr>\n
Jimdo Website-Baukasten<\/td>\nkein HTML-Element, stattdessen Link auf einen Button<\/td>\nnein<\/td>\nnein<\/td>\nnein<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\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. F\u00fcr Kiosk und Service Agent gibt es keinen Einbau-Code, beide sind f\u00fcr ein Tablet vor Ort gedacht. Den Link eines Service-Agent-Formulars stellst du nicht auf deine Website, denn er braucht eine Anmeldung mit einem RepairCMS-Konto.<\/p>\n

So holst du dir den Code aus RepairCMS.<\/p>\n

    \n
  1. \u00d6ffne dein Formular und klicke oben auf \u201eTeilen\u201c.<\/li>\n
  2. W\u00e4hle unter \u201eAuf deiner Website einbauen\u201c die Art.<\/li>\n
  3. Klicke auf \u201eCode kopieren\u201c.<\/li>\n<\/ol>\n

    Mehr dazu steht in Formular ver\u00f6ffentlichen, teilen und einbauen<\/a>.<\/p>\n

    So sieht der Code f\u00fcr \u201eNur iframe\u201c aus. Kopiere ihn nicht von hier, denn in deinem Code steht statt der drei Punkte die Adresse deines Formulars.<\/p>\n

    <iframe src=\"https:\/\/my.repaircms.com\/book\/\u2026?embed=true\" width=\"100%\" height=\"700\" style=\"border:0;width:100%;height:700px;max-width:100%;background:transparent;\" allowtransparency=\"true\" allow=\"clipboard-write\" loading=\"lazy\" title=\"Repair form\"><\/iframe><\/code><\/pre>\n
    Wie viel Platz das Formular braucht, h\u00e4ngt von der Art ab. Das ganze Formular passt seine H\u00f6he selbst an, der iframe bleibt 700 Pixel hoch. Bei der Preissuche \u00f6ffnet sich das Formular \u00fcber der ganzen Seite, sobald dein Kunde auf \u201eWeiter\u201c klickt.<\/p>\n
    Brauchst du ein WordPress-Plugin?<\/h2>\n
    Nein, f\u00fcr das Reparaturformular brauchst du kein zus\u00e4tzliches Plugin. Der Code aus RepairCMS l\u00e4uft in dem HTML-Block, den WordPress schon mitbringt. Preise und Leistungen pflegst du weiter nur in RepairCMS, und jede Buchung \u00fcber deine Website landet dort als Serviceanfrage. Wie die Online-Buchung f\u00fcr Werkst\u00e4tten funktioniert, zeigt dir die Seite Reparaturformular f\u00fcr deine Website<\/a>.<\/p>\n
    WordPress mit dem Block-Editor<\/h2>\n
    Im Block-Editor f\u00fcgst du den Code in einen Block \u201eIndividuelles HTML\u201c ein.<\/p>\n
      \n
    1. \u00d6ffne die Seite in WordPress und klicke auf das Plus-Symbol, um einen Block hinzuzuf\u00fcgen.<\/li>\n
    2. Suche nach \u201eIndividuelles HTML\u201c und w\u00e4hle den Block aus.<\/li>\n
    3. Klicke am Block auf \u201eCode bearbeiten\u201c. F\u00fcge den Code aus RepairCMS im Reiter \u201eHTML\u201c ein. Rechts siehst du schon eine Vorschau des Formulars.<\/li>\n
    4. Klicke auf \u201eAktualisieren\u201c und speichere oder ver\u00f6ffentliche die Seite.<\/li>\n<\/ol>\n
      \"Fenster<\/a><\/figure>\n
      So hei\u00dfen die Schritte in WordPress 7.1.<\/p>\n
      <\/svg><\/span><\/p>\n
      Wichtig<\/span><\/p>\n
      F\u00fcge den Code als Administrator oder Redakteur ein. Mit der Rolle Autor entfernt WordPress beim Speichern das Skript und den iframe, und die Stelle bleibt leer. Bleibt sie auch als Administrator leer, frag deinen Webdesigner, ob dein WordPress eigenes HTML sperrt.<\/p>\n<\/div>\n<\/div>\n
      WordPress mit Elementor<\/h2>\n
      In Elementor ziehst du das Widget \u201eHTML\u201c an die richtige Stelle und f\u00fcgst dort den Code ein.<\/p>\n
        \n
      1. \u00d6ffne die Seite mit Elementor.<\/li>\n
      2. Suche links in den Widgets nach \u201eHTML\u201c.<\/li>\n
      3. Ziehe das Widget \u201eHTML\u201c an die Stelle, wo das Formular stehen soll.<\/li>\n
      4. F\u00fcge den Code in das Feld \u201eHTML-Code\u201c ein und ver\u00f6ffentliche oder aktualisiere die Seite.<\/li>\n<\/ol>\n
        \"Elementor<\/a><\/figure>\n
        Elementor zeigt das Formular schon im Editor an. So siehst du sofort, ob es an der richtigen Stelle steht.<\/p>\n
        Wix<\/h2>\n
        In Wix nimmst du den Code \u201eNur iframe\u201c und ziehst das Element mindestens 700 Pixel hoch.<\/p>\n
        Die Namen der Kn\u00f6pfe stehen hier so, wie Wix sie auf Englisch zeigt.<\/p>\n
          \n
        1. Klicke im Wix-Editor links oben auf \u201e+ Add\u201c und dann auf \u201eElements\u201c.<\/li>\n
        2. W\u00e4hle die Kategorie \u201eEmbed\u201c (Symbol <\/><\/code>) und dann \u201eEmbed code\u201c.<\/li>\n
        3. Klicke doppelt auf das neue Element. Es \u00f6ffnen sich die Einstellungen (\u201eSettings\u201c). Achte darauf, dass unter \u201eChoose what to embed\u201c \u201eCode\u201c gew\u00e4hlt ist.<\/li>\n
        4. F\u00fcge den Code in das Feld \u201eEnter HTML embed code\u201c ein und klicke auf \u201eApply\u201c.<\/li>\n
        5. Ziehe das Element so gro\u00df, dass das Formular vollst\u00e4ndig hineinpasst, mindestens 700 Pixel hoch.<\/li>\n
        6. Pr\u00fcfe das Formular \u00fcber \u201ePreview\u201c und ver\u00f6ffentliche deine Seite.<\/li>\n<\/ol>\n
          So hei\u00dfen die Schritte im aktuellen Wix-Editor. In Wix Studio oder einem \u00e4lteren Editor k\u00f6nnen die Namen anders lauten. Suche dann nach \u201eEmbed\u201c oder \u201eHTML\u201c.<\/p>\n
          \"Wix-Editor<\/a><\/figure>\n
          <\/svg><\/span><\/p>\n
          Wichtig<\/span><\/p>\n
          Nimm in Wix nicht die Preissuche als Widget. Wix setzt jeden eingef\u00fcgten Code in einen eigenen Rahmen. Das Formular \u00f6ffnet sich dann nur in diesem kleinen Rahmen statt \u00fcber der Seite, und deine Kunden sehen im ersten Schritt kein Eingabefeld.<\/p>\n<\/div>\n<\/div>\n
          <\/svg><\/span><\/p>\n
          Tipp<\/span><\/p>\n
          Auch das ganze Formular l\u00e4uft in Wix. Seine H\u00f6he passt sich dort aber nicht an, darum ziehst du das Element ebenfalls gro\u00df genug.<\/p>\n<\/div>\n<\/div>\n
          Jimdo<\/h2>\n
          Im Jimdo Website-Baukasten kannst du keinen eigenen Code einf\u00fcgen, deshalb verlinkst du das Formular \u00fcber einen Button.<\/p>\n
            \n
          1. Klicke in RepairCMS unter \u201eTeilen\u201c auf \u201eLink kopieren\u201c.<\/li>\n
          2. Klicke in Jimdo auf den Button, \u00fcber den deine Kunden das Formular \u00f6ffnen sollen. Als Text passt zum Beispiel \u201eReparatur anfragen\u201c.<\/li>\n
          3. Klicke auf das Link-Symbol, dann unter \u201eDeinen Link einrichten\u201c auf \u201eURL oder E-Mail\u201c.<\/li>\n
          4. F\u00fcge den Link ein und ver\u00f6ffentliche deine Seite.<\/li>\n<\/ol>\n
            \"Jimdo-Editor<\/a><\/figure>\n
            Ein Klick auf den Button \u00f6ffnet dein Formular als eigene Seite. Die Buchung kommt genauso in RepairCMS an wie bei einem eingebauten Formular, als Serviceanfrage.<\/p>\n
            Nutzt du den \u00e4lteren Jimdo Creator, schau unter \u201eAndere Website-Bauk\u00e4sten\u201c.<\/p>\n
            Website mit KI gebaut?<\/h2>\n
            Gib der KI deines Baukastens den Code zusammen mit dem Auftrag, ihn unver\u00e4ndert einzuf\u00fcgen, alles in einer einzigen Nachricht.<\/p>\n
              \n
            1. Kopiere in RepairCMS unter \u201eTeilen\u201c den Code der Art, die du willst.<\/li>\n
            2. Kopiere den Auftrag unten, erg\u00e4nze die Angaben in den ersten zwei Klammern und setze deinen Code ans Ende.<\/li>\n
            3. F\u00fcge alles in einem St\u00fcck in den Chat der KI ein und schicke es ab. In Framer schickt die Enter-Taste die Nachricht sofort ab. Tippst du den Auftrag Zeile f\u00fcr Zeile, kommen Auftrag und Code getrennt an, und die KI wei\u00df nicht weiter.<\/li>\n
            4. Pr\u00fcfe die Seite danach in der Vorschau.<\/li>\n<\/ol>\n
              F\u00fcge den folgenden HTML-Code unver\u00e4ndert auf der Seite [Name der Seite] ein, und zwar [zum Beispiel unter der \u00dcberschrift Reparatur anfragen]. Schreib ihn nicht um, k\u00fcrze ihn nicht und lass das script-Tag drin. Erlaubt die Seite keine Skripte, \u00e4ndere den Code nicht, sondern sag mir Bescheid.\n\n[hier deinen Code aus RepairCMS einf\u00fcgen]<\/code><\/pre>\n\n\n\n\n\n\n
              Baukasten<\/th>\nWas passiert<\/th>\n<\/tr>\n<\/thead>\n
              Framer<\/td>\nDie KI setzt den Code in die Komponente \u201eEmbed\u201c. Preissuche und ganzes Formular laufen. Ist das Element zu schmal, zieh es breiter oder sag der KI, sie soll es auf volle Breite stellen.<\/td>\n<\/tr>\n
              Lovable<\/td>\nDie Preissuche l\u00e4uft. Lovable bindet das Skript technisch anders ein, die Adresse bleibt aber gleich. Das ist in Ordnung.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
              \u00d6ffnet sich die Preissuche nur in einem kleinen Rahmen, gib der KI den Code \u201eNur iframe\u201c. Fehlt das Formular ganz, hat die KI den Code vielleicht ver\u00e4ndert. Pr\u00fcfe dann, ob die Adresse my.repaircms.com aus deinem Code noch drinsteht.<\/p>\n
              Andere Website-Bauk\u00e4sten<\/h2>\n
              Suche in deinem Baukasten nach einem Element mit dem Namen HTML, Code oder Einbetten.<\/p>\n
              Gibt es so ein Element, f\u00fcgst du dort den Code ein und pr\u00fcfst das Formular in der Vorschau. \u00d6ffnet sich die Preissuche nur in einem kleinen Rahmen, nimm \u201eNur iframe\u201c. Findest du kein solches Element, verlinkst du das Formular wie bei Jimdo \u00fcber einen Button.<\/p>\n
              Das Formular erscheint nicht?<\/h2>\n
              Pr\u00fcfe zuerst in RepairCMS, ob dein Formular ver\u00f6ffentlicht ist, und such dir sonst deinen Fall in der Tabelle.<\/p>\n\n\n\n\n\n\n\n\n\n
              Was du siehst<\/th>\nWas du tust<\/th>\n<\/tr>\n<\/thead>\n
              Nichts erscheint<\/td>\nPr\u00fcfe in RepairCMS, ob das Formular ver\u00f6ffentlicht ist. Steht unter \u201eTeilen\u201c \u201eNoch nicht ver\u00f6ffentlicht.\u201c, ver\u00f6ffentliche es zuerst.<\/td>\n<\/tr>\n
              In WordPress bleibt die Stelle leer, obwohl das Formular ver\u00f6ffentlicht ist<\/td>\nF\u00fcge den Code als Administrator oder Redakteur neu ein. Hilft das nicht, frag deinen Webdesigner, ob dein WordPress eigenes HTML sperrt.<\/td>\n<\/tr>\n
              Das Formular ist unten abgeschnitten<\/td>\nIn Wix ziehst du das Element gr\u00f6\u00dfer. Beim Code \u201eNur iframe\u201c \u00e4nderst du beide H\u00f6henwerte im Code, height=\"700\"<\/code> und height:700px<\/code>, zum Beispiel auf 900.<\/td>\n<\/tr>\n
              Die Preissuche \u00f6ffnet sich nur in einem kleinen Rahmen<\/td>\nDein Baukasten setzt eingef\u00fcgten Code in einen eigenen Rahmen, so wie Wix. Nimm \u201eNur iframe\u201c.<\/td>\n<\/tr>\n
              Das Formular erscheint in der Vorschau, auf der fertigen Seite aber nicht<\/td>\nGib deinem Webdesigner den Code und frag, ob ein Plugin auf deiner Website Skripte zur\u00fcckh\u00e4lt oder blockiert.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
              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
              H\u00e4ufige Fragen<\/h2>
              Brauche ich ein WordPress-Plugin f\u00fcr das Reparaturformular?<\/span><\/span><\/span><\/summary>
              Nein, ein zus\u00e4tzliches Plugin brauchst du nicht. Den Code aus RepairCMS unter \u201eTeilen\u201c f\u00fcgst du in WordPress in den Block \u201eIndividuelles HTML\u201c ein, in Elementor in das Widget \u201eHTML\u201c.<\/p>\n<\/div><\/details>
              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>
              Welchen Code nehme ich f\u00fcr Wix?<\/span><\/span><\/span><\/summary>
              Nimm in RepairCMS unter \u201eTeilen\u201c den Code \u201eNur iframe\u201c und f\u00fcge ihn in das Element \u201eEmbed code\u201c ein. Zieh das Element mindestens 700 Pixel hoch. Die Preissuche als Widget bleibt in Wix in einem kleinen Rahmen h\u00e4ngen.<\/p>\n<\/div><\/details>
              Kann ich das Reparaturformular in Jimdo einbauen?<\/span><\/span><\/span><\/summary>
              Ja, als Link auf einem Button. Im Jimdo Website-Baukasten gibt es kein Element f\u00fcr eigenen Code. Leg deshalb den Link aus RepairCMS unter \u201eTeilen\u201c auf einen Button, dann \u00f6ffnet sich dein Formular als eigene Seite.<\/p>\n<\/div><\/details>
              Funktioniert das eingebundene Formular auf dem Handy?<\/span><\/span><\/span><\/summary>
              Im WordPress Block-Editor ja. Das Formular passt sich der Breite deiner Seite an, nichts ragt seitlich heraus. In Wix und anderen Bauk\u00e4sten schau dir vor dem Ver\u00f6ffentlichen die Handyansicht an.<\/p>\n<\/div><\/details>
              Wie baue ich das Reparaturformular in eine mit KI gebaute Website ein?<\/span><\/span><\/span><\/summary>
              Gib der KI den Code aus RepairCMS unter \u201eTeilen\u201c in einer einzigen Nachricht mit dem Auftrag, ihn unver\u00e4ndert als HTML einzuf\u00fcgen und nicht umzuschreiben. In Framer und Lovable hat das mit der Preissuche geklappt.<\/p>\n<\/div><\/details><\/div><\/section>