Landing page ▶️

Dans ce template Landing page nous allons voir sur Voltapp comment créer une page web vitrine présentant votre projet (landing page) sur laquelle arrivera l'internaute.

Créer une landing page

Toutes les pages de votre site internet sont des landings pages. Commencez par créer différents noeuds écrans qui correspondront à vos différentes pages, ex :

Accueil
À propos
Commencer
Démo

Landing 1.jpg

Cliquez sur + Noeuds puis Ecran. Le noeud apparait dans l'inspecteur de gauche. Vous avez un noeud parent "Ecrans" et un noeud enfant "Ecran#1" par défaut. Cliquez sur le noeud parent puis répétez l'étape précédente autant que nécessaire. Vous verrez alors apparaître "Ecran #2", "Ecran #3", etc.

Ces écrans correspondront à vos landing page. Pour mieux vous repérez, renommez-les : Accueil, À propos, Commencer, Demo, etc.

Renommer un noeud

Renommer un noeud vous permet d'être mieux organisé et de naviguer plus facilement dans l'inspecteur de gauche.

Pour ce faire cliquez sur le noeud dans l'inspecteur de gauche. Puis dans l'inspecteur de droite, supprimez le nom par défaut (ex: Ecran#1) et remplacez-le par le nom désiré (ex: Accueil).

Créer un texte/un bouton relié à une landing page

Sur ce template lorsque vous cliquez sur A propos en haut gauche de la page, vous êtes immédiatement redirigé sur la page A propos. Comment construire ce trajet sur Voltapp?

créer un noeud texte/bouton etc.
Remplissez et modifiez les champs du noeud comme vous le souhaitez
Passez en mode Graphe
Cliquez sur +Blocs
Sélectionnez l'événement "clique" puis ajoutez le au graphe.
Cliquez et tirez sur la sortie du bloc "clique" et ajoutez l'action "changer d'écran".
Cliquez sur le bloc "changer d'écran".
Dans l'inspecteur de droite sélectionnez l'écran d'atterissage concerné (ex: A propos).

Le tour est joué! Si vous passez en mode aperçu et que vous cliquez sur "A propos" dans votre page d'accueil vous arriverez sur la page demandée.

Landing 2.jpg