form-embed

Formulare zentral verwalten und per iFrame auf beliebigen Webseiten einbinden.

Kontaktformular (DE)

id: contact · Vorschau öffnen

Embed-Snippet

<div data-form-embed data-form-id="contact"></div>
<script src="https://forms.tools.ridecore.org/embed.js" defer></script>
Mit Design-Overrides (Tailwind-/CSS-Variablen)

Alle verfügbaren Tokens mit ihren aktuellen Standardwerten — nur die Werte angeben, die abweichen sollen.

<div
  data-form-embed
  data-form-id="contact"
  data-theme='{
    "primary": "#000000",
    "primaryContrast": "#ffffff",
    "accent": "#ffdc00",
    "background": "#ffffff",
    "surface": "#f3f3f3",
    "text": "#131313",
    "muted": "#777777",
    "border": "#dddddd",
    "error": "#d92626",
    "success": "#1a9c4b",
    "fontFamily": "PFDinTextCompPro-Medium, Arial Narrow, Helvetica Neue, Arial, sans-serif",
    "fontFamilyBody": "Helvetica, Arial, Verdana, sans-serif",
    "radius": "2px",
    "buttonBorderWidth": "4px",
    "textTransform": "uppercase"
  }'
></div>
<script src="https://forms.tools.ridecore.org/embed.js" defer></script>

Contact form (EN)

id: contact-en · Vorschau öffnen

Embed-Snippet

<div data-form-embed data-form-id="contact-en"></div>
<script src="https://forms.tools.ridecore.org/embed.js" defer></script>
Mit Design-Overrides (Tailwind-/CSS-Variablen)

Alle verfügbaren Tokens mit ihren aktuellen Standardwerten — nur die Werte angeben, die abweichen sollen.

<div
  data-form-embed
  data-form-id="contact-en"
  data-theme='{
    "primary": "#000000",
    "primaryContrast": "#ffffff",
    "accent": "#ffdc00",
    "background": "#ffffff",
    "surface": "#f3f3f3",
    "text": "#131313",
    "muted": "#777777",
    "border": "#dddddd",
    "error": "#d92626",
    "success": "#1a9c4b",
    "fontFamily": "PFDinTextCompPro-Medium, Arial Narrow, Helvetica Neue, Arial, sans-serif",
    "fontFamilyBody": "Helvetica, Arial, Verdana, sans-serif",
    "radius": "2px",
    "buttonBorderWidth": "4px",
    "textTransform": "uppercase"
  }'
></div>
<script src="https://forms.tools.ridecore.org/embed.js" defer></script>

Formulaire de contact (FR)

id: contact-fr · Vorschau öffnen

Embed-Snippet

<div data-form-embed data-form-id="contact-fr"></div>
<script src="https://forms.tools.ridecore.org/embed.js" defer></script>
Mit Design-Overrides (Tailwind-/CSS-Variablen)

Alle verfügbaren Tokens mit ihren aktuellen Standardwerten — nur die Werte angeben, die abweichen sollen.

<div
  data-form-embed
  data-form-id="contact-fr"
  data-theme='{
    "primary": "#000000",
    "primaryContrast": "#ffffff",
    "accent": "#ffdc00",
    "background": "#ffffff",
    "surface": "#f3f3f3",
    "text": "#131313",
    "muted": "#777777",
    "border": "#dddddd",
    "error": "#d92626",
    "success": "#1a9c4b",
    "fontFamily": "PFDinTextCompPro-Medium, Arial Narrow, Helvetica Neue, Arial, sans-serif",
    "fontFamilyBody": "Helvetica, Arial, Verdana, sans-serif",
    "radius": "2px",
    "buttonBorderWidth": "4px",
    "textTransform": "uppercase"
  }'
></div>
<script src="https://forms.tools.ridecore.org/embed.js" defer></script>

Formulario de contacto (ES)

id: contact-es · Vorschau öffnen

Embed-Snippet

<div data-form-embed data-form-id="contact-es"></div>
<script src="https://forms.tools.ridecore.org/embed.js" defer></script>
Mit Design-Overrides (Tailwind-/CSS-Variablen)

Alle verfügbaren Tokens mit ihren aktuellen Standardwerten — nur die Werte angeben, die abweichen sollen.

<div
  data-form-embed
  data-form-id="contact-es"
  data-theme='{
    "primary": "#000000",
    "primaryContrast": "#ffffff",
    "accent": "#ffdc00",
    "background": "#ffffff",
    "surface": "#f3f3f3",
    "text": "#131313",
    "muted": "#777777",
    "border": "#dddddd",
    "error": "#d92626",
    "success": "#1a9c4b",
    "fontFamily": "PFDinTextCompPro-Medium, Arial Narrow, Helvetica Neue, Arial, sans-serif",
    "fontFamilyBody": "Helvetica, Arial, Verdana, sans-serif",
    "radius": "2px",
    "buttonBorderWidth": "4px",
    "textTransform": "uppercase"
  }'
></div>
<script src="https://forms.tools.ridecore.org/embed.js" defer></script>

Service- / Reparaturanfrage

In Arbeit

id: kiterepair · Noch nicht verfügbar — folgt in Kürze.

Newsletter-Anmeldung

In Arbeit

id: newsletter · Noch nicht verfügbar — folgt in Kürze.