Dans cet article, vous apprendrez comment:
Comment créer et configurer une page en ligne pour votre studio
- Configurez les pages en ligne de votre studio
- Réglages de base
- Ajuster la couleur de l'apparence
- Liens juridiques
- Polices
- Facebook Pixel ID
- Pages en ligne des studios
- Page de présentation du studio
- Séance d'essai
- Page des tarifs
- CSS personnalisé
- Activer la configuration
- Configurer des offres de contrat pour les pages en ligne
En résumé :
- Paramètres > Sites en ligne
- "Paramètres de base"
- Réglage des paramètres
Tutoriel vidéo
Step by Step
Avec ces pages, vous pouvez créer facilement des pages en ligne individuelles pour la signature de contrats et la réservation de séances d'essai via Magicline. Différentes possibilités de personnalisation vous permettent de créer les pages en quelques clics seulement. Les pages en ligne des studios sont un outil performant pour contribuer à augmenter vos membres.
Étape 1 : Paramètres de base
Paramètres de base > Pages en ligne > Paramètres de base
Soit une ligne de paramètres existe déjà, soit "Créer une règle".
Vous pouvez définir l’apparence visuelle et la sauvegarder afin de l'appliquer dans la page des offres et la page des séances d'essai.
Donnez un nom à la configuration. Sur la page de détails, vous pouvez désormais modifier les paramètres d’apparence, les liens juridiques, les polices et l’identifiant Facebook.
Ajuster la couleur de l'apparence
Cliquez sur "Modifier la configuration" et téléchargez d’abord une image du logo de votre studio. Nous recommandons un logo recadré avec un fond transparent, format de fichier «PNG». En tant que résolution, nous recommandons au moins 400×400 pixels.
Ensuite, vous pouvez choisir entre une apparence claire et une apparence sombre. Avec l’apparence claire, l’arrière-plan est conservé dans un gris clair, l’en-tête et les tuiles de contenu avec des informations de studio ou des offres de contrat sont blancs. Dans l’aspect sombre, ces éléments apparaissent dans des tons noirs et gris foncé.
Si vous préférez les coins arrondis dans les vignettes et les boutons de contenu, cochez la case «Arrondir les coins des bords».
Enfin, vous pouvez définir les valeurs de la couleur primaire, de la couleur secondaire et de la couleur du texte. Pour une apparence cohérente, utilisez les couleurs de votre charte graphique.
Liens juridiques
Ici, vous pouvez créer tous les liens juridiques nécessaires, comme par exemple les mentions légales ou la protection des données. Pour cela, cliquez sur "Ajouter un nouveau lien". Indiquez le titre du lien tel qu'il doit être affiché sur la page, par exemple "Mentions légales". Vous avez maintenant le choix entre un texte libre ou une URL. Une URL est utile s'il existe déjà une page correspondante, par exemple sur le site de votre propre studio. Dans ce cas, vous pouvez déposer exactement ce lien dans Magicline. Si vous ne souhaitez pas faire référence à une page existante, insèrez simplement le contenu sous forme de texte.
Vous pouvez décider à quel endroit les liens légaux doivent être affichés : dans l'en-tête ou dans le pied de page.
Polices
Dans le widget des polices, vous pouvez choisir parmi un grand nombre de polices primaires et secondaires. En plus des polices web standard, nous proposons une sélection de différentes polices Google populaires. Pour que vous puissiez vous faire une idée directe des polices sélectionnées, nous affichons à chaque fois un aperçu.
Facebook Pixel ID
Enregistrez ici votre identifiant Facebook Pixel ID si vous souhaitez envoyer des données des visiteurs de votre site web à Facebook afin de mieux cibler vos campagnes publicitaires.
Étape 2 : pages vente en ligne
Sites en ligne > Pages de vente en ligne > Créer une configuration
Saisissez maintenant un nom pour votre configuration. Vous voyez maintenant un aperçu du lien ainsi qu'un aperçu de l'URL de vos pages. Dans l'étape suivante, sélectionnez la configuration de base que vous avez créée précédemment. Enfin, vous pouvez décider si vous voulez afficher l'adresse postale du studio sur les pages en ligne. L'adresse apparaît alors avec un lien vers Google Maps sur la même ligne que les liens légaux définis dans la configuration de base. En cliquant sur "Créer", vous créez la configuration et vous arrivez sur la page détaillée. Ici, vous pouvez maintenant configurer les pages en détail.
Page de présentation du studio
Cliquez sur "Modifier la configuration" et sélectionnez une image d'arrière-plan en cliquant à nouveau sur "Télécharger l'image".
L'image d'arrière-plan est affichée de manière proéminente dans la partie supérieure de la page et s'étend sur toute la largeur de la fenêtre du navigateur. Il est donc préférable de choisir une image d'une résolution d'au moins 1024 × 768 pixels.
Dans l'étape suivante, vous pouvez télécharger une image de partage social. Il s'agit de l'image d'aperçu qui s'affiche par exemple sur WhatsApp ou Facebook lorsqu'un utilisateur partage l'URL.
Ensuite, vous pouvez donner un titre à votre page. Celui-ci sera affiché en grand sur l'image d'arrière-plan téléchargée précédemment. Si vous cochez la case "Trouver des studios à proximité", vous activez une fonction qui, lorsque l'utilisateur clique dessus, affiche tous les studios à proximité géographique.
Enfin, vous pouvez encore décider si un clic sur le logo du studio doit rester sans action ou s'il doit renvoyer à une URL de votre choix (par exemple la page d'accueil de votre propre site web).
Si vous terminez maintenant la configuration en cliquant sur "Enregistrer", vous devez ensuite encore activer la page d'aperçu. Pour ce faire, cliquez sur "Activer" dans le widget, sur la ligne avec le symbole d'état rouge dans le menu à trois points. L'affichage de l'état passe alors au vert. Juste en dessous s'affiche l'URL de la page d'aperçu du site, vers laquelle vous pouvez par exemple créer un lien à partir de votre site web.
Important : avant de pouvoir voir votre page derrière l'URL, vous devez également activer l'ensemble de la configuration. Plus d'informations à ce sujet dans l'article "Activer la configuration".
Séance d'essai
Si vous souhaitez proposer la réservation d'une séance d'essai, vous pouvez configurer la page comme suit :
Comme pour la page de présentation de votre studio, vous pouvez télécharger une image d'arrière-plan et une image de partage social ainsi qu'un titre pour la page de séance d'essai.
Vous pouvez optionnellement afficher un badge «Prendre rendez-vous gratuit maintenant» dans l’en-tête pour informer les visiteurs de vos séances d’essai gratuites. Le badge apparaît dans l’en-tête. En cliquant, la page fait défiler jusqu’à la zone de réservation.
La demande de l'objectif de fitness le plus important est également facultative. Si vous activez cette option, vous pouvez ajouter autant d'entrées que vous le souhaitez en cliquant dans le champ et en commençant à taper. Confirmez votre saisie en appuyant sur "Entrée". Vous pouvez supprimer les entrées déjà effectuées en cliquant sur le "x". Le visiteur de votre site web peut ensuite choisir son objectif de fitness principal lors de la réservation de la séance d'essai. Une fois l'inscription effectuée, vous pouvez consulter le choix effectué dans la zone d'intérêt de la Quick View sous "Info", mais aussi dans la description de la vue détaillée du rendez-vous dans le planning.
Vous pouvez également proposer une option «Amener un ami». Si celui-ci est sélectionné lors de la réservation de la séance d'essai, vous trouverez les informations (2 participants) également dans l'espace prospect et dans la description du rendez-vous dans le planning.
Vous pouvez également définir ce que doit faire un clic sur le logo pour la page de séance d'essai: aucune action, redirection vers une URL ou le lien vers la page de présentation du studio. Ce dernier peut avoir du sens si vous avez plusieurs studios et supposer que l'utilisateur a atteint la page de séance d'essai via la page d'accueil.
Dans ce qui suit, vous déterminez ce qui doit se passer après une réservation de séance d'essai réussie : vous pouvez afficher un message de réservation réussie sous la forme d'une fenêtre pop-up. Vous pouvez définir librement un titre, un texte descriptif et un texte de bouton pour la pop-up. De plus, vous pouvez éventuellement afficher un lien "Partager sur WhatsApp". Comme alternative au pop-up, vous pouvez rediriger vers votre propre page en entrant une URL.
Enfin, enregistrez votre configuration et activez la page via le menu en trois points.
Page des tarifs
Si vous souhaitez proposer des contrats en ligne, vous pouvez également configurer et personnaliser la page pour cela.
Comme pour les autres pages, vous pouvez télécharger une image de fond et une image de partage social ainsi qu'une rubrique pour la page des tarifs.
Vous pouvez éventuellement afficher un badge "adhésion la moins chère" dans l'en-tête. Le prix du tarif le moins cher pour le studio respectif y est alors automatiquement affiché.
Afin de répondre aux visiteurs qui pourraient encore hésiter à conclure un contrat, vous pouvez afficher une pop-up dans le coin supérieur droit de la fenêtre du navigateur et les informer de la possibilité de réserver une session de séance d'essai. Vous pouvez utiliser un texte individuel pour les champs d'en-tête, de texte de description et de bouton. Un clic sur le bouton ouvre la page de séance d'essai.
Ensuite, vous décidez quelle action doit être effectuée lorsque vous cliquez sur le logo et ce qui se passe après la conclusion du contrat avec succès (identique à la page de séance d'essai).
Enregistrez votre configuration et activez la page via le menu en trois points.
CSS personnalisé
Si vous souhaitez apporter des ajustements individuels à l'apparence via CSS, vous pouvez télécharger votre propre fichier CSS ici.
Étape 3 : activer la configuration
Si vous avez terminé la configuration de toutes les pages, cliquez sur la page de détails dans le menu en trois points en haut à droite sur "Gérer l'activation", puis sur le bouton de localisation. Cochez tous les emplacements que vous souhaitez inclure dans la configuration de votre page de studio.
Remarque : Une seule configuration peut être active pour chaque emplacement. Si vous sélectionnez ici des studios pour lesquels une configuration alternative est activée, la configuration précédente sera désactivée pour ces studios et la nouvelle activée.
Maintenant, cliquez sur le lien d'aperçu dans le widget de vue d'ensemble de l'emplacement. Ici, vous pouvez voir et tester les pages que vous avez configurées. Si vous modifiez les paramètres dans la Magicline, n'oubliez pas de recharger les sites Web ouverts pour rendre les modifications visibles.
Ne pas oublier : Configurer des offres de contrat pour les sites des studios
Les offres de contrat affichées sur la page des tarifs dépendent des paramètres sous Paramètres > Gestion des contrats > Offres de contrats. Dans l'onglet "Conclusion de contrats en ligne", vous pouvez créer et gérer des configurations d'offres. Vous pouvez ensuite ajouter n'importe quel nombre d'offres de contrat à une configuration d'offre.
Important : La configuration des offres de contrat se fait toujours au niveau studio ! Par exemple, si vous avez créé des pages de studio contenant plusieurs studios, vous devez créer une configuration d'offre distincte avec des offres de contrat pour chacun de ces emplacements. De cette façon, vous pouvez regrouper plusieurs studios sur une page d'aperçu, tout en permettant des offres de contrat individuelles pour chaque studio individuel.