Appel à l'action
Sortie en direct du vrai moteur de rendu — modifiez les réglages et elle se met à jour instantanément.
Bouton « Cliquez ici »
cartes animées design
Un curseur glisse sur un grand bouton, l'enfonce et lance des ondes.
Idéal pour : Montrer exactement où cliquer.
Réglages
Police
Thème
Taille
Humeur
Formats validés par le contrôle d'image
1:1
Ce que vous écrivez
ctaButton label (≤20)· obligatoirecaptionSmall 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
Les images (image) viennent de l'image de la scène, sinon d'un dégradé à vos couleurs.
Un modèle en code : gratuit sur toutes les offres, sans crédits IA.
L'utiliser dans un film
Idéal pourCarte de fin
Ce que vous pouvez changer :
rushie.props.ctarushie.props (others)Pour les développeurs (MCP et JSON)
Voici la scène exacte à envoyer à create_animation (MCP) : gardez la structure, changez les mots et écrivez la narration — c'est la voix qui fixe la durée de la scène. Collez-la dans update_storyboard avec set_data pour modifier un film déjà fait.
{
"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"
}
}
}
}