Démo d'application interactive pour Elementor

Créez des présentations d'applications interactives légères dans Elementor à l'aide de captures d'écran, du mouvement du curseur, des clics, de la saisie, du défilement, des transitions et des zones sensibles de pause.

Descriptif

La démo de l'application interactive XElementor ajoute un widget Elementor pour créer des présentations de produits sans modifier de vidéo.

Au lieu d'exporter un enregistrement d'écran volumineux, vous pouvez télécharger des captures d'écran et définir une chronologie des scènes. Chaque scène peut déplacer un curseur manuel, cliquer, taper du texte, faire défiler une longue capture d'écran et passer à la scène suivante. Le résultat est une démonstration de produit légère et réactive, rendue par navigateur, utile pour le SaaS, les tableaux de bord, les outils d'IA, les applications mobiles, les flux d'intégration, les extensions Chrome et les présentations de processus d'Agence

.

Le widget est conçu pour les pages marketing où une interaction soignée avec un produit est plus utile qu'une capture d'écran statique, mais plus petite et plus facile à gérer qu'une vidéo.

Principales caractéristiques

• Chronologie des scènes basée sur des captures d'écran.
• Mouvement fluide du curseur avec un assouplissement naturel.
• Support SVG du curseur manuel.
• Cliquez sur Ripple Animation.
• Simulation de saisie avec curseur.
• Action de défilement de la capture d'écran longue.
• Options de transition de scène : aucune, fondu, diapositive, zoom et flou.
• Maintenez la position avant l'action et maintenez la position après l'action.
• Suspendez les zones d'accès qui interrompent la lecture jusqu'à ce qu'un visiteur clique.
• Contrôles des zones sensibles pour la scène source, la scène cible, la position x/y, la taille et la couleur.
• Barre supérieure optionnelle de style macOS avec modes clair et sombre.
• Commandes de rapport hauteur/largeur réactives.
• Contrôles de style d'enveloppe pour la bordure, le rayon de bordure et l'ombre de la zone.
• Option de lecture en boucle.

Comment ça marche

1. Ajoutez le widget « Démo de l'application interactive XElementor » dans Elementor.
2. Créez des scènes chronologiques et téléchargez des captures d'écran.
3. Définissez la position du curseur et choisissez des actions telles que cliquer, taper, faire défiler ou déplacer uniquement.
4. Ajoutez un chronométrage en maintenant la touche avant l'action et en la maintenant après l'action.
5. Ajoutez éventuellement des zones sensibles à une scène. Lorsque la lecture atteint cette scène, celle-ci se termine, des zones sensibles apparaissent et la lecture s'arrête jusqu'à ce que vous cliquiez sur une zone sensible .6. Choisissez la scène cible du hotspot pour continuer le flux.

Exemples de cas d'utilisation

• Démonstrations de tableaux de bord SaaS.
• Flux de travail de génération ou de chat IA.
• Visites guidées des fonctionnalités du panneau d'administration.
• Aperçus de la page de destination des applications mobiles.
• Procédures pas à pas des extensions Chrome.
• Démonstrations des processus clients.
• Sections d'intégration ou de formation sur les produits légères.