Gérez le contenu, le design, le SEO et les opérations depuis un seul panneau.
AppWise CMS est un panneau de gestion modulaire pour les sites web d'entreprise, catalogues, pages de produits, fichiers médias, contenu multilingue, formulaires et flux d'analytique.
Pour configurer un nouveau site web, complétez d'abord les paramètres de base, puis créez la structure de contenu et de menu.
Saisissez le nom de l'entreprise, l'URL, les coordonnées et le titre SEO global dans Paramètres du site.
Téléchargez les éléments de marque dans Logo et Favicon.
Vérifiez le thème, la palette de couleurs, l'en-tête, le pied de page et les paramètres de police dans Design.
Configurez les langues actives et la langue par défaut dans Langues / Traduction.
Créez les pages principales et les structures de catégories dans Gestion des pages.
Connectez les pages, catégories de produits ou liens personnalisés depuis la section Menu.
Vérifiez le sitemap, robots et les redirections dans Outils SEO.
Complétez la configuration 2FA et SMTP dans les paramètres de Sécurité.
Conseil: Avant de publier, vérifiez le slug, le méta titre et la méta description pour chaque langue active.
Interface du panneau
Le panneau d'administration se compose de la barre latérale, de la barre supérieure et de l'espace de travail principal. La barre latérale inclut un champ de recherche — tapez le nom d'un module pour y accéder rapidement.
Barre latérale : Tous les modules et sous-modules. Accès rapide via la recherche.
Barre supérieure : Raccourci vers le site, sélection de langue, actions utilisateur et accès rapide.
Espace de travail : Listes, formulaires, fenêtres modales et écrans du constructeur.
Menu contextuel : Raccourcis de navigation rapide vers les pages de design.
Permissions : Les menus et actions peuvent être masqués selon le rôle de l'utilisateur.
Info version : Le numéro de version du CMS est affiché en bas de la barre latérale.
Note: Les utilisateurs sans permission peuvent ne pas voir certains menus ni effectuer des actions de sauvegarde/suppression.
Gestion des pages
La gestion des pages est utilisée pour les pages d'entreprise, les pages de contenu, les pages d'atterrissage et les pages personnalisées basées sur le constructeur.
Flux de création de page
Créez une catégorie dans Catégories de pages si nécessaire.
Ouvrez le formulaire de page depuis Gestion des pages → Ajouter.
Choisissez le mode de contenu : éditeur classique ou mode constructeur.
Remplissez le nom de la page, le slug et les champs de contenu pour chaque langue active.
Complétez le titre SEO, la méta description, les mots-clés et les tags.
Configurez les options d'image, d'icône, de galerie ou de commentaires si nécessaire.
Après l'enregistrement, connectez la page à la navigation depuis la section Menu.
Champs principaux
Nom de la page, sous-titre, contenu et champs vidéo
Slug et champs SEO par langue
Image mise en avant, icône et options de taille d'image
Galerie, commentaires, FAQ et visibilité de l'équipe
Mode de contenu classique ou mode constructeur
Mode constructeur
Le mode constructeur permet de créer une page en utilisant des sections, colonnes et éléments au lieu d'une seule zone de texte enrichi.
Gestion des articles
La gestion des articles est utilisée pour les blogs, actualités, communiqués ou contenus de base de connaissances.
Des catégories d'articles peuvent être créées.
Chaque article a un slug et des champs SEO par langue.
La position de la barre latérale peut être à droite, à gauche ou désactivée.
L'image mise en avant et la mise en page de la liste peuvent être ajustées.
Bonne pratique: Gardez les titres d'articles courts et rédigez des descriptions qui se lisent bien dans les résultats de recherche.
Gestion des produits
La gestion des produits est utilisée pour les catalogues de produits, les listes de services et les pages de produits basées sur les demandes.
Flux de publication de produit
Créez l'arborescence des catégories sous Catégories de produits.
Créez un produit depuis Gestion des produits → Ajouter.
Attribuez le produit à la bonne catégorie.
Remplissez le nom du produit, la description courte et le contenu détaillé dans les langues requises.
Ajoutez l'image du produit, la galerie et les liens catalogue/fichiers si disponibles.
Créez des onglets supplémentaires pour les informations techniques, tableaux ou documents si nécessaire.
Remplissez les champs SEO et testez le lien sur le frontend.
Catégories de produits
Les catégories sont hiérarchiques. La catégorie racine, les sous-catégories et le comportement de la barre latérale du produit fonctionnent ensemble.
Champs du produit
Nom du produit, slug, description et description courte
Image du produit et galerie
Liens de fichiers
Onglets supplémentaires
Titre SEO, description, mots-clés et tags
Intégration du formulaire de demande
Note: Vérifiez la sélection de catégorie et les paramètres de la barre latérale racine pour que le produit apparaisse dans le bon arbre de la barre latérale.
Gestion des menus
Le système de menu est utilisé pour construire la navigation du frontend. Les catégories de menu et les éléments de menu sont gérés séparément.
Flux de création de menu
Créez ou ouvrez une catégorie de menu.
Ajoutez un nouvel élément de menu.
Sélectionnez le type de lien : page, catégorie, produit, module ou URL personnalisée.
Vérifiez les libellés du menu pour toutes les langues actives.
Ajustez l'ordre par glisser-déposer.
Des liens vers des pages, catégories, produits ou URLs personnalisées peuvent être ajoutés.
Les menus peuvent être triés et imbriqués.
Le texte du menu et la cible du lien doivent être vérifiés pour chaque langue active.
Conseil: Utilisez des groupes déroulants au lieu d'ajouter trop d'éléments au menu principal.
Galerie et fichiers
La gestion des médias se compose de galeries d'images et de fichiers téléchargeables/gérables.
Galerie : Connectez des listes d'images au contenu ou aux modules.
Fichiers : Gérez les PDFs, catalogues, documents techniques et fichiers similaires.
Les images peuvent être utilisées dans le contenu, les produits, les galeries ou les éléments du constructeur.
Note: Les images très volumineuses ralentissent les pages. Utilisez des images optimisées pour le web.
Thème et apparence
La section Design contrôle l'apparence du site web. La sélection du thème, la palette de couleurs, la police, la taille du fil d'Ariane, l'en-tête, le pied de page et les paramètres CSS personnalisés sont gérés ici.
Ordre recommandé de configuration du design
Sélectionnez d'abord le thème actif.
Téléchargez les éléments logo et favicon (support logo clair et sombre disponible).
Vérifiez l'arrière-plan de l'en-tête et le comportement du menu.
Choisissez une palette de couleurs prête à l'emploi depuis Color Market ou configurez les couleurs individuellement.
Sélectionnez la police du site.
Définissez la taille du fil d'Ariane (Par défaut, Petit, Grand).
Configurez les colonnes du pied de page et le contenu des widgets.
Vérifiez l'apparence mobile séparément.
Color Market
Color Market permet d'appliquer les couleurs du site en un clic à partir de palettes prédéfinies. 25 préréglages sont disponibles dans 5 catégories d'industrie : Entreprise, Clinique et Santé, École et Éducation, Blog et Magazine, E-Commerce, Restaurant et Café, Hôtel et Voyage, Nature et Créatif.
Palettes prédéfinies : Applique 6 couleurs + police en un clic.
Palettes favorites : Marquez d'une étoile les palettes fréquemment utilisées pour les épingler en haut.
Mes palettes personnalisées : Enregistrez les couleurs actuelles avec un nom et réappliquez-les plus tard (jusqu'à 20 par site).
Export/Import de couleurs : Sauvegardez les paramètres de couleurs en JSON ou transférez-les vers un autre site.
Champs de couleur
Couleur primaire (boutons principaux et accents)
Couleur secondaire
Couleur du texte
Couleur des titres
Couleur d'arrière-plan
Couleur d'arrière-plan de la barre supérieure
Couleur d'arrière-plan du pied de page
Couleur d'arrière-plan du fil d'Ariane
Choisissez parmi les couleurs prédéfinies ou saisissez un code HEX personnalisé
Police et mise en page
Sélection de la police du site (support Google Fonts ou police système)
Taille du fil d'Ariane : Par défaut, Petit ou Grand
Bonne pratique: Après avoir changé le thème, vérifiez les pages d'accueil, de détail produit, de catégorie et de contact ensemble. Testez l'aperçu des couleurs sur différents types de pages.
Structure du constructeur
AppWise CMS inclut le Constructeur d'accueil, le Constructeur de pages et le Constructeur de contact. Le constructeur est utilisé pour gérer les pages sous forme de blocs.
Comment fonctionne le constructeur
Section est une zone horizontale de la page.
Colonne définit la structure des colonnes à l'intérieur d'une section.
Élément est le composant de contenu placé à l'intérieur d'une colonne.
Chaque élément peut avoir son propre contenu, image, lien et champs de langue.
L'ordre sur le frontend suit l'ordre défini dans le constructeur.
Éléments standard
BannièreTexte enrichiAccordéonCarrousel de logosStatistiquesÉquipeTémoignagesTarificationChronologieBloc HTMLSéparateurContenu à ongletsVidéoFormulaire de demandeImage
Les thèmes peuvent définir leurs propres éléments supplémentaires, donc les éléments disponibles peuvent varier selon le thème actif.
Note: Le Bloc HTML est puissant mais doit être utilisé avec précaution. Un HTML invalide peut casser la mise en page de la page.
En-tête et pied de page
Les zones d'en-tête et de pied de page sont globales, donc les modifications affectent l'ensemble du site web.
En-tête : Logo (clair/sombre), couleur d'arrière-plan, comportement du menu et raccourcis de formulaires.
Pied de page : Système de colonnes et de widgets.
Types de widget : Logo, texte, menu, contact, réseaux sociaux, lien carte, image, heures de travail, badges de paiement et newsletter.
Formulaires et demandes
Formulaires et Demandes est utilisé pour gérer les enregistrements soumis par les visiteurs. Le nombre d'enregistrements non lus est affiché dans la barre latérale.
Formulaire de contact : Messages des visiteurs et demandes de contact.
Formulaire RH : Candidatures et envois de CV.
Formulaire de devis : Demandes de devis.
Formulaire de commande : Commandes de produits ou services.
Formulaire de demande : Enregistrements généraux de demande de produits/services.
Les enregistrements de formulaires peuvent être suivis par statut de lecture. Certains formulaires peuvent ne pas apparaître si les modules associés sont inactifs.
Popup et annonces
Affichez des popups et des barres d'annonces aux visiteurs pour des campagnes, informations ou redirections.
Gestion des Popups
Le contenu, l'image et le lien du popup peuvent être personnalisés.
Les paramètres de timing d'affichage et de répétition peuvent être configurés.
Le contenu du popup peut être défini par langue.
Barre d'annonces
Une barre de notification affichée en haut du site.
Des messages courts de campagne, lien et paramètres de couleur peuvent être configurés.
Contrôlée comme active/inactive.
Newsletter
Gestion de la liste des abonnés à la newsletter par e-mail.
Les enregistrements d'abonnés peuvent être suivis et exportés.
Intégrations
Les services tiers et les outils du site sont gérés depuis la section intégrations.
Popup Newsletter : Popup de collecte d'e-mails.
Bouton WhatsApp : Bouton fixe de contact WhatsApp.
Support en direct : Intégration de chat en direct.
Avis de cookies : Barre de consentement aux cookies conforme au RGPD.
Test de vitesse : Analyse des performances de vitesse du site.
Schema Markup : Balisage de données structurées pour les moteurs de recherche.
Conseil: Activez l'avis de cookies avant le lancement pour la conformité RGPD.
Contact et réseaux sociaux
Les informations de contact de l'entreprise et les comptes de réseaux sociaux sont gérés depuis cette section. Ces données sont automatiquement utilisées dans le pied de page, la page de contact et les modules.
Contact : Téléphone, e-mail, adresse et informations de la carte.
Réseaux sociaux : Liens Facebook, Instagram, Twitter/X, LinkedIn, YouTube et autres plateformes.
Avis et évaluations
Les commentaires des visiteurs et les avis sur les produits sont gérés depuis cette section.
Commentaires de page/article : Approuver, supprimer et gérer les commentaires des visiteurs.
Avis sur les produits : Enregistrements de notes et d'avis sur les produits.
Les commentaires fonctionnent avec un système d'approbation — ils passent par la revue de l'administrateur avant publication.
Modules
Le système de modules est utilisé pour activer ou désactiver les fonctionnalités du CMS et gérer les structures de type page/plugin.
Exemples de modules
AccueilProduitsPanier d'achatContactFAQRéférencesNotre équipeTarificationDevisCommandeRessources humainesHeures de travailFormulaire de demandePage d'erreur
Chaque module peut être activé ou désactivé. Les modules créent automatiquement la page et le menu associés sur le frontend.
Note: Les modules requis sont nécessaires au système et ne doivent pas être supprimés.
SEO et Webmaster
Les outils SEO gèrent la visibilité sur les moteurs de recherche et les redirections techniques.
Flux de vérification SEO
Utilisez un slug unique pour chaque page, produit et article.
Rédigez des méta titres courts et significatifs.
Rédigez des méta descriptions qui résument le contenu réel de la page.
Si une URL change, redirigez l'ancienne URL vers la nouvelle.
Vérifiez le sitemap et robots.txt avant le lancement.
Vérifiez les codes Google Analytics et Search Console.
Paramètres Google Analytics
Paramètres Google Search Console
Gestion du sitemap
Gestion de robots.txt
Paramètres RSS
Gestion des redirections (301/302)
Gestion des slugs / liens
URLs en échec (suivi 404)
Enregistrements de connexions échouées
Enregistrements de log OTP
Vidage du cache
Conseil: Après des changements d'URL, redirigez les anciens liens vers les nouveaux depuis la Gestion des redirections.
Analytique des visiteurs
L'Analytique des visiteurs vous aide à voir l'activité quotidienne des visiteurs et les pages populaires.
Visiteurs quotidiens et détails
Pages populaires
Sources des visiteurs et informations sur les appareils
Ces rapports aident à comprendre quel contenu suscite le plus d'intérêt et guident la stratégie de contenu.
Langues et traduction
La gestion des langues contrôle le contenu du frontend et la langue du panneau. Les langues actives, la langue par défaut et l'ordre des langues sont gérés ici. L'interface du panneau prend en charge 18 langues.
Flux d'ajout de nouvelle langue
Ouvrez Langues / Traduction → Gestion des langues.
Choisissez la langue parmi les langues inactives.
Activez la langue et définissez son ordre.
Changez la langue par défaut si nécessaire.
Remplissez les pages, produits, menus, modules et contenu du pied de page pour la nouvelle langue.
Vérifiez l'ordre des langues et la langue active sur le frontend.
Gestion des langues actives / inactives
Sélection de la langue par défaut
Ordre des langues
Traductions de l'interface du panneau
Traductions des textes du site (frontend)
Synchronisation de la traduction du contenu
Note: Après l'ajout d'une nouvelle langue, le contenu des pages, produits, menus et modules doit être rempli pour cette langue.
Utilisateurs et permissions
La section Utilisateurs gère les comptes administrateur, la langue du panneau et les permissions.
Super Admin : Dispose de toutes les permissions. Peut accéder aux sauvegardes et aux paramètres système.
Admin : Travaille avec des permissions basées sur les modules.
Les permissions sont divisées en actions telles que voir, créer, modifier et supprimer.
La langue du panneau peut être attribuée à chaque utilisateur.
Les comptes utilisateurs peuvent être activés ou désactivés.
Bonne pratique: Donnez aux éditeurs de contenu quotidiens l'accès uniquement aux modules dont ils ont besoin.
Sécurité et connexion
Les paramètres de sécurité contrôlent l'accès au panneau et la sécurité des comptes utilisateurs.
Connexion et session
Connexion avec nom d'utilisateur ou e-mail.
Se souvenir de moi : Lorsqu'il est activé, la session reste active pendant 30 jours. La connexion automatique se produit même après la fermeture du navigateur.
Lorsque la session expire ou que le navigateur est fermé, le jeton de sécurité est automatiquement renouvelé.
Les tentatives de connexion échouées sont enregistrées.
Authentification à deux facteurs (2FA)
2FA est activé depuis Paramètres → Sécurité.
Après la connexion, un code OTP est demandé par e-mail ou application d'authentification.
Codes de secours : Si l'accès OTP est perdu, les codes de secours peuvent être utilisés pour se connecter.
Confiance de l'appareil : Les appareils marqués comme fiables ne se verront pas demander l'OTP pendant 90 jours.
Gestion des mots de passe
La réinitialisation du mot de passe se fait par e-mail.
Le mot de passe peut être modifié depuis le panneau.
La date de mise à jour du mot de passe est enregistrée.
Note: Assurez-vous de sauvegarder vos codes de secours avant de désactiver 2FA.
SMTP et e-mail
Les paramètres SMTP sont nécessaires pour que les e-mails envoyés depuis le panneau (réinitialisation de mot de passe, OTP, notifications de formulaires) fonctionnent.
L'adresse du serveur SMTP, le port et le type de chiffrement (SSL/TLS) sont configurés.
Le nom et l'adresse e-mail de l'expéditeur sont définis.
La configuration peut être vérifiée en envoyant un e-mail de test.
Note: Sans configuration SMTP, les e-mails de réinitialisation de mot de passe, de vérification OTP et de notification de formulaires ne peuvent pas être envoyés.
Sauvegardes
La section Sauvegardes est utilisée pour les opérations de sauvegarde au niveau de la base de données, des fichiers et du système.
Sauvegarde de base de données : Sauvegarde toutes les tables en SQL.
Sauvegarde de fichiers : Sauvegarde les images et fichiers téléchargés.
Sauvegarde système : Instantané complet du système (Super Admin uniquement).
Sauvegarde de migration : Sauvegarde prête pour la migration de serveur (Super Admin uniquement).
Nettoyage du stockage : Nettoie les fichiers inutilisés (Super Admin uniquement).
Journaux propriétaire : Historique des opérations au niveau système.
Note: Avant les mises à jour importantes, effectuez des sauvegardes de la base de données et des fichiers.
Liste de vérification de lancement
Utilisez cette liste de vérification avant de lancer un nouveau site web ou une mise à jour importante du contenu.
Conseil: Utilisez cette liste dans le cadre du processus de livraison client pour chaque projet.
FAQ
Ma page n'apparaît pas dans le menu. Que faire ?
Créer une page ne l'ajoute pas automatiquement à la navigation. Ajoutez la page concernée comme élément de menu depuis la section Menu.
J'ai ajouté une langue mais le contenu apparaît vide.
Les lignes de traduction sont créées lors de l'ajout d'une nouvelle langue, mais le texte du contenu doit être rempli manuellement.
La barre latérale du produit s'ouvre incorrectement.
Vérifiez la catégorie du produit et les paramètres de la barre latérale du produit/module. Utilisez le paramètre de racine de la barre latérale si nécessaire.
Quand faut-il mettre à jour le sitemap ?
Vérifiez le sitemap chaque fois qu'une nouvelle page, un produit, une catégorie ou une page de module est publiée.
Un élément du constructeur n'est pas visible sur le frontend.
Assurez-vous que l'élément est actif, pris en charge par le thème sélectionné et que ses champs de contenu sont remplis.
J'ai appliqué une palette depuis Color Market mais elle ne me plaît pas. Puis-je revenir à mes anciennes couleurs ?
Oui. Si vous avez précédemment exporté vos paramètres de couleurs en JSON, vous pouvez les restaurer avec l'importation. Ou vous pouvez réappliquer une palette enregistrée dans vos palettes personnalisées.
J'ai activé 2FA mais j'ai perdu mon téléphone.
Vous pouvez vous connecter en utilisant l'un des codes de secours fournis lors de l'activation de 2FA. Si vous n'avez pas de codes de secours, contactez votre administrateur système.
Que se passe-t-il si les paramètres SMTP ne sont pas configurés ?
Les e-mails de réinitialisation de mot de passe, de vérification OTP et de notification de formulaires ne peuvent pas être envoyés. Assurez-vous de configurer les paramètres SMTP avant le lancement.
Ma session expire trop rapidement.
Cochez l'option 'Se souvenir de moi' sur l'écran de connexion. Cela maintient votre session active pendant 30 jours (sauf si vous vous déconnectez manuellement).