Guide utilisateur CreArtisite v4
Bienvenue sur CreArtisite ! Ce guide te permet de prendre en main rapidement le constructeur de sites.
Table des matieres
- Premiers pas
- Creer un projet
- L'editeur
- Les blocs
- Editer un bloc
- Multipage
- Publier le site
- Deployer en FTP
- Les modules
- L'assistant IA
- Le blog
- Historique des versions
- FAQ
Premiers pas
- Cree ton compte sur /signup.php ou connecte-toi sur /login.php
- Tu disposes d'un essai gratuit de 14 jours
- Apres l'essai, abonne-toi pour 9.90 EUR/mois pour continuer a editer et publier
Creer un projet
Depuis le tableau de bord (/dashboard.php) :
- Clique sur "+ Nouveau projet" pour partir d'une page vide
- Ou choisis un template dans la galerie pour partir d'une base pre-faite
Donne un nom a ton projet, puis tu arrives dans l'editeur.
L'editeur
L'editeur a 3 zones :
- Sidebar gauche : la bibliotheque de blocs (categories + recherche)
- Canvas central : ta page en cours, telle qu'elle apparaitra aux visiteurs
- Drawer droit (s'ouvre au clic sur un bloc) : les reglages du bloc selectionne
En haut, la barre d'outils :
- Nom du projet (editable)
- Indicateur "Enregistre" / "Modifications en cours"
- Boutons device (desktop/tablette/mobile) pour previsualiser
- Undo / Redo (Ctrl+Z / Ctrl+Shift+Z)
- Historique : restaurer une ancienne version
- IA : assistant Claude pour generer du contenu
- Blog : gerer les articles si tu utilises le module blog
- Modules : analytics, GTM, PWA, etc.
- Apercu : voir le site comme un visiteur
- Enregistrer (Ctrl+S)
- Publier : exporter en ZIP ou deployer en FTP
Les blocs
Plus de 47 blocs natifs sont disponibles, organises en 16 categories :
- Header / Navigation
- Hero / Banniere
- Services / Features
- Contenu / Article
- A propos
- Temoignages
- Equipe
- Tarifs
- Statistiques
- Galerie
- FAQ
- Contact
- CTA / Appel a l'action
- Footer
- Bloc libre (custom)
- Sections importees
Ajouter un bloc :
- Glisse-le depuis la sidebar dans la canvas
- Ou clique simplement dessus pour l'ajouter en bas
Selectionner un bloc : clic dessus
Editer un bloc : double-clic ou clic sur l'icone reglages
Ordonner les blocs : utilise les fleches "monter/descendre" dans les controles flottants
Dupliquer / supprimer : icones dans les controles flottants
Editer un bloc
Quand tu cliques sur un bloc, le drawer de droite s'ouvre avec ses reglages.
Tu peux modifier :
- Textes : titres, paragraphes, boutons (champs
textettextarea) - Images : bouton "Importer" pour uploader, ou colle une URL
- Couleurs : selecteur de couleurs natif du navigateur
- Listes : ajouter / supprimer / reordonner des items (services, avis, FAQ, etc.)
- Polices : selecteur parmi les polices disponibles
- Espacement : padding small/medium/large/extra-large
Edition inline : double-clic sur un texte dans le canvas pour l'editer directement sans passer par le drawer.
Toutes les modifications sont sauvegardees automatiquement (auto-save 3 secondes apres la derniere action).
Multipage
Pour passer en mode multipage (ex: site avec accueil + services + contact + mentions legales) :
- Active le mode multipage dans les Modules > General
- Ajoute des pages via la barre d'onglets en haut du canvas
- Chaque page a son propre contenu et son SEO
Blocs globaux : nav et footer peuvent etre partages sur toutes les pages. Quand tu en marques un comme global, il apparait sur chaque page automatiquement.
SEO par page : clique sur l'icone reglages d'une page pour configurer son titre SEO, meta description, mots-cles, image OG, robots.
Publier le site
Clique sur le bouton "Publier" en haut a droite. Trois options :
- Telecharger ZIP : telecharge un dossier complet (HTML + CSS + JS + images + fonts) que tu peux uploader manuellement sur n'importe quel hebergeur.
- Deployer en FTP : envoi automatique sur ton hebergeur (voir section suivante).
- FaciliPro hosting : deploiement en 1 clic sur l'hebergement FaciliPro inclus dans certains abonnements.
Deployer en FTP
Dans le panneau Publier, onglet "FTP" :
- Hote : ex
ftp.monsite.com - Port : 21 (standard) ou 22 (SFTP)
- Utilisateur : ton login FTP
- Mot de passe : ton mot de passe FTP (chiffre dans la BDD)
- Chemin :
/public_html/ou/www/selon ton hebergeur
Clique sur "Tester la connexion" pour verifier, puis "Deployer".
Tes identifiants sont chiffres avec AES-256-CBC avant stockage.
Les modules
Les modules ajoutent des fonctionnalites avancees a ton site. Accessibles via le bouton "Modules" en haut.
SEO :
- Titre + meta description global
- Sitemap.xml automatique
- robots.txt avec directives bots IA (GPTBot, ClaudeBot, etc.)
- Schema.org auto (LocalBusiness, FAQPage, BreadcrumbList, etc.)
- llms.txt pour les crawlers IA
Analytics :
- Google Analytics (GA4)
- Google Tag Manager
- Facebook Pixel
- Microsoft Clarity
- Matomo (auto-hebergeable)
PWA :
- manifest.json
- Service Worker (cache offline)
Indexation acceleree :
- IndexNow (Bing + Yandex + autres)
- Google Search Console verification
Code custom :
- HTML dans le
- HTML avant
- CSS additionnel
L'assistant IA
Necessite d'avoir configure ta cle API Claude/OpenAI/Gemini dans Profil > IA.
Quand l'utiliser :
- Generer du texte (titre accrocheur, paragraphe, FAQ, accroches)
- Ameliorer un texte existant
- Suggerer un meta title / description SEO
- Generer un schema FAQ a partir de mots-cles
Comment :
- Click sur "IA" dans la barre d'outils → un chat lateral s'ouvre
- Tape ta demande : "Genere 6 questions/reponses pour ma FAQ d'electricien"
- L'IA propose un contenu, copie-colle dans tes blocs
Le blog
Si tu actives le module Blog :
- Une page
/blog/est generee automatiquement - Tu peux creer des articles via /blog.php
- Chaque article a son slug, titre, meta description, image, contenu (Markdown ou HTML)
- Un flux RSS
/rss.xmlest genere automatiquement - Schema.org
BlogPostingajoute automatiquement
Historique des versions
Toutes les modifications de ton projet sont sauvegardees automatiquement (jusqu'a 50 backups).
Clique sur le bouton Historique dans la barre d'outils pour :
- Voir la timeline des sauvegardes (groupees par jour)
- Creer une sauvegarde manuelle nomee
- Restaurer une ancienne version (l'etat actuel est sauvegarde avant restauration, tu peux annuler)
- Supprimer une sauvegarde
L'undo rapide (Ctrl+Z) marche pour les modifications recentes dans la session. Pour revenir a une version d'hier ou d'avant-hier, utilise l'Historique.
FAQ
Comment changer le theme (couleurs / polices) de mon site ?
Modules > Theme : choisis parmi 13 themes pre-faits, ou personnalise les variables CSS.
Mes images sont-elles optimisees pour le web ?
Oui : au moment de la publication, l'optimisation image convertit en WebP et genere des versions responsives (200w a 1920w).
Mon site sera-t-il rapide ?
Oui : CSS minifie + tree-shaking, JS defere, fonts auto-hebergees, preconnect, prefetch entre pages. PageSpeed Insights vise 90+.
Puis-je avoir plusieurs projets ?
Oui, autant que tu veux dans ton abonnement.
Comment sauvegarder mon site avant une grosse modif ?
Historique > "Creer une sauvegarde" + nom personnalise.
Mon site est-il responsive ?
Tous les blocs natifs sont responsive par defaut. Verifie en cliquant sur les icones tablette/mobile dans la barre d'outils.
Comment je gere les mentions legales / RGPD ?
Ajoute une page "Mentions legales" en mode multipage. Le bloc "Page legale" t'aide a structurer le contenu. Modules > RGPD permet d'activer la banniere cookies et le formulaire de demande de droits.
Mes informations FTP sont-elles securisees ?
Oui : chiffrement AES-256-CBC avec une cle dediee stockee hors du code source. Le mot de passe FTP n'est jamais transmis au front (le deploy se fait cote serveur).
Comment supprimer un projet ?
Tableau de bord > 3 points sur la carte du projet > Supprimer. Action irreversible (sauf si tu as un backup recent).
Que se passe-t-il a la fin de l'essai gratuit ?
Tu peux toujours te connecter et voir tes projets. Mais tu ne peux plus editer ni publier tant que tu n'as pas pris l'abonnement.
Comment importer un site HTML existant ?
Sidebar > categorie "Sections importees" > glisse un bloc HTML import et colle ton code HTML+CSS+JS. Il sera converti en bloc editable.
Mon abonnement, je peux l'annuler quand ?
A tout moment depuis Profil > Abonnement. L'acces reste valide jusqu'a la fin de la periode payee.
Raccourcis clavier
| Raccourci | Action |
|---|---|
| Ctrl+S | Enregistrer |
| Ctrl+Z | Annuler |
| Ctrl+Shift+Z / Ctrl+Y | Refaire |
| Ctrl+P | Apercu plein ecran |
| Ctrl+B | Afficher / masquer la bibliotheque |
| Ctrl+Shift+P | Ouvrir le panneau Publier |
| Esc | Fermer modal / preview |
| ? | Afficher la liste des raccourcis |
| Double-clic | Editer un texte inline |
Besoin d'aide ?
- Email : support@creartisite.com
- Documentation technique : /docs/ARCHITECTURE.md
- Statut services : /maintenance.php
Bonne creation !