Zum Hauptinhalt springen
Call-to-Action

Live-Ausgabe der echten Render-Engine — ändere die Einstellungen und sie aktualisiert sich sofort.

„Hier klicken“-Button

gestaltete motion-karten

Ein Cursor gleitet auf einen großen Button, drückt ihn und sendet Wellen aus.

Ideal für: Genau zeigen, wo geklickt wird.

Einstellungen

Schrift
Theme
Größe
Stimmung

Formate, die die Bildprüfung bestanden haben

„Hier klicken“-Button
16:9
„Hier klicken“-Button
9:16
1:1
1:1

Was du schreibst

  • cta Button label (≤20)· Pflicht
  • caption Small line above the button, or empty to hide (≤48)
  • shape Button corners: fully round, softly rounded, or nearly square
  • finish Button finish: solid accent, an accent outline that fills on hover, or frosted glass
  • pointer The cursor: a classic arrow, or the pointing hand of a link
  • icon A trailing arrow inside the button that nudges on hover, or none
  • backdrop What is behind it: a dark or a light backdrop, pure chroma-key green (#00b140, no shadows) to key over your footage, or your picture

Bilder (image) kommen aus dem Bild der Szene, sonst aus einem Verlauf in deinen Farben.

Eine Code-Vorlage: in jedem Tarif kostenlos, ohne KI-Credits.

In einem Film verwenden

Gemacht fürEndkarte
Was du ändern kannst:rushie.props.ctarushie.props (others)
Für Entwickler (MCP und JSON)

Das ist genau die Szene für create_animation (MCP): Struktur behalten, Worte ändern und den Sprechertext schreiben — die Stimme bestimmt, wie lange die Szene dauert. Mit set_data in update_storyboard einfügen, um einen fertigen Film zu ändern.

{
  "visual": "rushie",
  "heading": "Click here button",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "click-here-button",
      "props": {
        "cta": "Create my film",
        "caption": "One click from your page",
        "shape": "pill",
        "finish": "solid",
        "pointer": "arrow",
        "icon": "arrow",
        "backdrop": "dark",
        "image": "https://storage.googleapis.com/pagetovid-media/demo/pagetovid-demo-en-v2.jpg"
      }
    }
  }
}

Weitere Call-to-Action-Animationen