Llamada a la acción
Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.
Botón «Haz clic aquí»
tarjetas animadas de diseño
Un cursor llega a un gran botón, lo pulsa y lanza ondas.
Ideal para: Mostrar exactamente dónde hacer clic.
Ajustes
Fuente
Tema
Tamaño
Ánimo
Formatos que pasaron el control de imagen
1:1
Lo que escribes
ctaButton label (≤20)· obligatoriocaptionSmall line above the button, or empty to hide (≤48)shapeButton corners: fully round, softly rounded, or nearly squarefinishButton finish: solid accent, an accent outline that fills on hover, or frosted glasspointerThe cursor: a classic arrow, or the pointing hand of a linkiconA trailing arrow inside the button that nudges on hover, or nonebackdropWhat is behind it: a dark or a light backdrop, pure chroma-key green (#00b140, no shadows) to key over your footage, or your picture
Las imágenes (image) salen de la imagen de la escena o, si no hay, de un degradado con tus colores.
Una plantilla en código: gratis en todos los planes, sin créditos de IA.
Úsala en un vídeo
Ideal paraCierre
Lo que puedes cambiar:
rushie.props.ctarushie.props (others)Para desarrolladores (MCP y JSON)
Esta es la escena exacta para enviar a create_animation (MCP): mantén la estructura, cambia las palabras y escribe la narración — la voz fija cuánto dura la escena. Pégala en update_storyboard con set_data para cambiar un vídeo que ya hiciste.
{
"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"
}
}
}
}