En configurant le prix des cours et le paiement sur une mini-page d'atterrissage propulsée par MaviBot, vous pouvez grandement simplifier le processus d'achat pour vos clients et rationaliser la gestion des transactions financières.
Créer un processus de paiement simple et intuitif vous permet de proposer vos cours sans vous soucier de l'aspect technique de l'intégration d'un formulaire de paiement sur votre page d'atterrissage.
Dans cet article, vous apprendrez comment configurer rapidement et facilement le prix des cours et le paiement sur votre site web sans complications inutiles.
Veuillez noter !
Avant d'ajouter un formulaire d'inscription au cours à votre page, assurez-vous d'abord de configurer votre plan tarifaire.
Nous avons expliqué comment configurer les plans tarifaires pour les cours en ligne dans un article séparé. lien
Comment créer un site web pour le cours
Avant de commencer, préparez votre site web en naviguant vers la section appropriée :
Ensuite, cliquez sur "+Créer" :
Choisissez le type de votre site web : "Site multi-pages", "Page d'atterrissage" ou "Formulaire" :
Les instructions détaillées sur la façon de construire un site web à partir de sections à l'aide du constructeur se trouvent dans la section "Sites web professionnels". lien
Si vous avez déjà un site web construit sur la plateforme MaviBot, allez modifier les sections du site en cliquant sur la carte du site web :
Site web multi-pages
Lors de la création d'un site multi-pages, plusieurs pages du type suivant sont automatiquement créées :
- Page d'accueil ;
- Notre équipe ;
- À propos de nous.
Un en-tête et un pied de page sont générés automatiquement, où vous pouvez ajouter des informations importantes sur votre entreprise. L'en-tête et le pied de page apparaissent sur chaque page du site web, vous n'avez donc pas à créer les mêmes blocs sur chaque page individuelle.
Pour entrer en mode édition d'une page du site, cliquez sur la ligne de la page souhaitée.
Vous pouvez également créer des pages supplémentaires pour le site web. Pour ce faire, cliquez sur le bouton du même nom, puis choisissez un modèle de page, un formulaire ou téléchargez une page à partir d'un fichier :
Le téléchargement d'une page à partir d'un fichier vous permet de transférer des pages de site web depuis un autre projet.
Pour plus de détails sur la façon d'exporter et d'importer des pages de site web, voir la section ci-dessous "Exportation / Importation de pages de site web". lien
Cliquer sur "Créer un modèle" ouvrira une fenêtre où vous pourrez choisir n'importe quel modèle de page, y compris une page vierge :
Page d'atterrissage (formulaires, enquêtes et quiz)
Cliquer sur "Créer une page d'atterrissage" ouvrira un formulaire où vous pourrez choisir parmi différents modèles de site :
Vous pouvez choisir n'importe quel modèle de site web que vous aimez et personnaliser divers paramètres tels que les polices, l'arrière-plan et les images. Vous pouvez également ajouter tous les blocs de site web supplémentaires (sections) dont vous avez besoin.
Contrairement à un site web multi-pages, la création d'une page d'atterrissage vous amène directement à l'éditeur de page.
Plus tard, lorsque vous cliquerez sur l'onglet de la page d'atterrissage,
vous serez redirigé vers la section des soumissions, des informations principales et des paramètres de la page d'atterrissage. Contrairement à un site web multi-pages, vous ne verrez pas plusieurs pages car une page d'atterrissage se compose d'une seule page.
Si vous avez besoin d'ajouter plus de pages à votre page d'atterrissage, la transformant ainsi en site web multi-pages, allez dans les paramètres du site, changez le type de site en "Site web multi-pages" et enregistrez les modifications :
Le site web se comporte de la même manière lorsqu'il est créé en tant que formulaire, enquête ou quiz. Cependant, contrairement aux autres types de site, aucun modèle n'est proposé à la création car la page inclut automatiquement un bloc "Formulaire" ou "Quiz", selon le type de site choisi.
Comme le montre l'exemple, pour accéder aux paramètres d'un site de type "Formulaire", vous devez cliquer sur le bouton "Modifier".
Cela vous amènera en mode édition de page, où une seule section "Formulaire" est créée (ou des quiz et des enquêtes multi-pages, selon le type de site sélectionné).
Vous pouvez ajouter des sections "Formulaire", "Quiz" et "Enquête" à votre site web (à la fois multi-pages et page d'atterrissage) à tout moment.
Pour une configuration ultérieure, allez en mode édition du site.
La section "Formulaire" pour une inscription au cours
Quel que soit le type de site que vous choisissez — "Site web multi-pages", "Page d'atterrissage" ou "Formulaire" — le mode d'édition de page reste le même.
Pour créer une section "Formulaire" pour l'inscription au cours (ou toute autre section dans le constructeur de site), survolez la section après laquelle vous souhaitez ajouter le formulaire de paiement. Cliquez ensuite sur le bouton "+" qui apparaît pour ouvrir le menu des sections :
Ensuite, trouvez la section "Formulaire" dans le menu qui s'ouvre :
Puis cliquez sur "Formulaire" pour ajouter la section à votre site :
Maintenant, configurons le formulaire :
Ici, vous devez activer la case à cocher intitulée "Formulaire pour l'inscription des étudiants au cours" :
Cette case à cocher déverrouille d'autres paramètres de paiement pour le cours :
- Sélectionnez le cours pour lequel vous souhaitez créer un formulaire sur le site web :
- Choisissez un plan :
Ce champ est l'un des paramètres clés pour les paiements de plan de cours, car il vous permet de choisir à quel plan (ou à tous les plans) le formulaire sur le site web s'appliquera.
- Indice du formulaire :
Vous pouvez laisser le texte d'indice par défaut ou écrire le vôtre :
Si vous ne souhaitez pas que l'indice apparaisse dans le formulaire d'inscription/paiement du cours, utilisez la case à cocher "Masquer l'indice" :
Questions du formulaire
Lors de la création d'un formulaire, il est obligatoire d'ajouter des champs pour l'email, le numéro de téléphone et le nom de l'utilisateur.
Pour ajouter un champ de saisie de données pour vos utilisateurs, cliquez sur le bouton "Créer une question" :
Ensuite, le formulaire de configuration de la question apparaîtra :
Vous devez sélectionner le type de champ "Nom" dans la liste déroulante :
Et activez la case à cocher "Question obligatoire" :
Ensuite, créez la deuxième question :
Pour la deuxième question, sélectionnez le type de champ "Email" :
Cette question doit également être obligatoire ; sinon, l'étudiant ne pourra pas accéder à votre cours ni terminer l'inscription automatique.
De la même manière, ajoutez la question suivante avec le type de champ "Numéro de téléphone" :
Votre configuration principale pour le formulaire d'inscription et de paiement du cours est maintenant terminée.
Ensuite, vous pouvez personnaliser la section comme vous le souhaitez : changer les couleurs de l'arrière-plan et des boutons, et ajouter d'autres champs de question.
Pour plus d'informations sur la personnalisation et toutes les fonctionnalités de la section "Formulaire", voir la section "Réponses au formulaire". lien
Test
Assurez-vous d'enregistrer les paramètres de votre site après avoir configuré le formulaire de paiement et d'inscription.
Ensuite, allez dans l'aperçu du site web :
Vous verrez le formulaire d'inscription/paiement du cours sur le site web.
Testons le formulaire en remplissant vos coordonnées dans les champs vides :
Maintenant, soumettez les données au système et passez au formulaire de candidature et de paiement.
Le formulaire a fonctionné correctement : il a redirigé le client vers la page de traitement de la commande, suivie d'une fenêtre de paiement via le service de paiement sélectionné.
La section "Cartes de cours"
Vous pouvez afficher des informations sur les cours disponibles dans votre école sur le site web en utilisant la section "Cartes de cours" :
Pour ajouter la section "Cartes de cours", cliquez sur le bouton "+" dans votre mode d'édition de site web :
Ensuite, trouvez la section "Cartes de cours" dans le menu qui apparaît et cliquez dessus pour ajouter la section à votre site web :
La section sera ajoutée à votre site, et le menu des paramètres de contenu s'ouvrira pour vous :
Contenu du bloc
La configuration du bloc "Cartes de cours" implique la sélection d'un ou plusieurs cours déjà créés dans le projet à afficher sur le site web, ainsi que la personnalisation des éléments de la carte.
Comment créer des cours sur la plateforme MaviBot est expliqué dans la section "Cours en ligne". lien
Sélection du cours
Sélectionnez les cours que vous souhaitez mettre en avant sur votre site web :
Pour ce faire, cochez la case à côté du nom de chaque cours que vous souhaitez inclure :
Les cours sélectionnés apparaîtront immédiatement sur votre page de site web avec l'image de couverture que vous avez définie dans les paramètres du cours.
Personnalisation
Maintenant, personnalisons les éléments de la carte après avoir sélectionné les cours souhaités :
- Ombre
Vous pouvez ajuster l'intensité de l'ombre pour les cartes de cours dans la section :
а) sans ombre :
b) ombre légère :
c) ombre forte :
- Palette de couleurs pour les éléments de la carte
Vous pouvez changer les couleurs sur la carte pour l'arrière-plan, le texte (à la fois sur la carte elle-même et sur les boutons), et ajouter de l'interactivité en changeant les couleurs des éléments lorsqu'ils sont survolés par le curseur :
a) Couleur de la police : permet de changer la couleur principale du texte sur la carte (à l'exclusion de son bouton) :
b) Arrière-plan de la carte : pour changer la couleur d'arrière-plan d'une carte.
c) Couleur de la bordure : pour changer la palette de couleurs des bordures de la carte.
d) Texte du bouton : pour changer la couleur du texte du bouton dans son état normal (statique).
e) Arrière-plan du bouton : permet de changer la couleur d'arrière-plan du bouton de la carte de cours.
Pour ajouter de l'interactivité à votre site, vous pouvez également changer les couleurs des boutons au survol. Utilisez les paramètres de couleur de survol pour cela.
Maintenant, vous savez comment afficher vos cours MaviBot existants sur votre site web en utilisant la section "Cartes de cours".
Découvrez les paramètres d'arrière-plan et les options d'affichage dans l'article "Paramètres universels des sections". lien
La section "Listes de leçons"
Parallèlement aux cartes de cours en ligne, vous pouvez ajouter des listes de leçons à votre page de site web. Sélectionnez simplement le cours souhaité dans la section, et toutes les leçons seront affichées :
Pour ajouter un bloc d'affichage de la liste des leçons du cours, entrez en mode édition du site, survolez l'espace de travail, puis cliquez sur le bouton "+" :
Un menu avec les sections de site disponibles s'ouvrira sur la droite. Vous devez y trouver le bloc "Listes de leçons" :
Cliquez sur "Cartes de cours" pour ouvrir le menu des paramètres de contenu du bloc :
Sélectionnez simplement le cours souhaité (déjà créé dans MaviBot) dans le menu déroulant et cliquez sur "Enregistrer".
Ensuite, allez dans les paramètres pour personnaliser le contenu du bloc.
Personnalisation
Survolez la section et cliquez sur "Paramètres" pour ouvrir le panneau de personnalisation du contenu et de l'apparence du bloc.
Vous pouvez configurer les paramètres suivants :
- Style de la liste de leçons
Par défaut, la liste de leçons est affichée dans le nouveau format. Si vous le préférez, vous pouvez passer à un style d'affichage classique plus concis.
- Style de numérotation
Ce paramètre est disponible uniquement pour la nouvelle mise en page de la liste de leçons. Le type de numérotation sélectionné est appliqué à l'intérieur de chaque carte de leçon.
- Icônes de leçon
Affiché uniquement si un aperçu a été téléchargé dans les paramètres de la leçon du cours.
Comment ajouter des icônes
Étape 1. Allez dans les paramètres de la leçon :
Pour ce faire, entrez en mode paramètres du cours et trouvez l'onglet "Leçons" :
Ensuite, cliquez sur "Modifier" pour ouvrir la page d'édition de la leçon.
Étape 2. Ouvrez les paramètres de la page de leçon.
Dans les paramètres de la page de leçon, allez dans la section "Informations de base" :
Étape 3. Téléchargement de l'aperçu de la leçon
Dans les paramètres "Informations de base", développez le menu déroulant des paramètres d'image :
Téléchargez une image pour l'aperçu de la leçon :
Enregistrez vos paramètres :
Terminé ! Maintenant, les aperçus des leçons seront affichés comme icônes dans la section "Listes de leçons" sur votre site web.
- Motif d'arrière-plan
Ajoute de la profondeur et de l'unicité à vos cartes de leçon :
- Arrondi des éléments
La valeur est définie en pixels et arrondit les coins des cartes de leçon :
- Style de la carte de leçon
Aide à organiser les cartes de leçon en une seule rangée ou plusieurs rangées, avec ou sans retour à la ligne.
- Couleur de l'arrière-plan et du texte
Vous avez accès à une vaste palette de couleurs pour définir la couleur d'arrière-plan et la couleur de la police sur la carte de leçon :
Maintenant, vous savez comment ajouter des listes de leçons à votre site web et personnaliser le contenu de la section.
Lisez l'article "Paramètres universels des sections" pour en savoir plus sur les paramètres d'arrière-plan et d'affichage. lien