Votre partenaire pour créer votre site web professionnel
DigiKoder est une plateforme de création de sites web professionnels conçue spécialement pour les TPE, artisans et indépendants. Notre mission : vous offrir la puissance de WordPress et Elementor avec la simplicité d’utilisation de Wix.
Ce que DigiKoder vous offre
> Un site web clé en main : Choisissez un modèle, personnalisez-le, c’est prêt !
> Hébergement inclus : Votre site est hébergé sur nos serveurs sécurisés
> Nom de domaine : votresite.clients.digikoder.com (domaine personnalisé sur demande)
> Mises à jour automatiques : Nous gérons la maintenance technique
> Support réactif : Une équipe à votre écoute pour vous accompagner
Pour qui ?
> Artisans souhaitant présenter leurs réalisations
> Commerçants voulant vendre en ligne
> Indépendants cherchant à développer leur visibilité
> TPE ayant besoin d’un site professionnel sans budget agence
Comment ça marche ?
1. Choisissez un modèle parmi notre catalogue
2. Personnalisez le contenu avec vos textes et images
3. Publiez votre site en quelques clics
Connectez-vous à votre tableau de bord WordPress
Accéder à votre administration
Pour gérer votre site, rendez-vous sur :
https://votresite.clients.digikoder.com/wp-admin
Vos identifiants de connexion
> Identifiant : Votre adresse email utilisée lors de l’inscription
> Mot de passe : Celui que vous avez défini (ou reçu par email)
Mot de passe oublié ?
> Cliquez sur “Mot de passe oublié” sur la page de connexion
> Entrez votre adresse email
> Suivez le lien reçu par email pour réinitialiser
Rester connecté
> Cochez “Se souvenir de moi” lors de la connexion
> Vous resterez connecté pendant 14 jours sur cet appareil
💡 Astuce : Ajoutez la page d’administration à vos favoris pour y accéder rapidement.
Guide de démarrage rapide pour votre nouveau site
Félicitations pour votre nouveau site DigiKoder ! Voici les étapes essentielles pour bien démarrer.
✅ Étape 1 : Vérifier vos accès
> Consultez l’email de bienvenue avec vos identifiants
> Connectez-vous à votre espace admin (/wp-admin)
> Changez votre mot de passe si nécessaire
✅ Étape 2 : Personnaliser les informations de base
> Logo : Apparence > Personnaliser > Identité du site
> Nom du site : Réglages > Général
> Favicon : La petite icône dans l’onglet du navigateur
✅ Étape 3 : Modifier le contenu
> Allez dans Pages pour voir toutes vos pages
> Cliquez sur “Modifier avec Elementor” pour personnaliser
> Remplacez les textes et images par les vôtres
✅ Étape 4 : Configurer vos informations légales
> Mettez à jour les Mentions légales avec vos coordonnées
> Complétez la Politique de confidentialité
> Si e-commerce : vérifiez les CGV
✅ Étape 5 : Faire une sauvegarde
> Avant toute modification importante, sauvegardez !
> Utilisez l’outil de sauvegarde intégré
Naviguez facilement dans votre administration WordPress
Le tableau de bord WordPress est votre centre de contrôle. Voici les sections principales.
Menu principal (colonne de gauche)
> Tableau de bord : Vue d’ensemble et raccourcis
> Articles : Gérer votre blog (si activé)
> Médias : Bibliothèque d’images et fichiers
> Pages : Créer et modifier vos pages
> Apparence : Personnaliser le design
> Extensions : Fonctionnalités supplémentaires
> Réglages : Configuration générale
Si vous avez l’offre e-commerce
> WooCommerce : Tableau de bord boutique
> Produits : Gérer votre catalogue
> Commandes : Suivre les ventes
> Marketing : Codes promo et promotions
Barre supérieure
> Voir le site : Ouvrir votre site public
> + Créer : Raccourcis pour ajouter du contenu
> Vider le cache : Actualiser votre site
> Profil : Gérer votre compte
Widgets du tableau de bord
Vous pouvez personnaliser les widgets affichés via Options de l’écran en haut à droite.
Choisissez la formule adaptée à vos besoins
🌱 Offre STARTER – 18€/mois
Idéal pour : Présenter votre activité simplement
> Jusqu’à 10 pages
> 5 Go de stockage
> Formulaire de contact
> Support par email
> Sans e-commerce
⭐ Offre PRO – 35€/mois
Idéal pour : Vendre en ligne simplement
> Pages illimitées
> 10 Go de stockage
> ✓ Boutique WooCommerce
> Produits simples
> Support prioritaire
🚀 Offre BUSINESS – 60€/mois
Idéal pour : E-commerce avancé
> Tout de l’offre Pro
> 20 Go de stockage
> Produits variables (tailles, couleurs…)
> Fonctionnalités avancées
> Support téléphonique
Essai gratuit
Testez DigiKoder pendant 14 jours gratuitement avec l’offre Starter. Sans engagement, sans carte bancaire.
💡 Besoin d’aide pour choisir ? Contactez-nous, nous vous conseillerons selon votre projet.
> deux façon d’accéder à votre page ou article :
>> aller dans l’espace d’administration de votre site > puis dans la partie pages ou articles
>> aller sur la page ou l’article sur votre site pour la consulter normalement mais en étant connécté en administrateur, utiliser ensuite la barre noir en haut de la page pour “modifier la page/l’article”. Si votre page à été créée avec l’outil ELEMENTOR il faudras utiliser le bouton “modifier avec elementor”
> Une fois dans l’interface de modification de votre page :
>> Pour l’éditeur standard de wordpress : vous avez le titre la description a remplir et les options sur la droite pour préciser la catégorie de la page ( il est possible de créer directement une nouvelle catégorie depuis la page d’edition de page et aussi de choisir plusieurs catégories)
Pour le corps de votre page ou article worpdress propose un système de blocks que vous devez ajouter pour ensuite y intégrer des éléments de page comme du texte, des images ou un titre. Ce système n’est pas très intuitif et performant je vous invite plutôt a utiliser ELEMENTOR pour tous vos articles et toutes vos pages en cliquant sur le bouton “Modifier avec elementor au dessus”. Attention quand vous choisissez d’utiliser elementor pour éditer votre page cela remplace et supprime tous les contenus que vous avez mis en place AVANT avec l’éditeur standard de wordpress.
Ensuite vous avez le reste des options et interfaces pour faire les réglages de votre page, la partie Astra concerne les réglages de mise en page du theme du site.
>> Pour intégrer des sliders d’images ou de produits dans vos pages vous devez utiliser ce qui s’appel un code court que vous récupérer dans les parametres de vos sliders et que vous copiez coller dans un element code court dans elementor.
REMARQUE IMPORTANTE : Quand vous modifiez une page PENSEZ à utiliser le bouton PURGER LE CACHE en haut de la page pour appliquer vos dernières modifications et les voir.
Il existe plusieurs facons d’ajouter, supprimer modifier des images dans votre site :
> Le gestionnaire de médias accéssible dans l’onglet MEDIAS du menu de gauche dans l’administration de votre site
> Depuis l’éditeur de pages Elementor vous pouvez ajouter un élément image et choisir parmis les images déja présentes ou en ajouter une nouvelle. Il est aussi possible d’intégrer une image dans du texte avec le bouton ADD MEDIA présent en haut a gauche de l’editeur de texte
Remarque : vous pouvez agencer vos contenu texte et image dans des tableaux pour faciliter la mise en page dans certains cas.
| Exemple: |  |
Il vous est aussi possible de recadrer des images dans le gestionnaire de médias et aussi de choisir différents réglages d’utilisation d’une image comme la taille d’affichage, un lien quand on click dessus ou l’alignement.
Vous pouvez créer plusieurs menus mais de base il en existe généralement DEUX sur un site : Le menu principale du site et le menu de base de page.
Pour modifier le contenu et l’ordres des éléments de menu vous pouvez y accéder de deux facons :
> Depuis l’espace d’administration de votre site > dans le menu Apparences > Menus
> Sur n’importe quelle page du site quand vous etes connécté en administrateur, en haut a gauche dans la barre noir : survolez le nom de votre site et cliquer sur menu
Une fois dans l’éditeur de menu, choisir le menu en haut, ensuite vous avez la liste des éléments disponibles à gauche a faire glisser dans le menu, vous pouvez également changer l’ordre ou l’agencement des éléments pour faire des sous menus si necessaire.
Le haut de page ( le header > la partie supérieur du site, ou se trouve le menu principale) et le bas de page ( le footer > tous en bas de votre site) sont modifiables comme le reste de votre site. Pour accéder aux interfaces de modifications vous n’avez qu’a aller sur une des pages de votre site en étant connécté comme administrateur, ensuite survolez le bouton “modifier avec elementor” en haut de la page et cliquer sur Header ou Footer.
REMARQUE : certaines modifications de structures peuvent nécessiter plusieurs essais avant d’arriver a caller correctement le menu, le bouton de recherche, le selecteur de langue et le logo. Sauvegardez les modifications et vérifiez le rendu sur le site en vidant la cache.
Autre remarque IMPORTANTE: en version mobile une colonne vide à été ajoutée à gauche du logo pour permettre de cliquer sur le menu mobile et l’ouvrir si vous supprimez cette colonne vide le menu mobile ne fonctionnera plus. Pensez à réduire sa taille en mode ordinateur.
ADAPTER MES PAGES POUR LE MOBILE
L’adaptation du contenu d’une page web aux différentes tailles d’écrans (mobile, tablette, ordinateur) s’appel le responsive design. Pour aborder cette aspect important de la mise en place de votre site internet nous vous avons rédigé ce petit guide. Rassurez vous, l’outil ELEMENTOR que nous avons mis en place comporte déjà tous les outils et options necessaires à la réalisation de ces reglages. L’adaptation des contenus est d’ailleurs généralement déja prévue quand vous ajoutez des éléments à vos pages. Cependant quand vous commencez à précisez des réglages sur les marges, les hauteurs ou les positions de vos éléments, c’est généralement LA que ca risque de poser probleme en version mobile.
↑
Pour régler ces probleme suivez les étapes suivantes :
1> Ouvrez une de vos pages dans l’éditeur ELEMENTOR à l’aide du bouton modifier avec élémentor en haut de la page.
2> une fois dans l’éditeur élémentor en bas a gauche de votre écran vous avez une petite icone qui représente un écran, cliquez dessus et choisissez mobile ou tablette, vous verrez alors la taille de l’éditeur s’adapter et adapter le contenu de votre page en version mobile. Cela vous permet d’apporter les modifications necessaires UNIQUEMENT pour la version mobile de votre site.
En effet en face de tous les parametres ou presque vous vérez apparaitre une petite icone mobile ce qui veux dire que les options précisées ici ne seront appliquées QUE en version mobile!
↑
Configurez les options de base de votre site
Accéder aux réglages généraux
> Allez dans Réglages > Général
Informations essentielles
> Titre du site : Le nom affiché dans l’onglet du navigateur
> Slogan : Courte description de votre activité
> Adresse email : Email de l’administrateur
> Fuseau horaire : Sélectionnez Paris pour la France
Format de date et heure
> Format de date : j F Y (ex: 15 janvier 2025)
> Format d’heure : G:i (ex: 14:30)
Réglages de lecture
> Allez dans Réglages > Lecture
> Définissez votre page d’accueil
> Configurez la page des articles (si blog)
Réglages des permaliens
> Allez dans Réglages > Permaliens
> Choisissez “Nom de l’article” pour des URLs propres
> Exemple : votresite.com/ma-page au lieu de votresite.com/?p=123
De base le votre modele de site internet
vous est livré en Francais avec une traduction en Anglais.
> Si vous souhaitez ajouter une langue : en haut de n’importe quelle page de votre site quand vous etes connécté en temps qu’adminitrateur vous avez un bouton ‘Traduire la page”, SURVOLEZ le sans cliquez dessus, vous vérez apparaitre le lien réglages. Cliquez dessus, vous arriverez sur la page qui vous permet d’ajouter/supprimer des langues et gérer les autres options de langues de votre site.
> Pour traduire les contenus dans les différentes langues disponibles vous devez utiliser le bouton “traduire la page” disponible en haut de toute les pages de votre site quand vous etes connécté en temps qu’administrateur. La page courante s’ouvre alors dans l’outil de traduction et vous pouvez cibler tous les éléments texte de votre page pour y préciser les traductions des différentes langues.
Il vous est également possible de MASQUER/AFFICHER des éléments de vos pages seulement pour certaines langues. Pour ce faire ouvrez votre page dans l’éditeur de page ELEMENTOR, cliquez sur un élément et rendez vous dans la partie Avancé, vous verez les deux options “restric by language et exclude from language.
Comprendre les fonctionnalités de votre site
Votre site DigiKoder est livré avec un ensemble d’extensions (plugins) pré-configurées. Voici comment les gérer.
Voir les extensions installées
> Allez dans Extensions > Extensions installées
> Vous verrez la liste de toutes les extensions actives sur votre site
Extensions principales de votre site
> Elementor : Éditeur visuel de pages (ne pas désactiver)
> Astra : Thème et personnalisation (ne pas désactiver)
> Wordfence : Sécurité du site
> Yoast SEO : Optimisation pour les moteurs de recherche
> WooCommerce : Boutique en ligne (offres Pro et Business)
Ce que vous pouvez faire
> Configurer : Cliquez sur “Réglages” sous chaque extension pour accéder à ses options
> Consulter : Vérifiez que toutes les extensions essentielles sont actives
Ce qu’il ne faut PAS faire
> Ne désactivez pas les extensions sans notre accord
> N’installez pas de nouvelles extensions vous-même (risque d’incompatibilité)
> Ne mettez pas à jour manuellement – nous gérons les mises à jour
Besoin d’une fonctionnalité supplémentaire ? Contactez-nous pour étudier la faisabilité.
Suivez les visites et le comportement de vos visiteurs
Pourquoi Google Analytics ?
Google Analytics vous permet de savoir :
> Combien de personnes visitent votre site
> D’où viennent vos visiteurs (Google, réseaux sociaux, direct)
> Quelles pages sont les plus consultées
> Combien de temps les visiteurs restent
Créer un compte Google Analytics
1. Allez sur analytics.google.com
2. Connectez-vous avec votre compte Google
3. Cliquez sur “Commencer à mesurer”
4. Créez une propriété pour votre site
5. Récupérez votre ID de mesure (G-XXXXXXXXXX)
Installer sur votre site DigiKoder
Méthode recommandée – Plugin Site Kit :
> Extensions > Ajouter > Rechercher “Site Kit by Google”
> Installer et activer
> Suivre l’assistant de configuration
> Connecter votre compte Google
Vérifier que ça fonctionne
> Dans Google Analytics, allez dans “Temps réel”
> Ouvrez votre site dans un autre onglet
> Vous devriez voir 1 utilisateur actif
⚠️ Note : Les données complètes apparaissent après 24-48h.
Le référencement : la place de votre site internet dans les résultat google par rapport à plusieurs critères. Par exemple votre site internet est un blog spécialisé dans les voyages en asie, si on cherche sur google “blog voyage asie” l’idée c’est d’etre dans les 2 premieres pages de résultat mais cela peut etre assez difficile et il y’a de MULTIPLES facons d’optimiser son référencement et sa visibilité sur google et les autres moteurs de recherche, c’est un métier en soit donc ne vous attendez pas à etre premier il y’a BEAUCOUP de concurrence. Cependant pour optimiser votre visibilité wordpress est déja tres bien concu et optimisé et l’outil YOAST à été rajouté par nos soins pour vous permettre d’optimiser votre note de référencement sur chacune de vos pages. Nous vous invitons à faire vos recherches sur google pour en savoir plus sur les bonnes partiques SEO ( search engine optimisation) tant sur le contenus de votre site internet que sur les contenants et leurs structures. N’hésitez pas à faire appel à nos services si vous avez besoin d’aide de professionnels sur ce point.
Optimisez l’affichage de vos pages dans Google
Qu’est-ce qu’une méta-description ?
La méta-description est le texte affiché sous le titre de votre page dans les résultats Google. Elle doit donner envie de cliquer !
Modifier avec YOAST SEO
> Éditez la page concernée
> Scrollez jusqu’au bloc “Yoast SEO”
> Cliquez sur “Modifier l’extrait”
Bonnes pratiques
> Titre SEO : 50-60 caractères maximum
> Méta-description : 150-160 caractères
> Slug : Court et descriptif (ex: /plombier-paris)
Exemple de bonne méta-description
“Plombier à Paris 15ème – Intervention rapide 7j/7. Dépannage, installation et rénovation. Devis gratuit. ☎️ 01 23 45 67 89”
Ce qu’il faut éviter
> Descriptions trop courtes ou trop longues
> Répéter le même texte sur toutes les pages
> Listes de mots-clés sans sens
> Ne pas mettre de description du tout
Améliorez votre position dans Google
Les bases du SEO
Le référencement naturel (SEO) permet à votre site d’apparaître dans les résultats de recherche Google. Voici les fondamentaux.
1. Contenu de qualité
> Rédigez des textes uniques et utiles
> Minimum 300 mots par page importante
> Répondez aux questions de vos clients
> Mettez à jour régulièrement votre contenu
2. Structure technique
> Un seul H1 par page (le titre principal)
> Utilisez H2 et H3 pour structurer
> URLs courtes et descriptives
> Site rapide (optimisez les images)
3. Images optimisées
> Nommez vos fichiers de façon descriptive (plombier-paris.jpg)
> Remplissez les textes alternatifs (alt)
> Compressez les images avant upload
4. Présence locale
> Créez une fiche Google My Business
> Indiquez votre adresse sur le site
> Encouragez les avis clients
5. Liens
> Liens internes entre vos pages
> Inscrivez-vous sur des annuaires professionnels
> Évitez l’achat de liens (pénalisé par Google)
💡 Patience : Le SEO prend du temps (3-6 mois minimum pour voir des résultats).
LES STATISTIQUES DE MON SITE
↑Gérez le catalogue de votre boutique
Ajouter un nouveau produit
> Allez dans Produits > Ajouter
> Remplissez les informations principales :
> Nom du produit : Titre clair et descriptif
> Description : Détails complets du produit
> Description courte : Résumé affiché à côté du prix
Configurer le prix et le stock
> Dans la section “Données produit” :
> Onglet Général : Prix normal et prix promo (optionnel)
> Onglet Inventaire : Référence SKU et quantité en stock
Ajouter des images
> Image produit : Image principale (dans la colonne de droite)
> Galerie : Images supplémentaires pour le slider
Catégories et étiquettes
> Cochez les catégories appropriées (ou créez-en)
> Ajoutez des étiquettes pour faciliter la recherche
Types de produits
> Produit simple : Un seul article sans variantes
> Produit variable : Avec options (taille, couleur…)
> Produit groupé : Ensemble de produits vendus ensemble
Cliquez sur “Publier” pour mettre le produit en ligne.
Suivez et gérez vos inventaires facilement
WooCommerce vous permet de gérer les stocks de vos produits de manière simple et efficace.
Activer la gestion des stocks sur un produit
> Allez dans Produits > Tous les produits
> Cliquez sur le produit à modifier
> Dans l’onglet “Inventaire”, cochez “Suivre la quantité en stock”
> Entrez la quantité disponible
> Enregistrez le produit
Options de stock disponibles
> Quantité en stock : Nombre d’unités disponibles
> Autoriser les commandes en réapprovisionnement : Permettre l’achat même si stock à 0
> Seuil de stock faible : Recevoir une alerte quand le stock atteint ce niveau
Voir l’état global des stocks
> Allez dans Produits > Tous les produits
> La colonne “Stock” affiche l’état de chaque produit
> Filtrez par “En rupture” ou “Stock faible” pour identifier les produits à réapprovisionner
Notifications de stock faible
> Allez dans WooCommerce > Réglages > Produits > Inventaire
> Configurez l’email de notification
> Définissez le seuil de stock faible par défaut
Configurer les moyens de paiement de votre boutique
Accéder aux réglages de paiement
> Allez dans WooCommerce > Réglages > Paiements
> Vous verrez la liste des moyens de paiement disponibles
Moyens de paiement courants
> Stripe : Cartes bancaires (Visa, Mastercard, etc.) – Recommandé
> PayPal : Paiement via compte PayPal ou carte
> Virement bancaire : Paiement différé par virement
> Chèque : Paiement par chèque postal
Configurer Stripe (cartes bancaires)
> Cliquez sur “Stripe” puis “Gérer”
> Activez le mode de paiement
> Connectez votre compte Stripe ou créez-en un
> Suivez les instructions de configuration
> Testez avec une commande test avant de passer en production
Configurer PayPal
> Cliquez sur “PayPal” puis “Gérer”
> Entrez l’email de votre compte PayPal Business
> Configurez les options de paiement
> Enregistrez les modifications
⚠️ Important : Vous devez avoir un compte professionnel (Stripe Business ou PayPal Business) pour recevoir des paiements.
Configurez vos zones et frais de livraison
Accéder aux réglages de livraison
> Allez dans WooCommerce > Réglages > Expédition
Créer une zone de livraison
> Cliquez sur “Ajouter une zone de livraison”
> Nommez la zone (ex: “France métropolitaine”)
> Sélectionnez les régions concernées
> Cliquez sur “Ajouter une méthode de livraison”
Méthodes de livraison disponibles
> Forfait : Prix fixe quelle que soit la commande
> Livraison gratuite : Sans frais (avec conditions possibles)
> Retrait local : Le client vient chercher sa commande
Configurer un forfait de livraison
> Après avoir ajouté “Forfait”, cliquez sur “Modifier”
> Définissez le nom (ex: “Colissimo”)
> Entrez le coût (ex: 5.90)
> Vous pouvez ajouter des conditions (poids, quantité)
Livraison gratuite conditionnelle
> Ajoutez la méthode “Livraison gratuite”
> Définissez la condition : montant minimum de commande
> Ex: Gratuit à partir de 50€ d’achat
Classes de livraison
Pour des frais différents selon les produits :
> Créez des classes dans “Classes de livraison”
> Assignez les classes à vos produits
> Configurez les tarifs par classe dans vos méthodes
Configurer la TVA sur votre boutique
Activer les taxes
> Allez dans WooCommerce > Réglages > Général
> Cochez “Activer les calculs de taxes”
> Enregistrez les modifications
Configurer les options de taxe
> Allez dans WooCommerce > Réglages > Taxe
> Prix entrés avec taxe : Choisissez si vos prix incluent la TVA ou non
> Calcul de la taxe : Basé sur l’adresse de livraison (recommandé)
> Affichage des prix : TTC dans la boutique et le panier (recommandé en B2C)
Créer les taux de TVA
> Cliquez sur “Taux standards”
> Ajoutez une ligne pour la France :
> Code pays : FR
> Taux : 20 (pour 20% de TVA)
> Nom : TVA
> Enregistrez
Taux réduits (si applicable)
Pour les produits à taux réduit :
> Créez un taux à 5.5% ou 10% selon vos produits
> Assignez la classe de taxe appropriée à vos produits
💡 Conseil : Consultez un comptable pour déterminer les taux applicables à vos produits. En France, le taux standard est de 20%.
Traitez et suivez les commandes de vos clients
Voir toutes les commandes
> Allez dans WooCommerce > Commandes
> Vous verrez la liste de toutes les commandes avec leur statut
Comprendre les statuts de commande
> En attente : Paiement non reçu
> En cours : Paiement reçu, commande à traiter
> Terminée : Commande livrée et finalisée
> Annulée : Commande annulée
> Remboursée : Commande remboursée au client
Traiter une commande
> Cliquez sur le numéro de commande pour l’ouvrir
> Vérifiez les détails (produits, adresse, paiement)
> Préparez la commande pour l’expédition
> Changez le statut en “Terminée” une fois expédiée
Ajouter une note de suivi
> Dans le détail de la commande, section “Notes de commande”
> Ajoutez le numéro de suivi du colis
> Cochez “Note au client” pour l’informer par email
Effectuer un remboursement
> Ouvrez la commande concernée
> Cliquez sur “Rembourser”
> Entrez le montant et la raison
> Confirmez le remboursement
Créez des réductions pour vos clients
Créer un code promo
> Allez dans Marketing > Codes promo
> Cliquez sur “Ajouter un code promo”
> Entrez le code (ex: SOLDES20, BIENVENUE10)
Types de réductions
> Remise fixe sur panier : Ex: -10€ sur la commande
> Remise en % sur panier : Ex: -20% sur la commande
> Remise fixe sur produit : Ex: -5€ par produit
> Remise en % sur produit : Ex: -15% par produit
Configurer les restrictions
Onglet “Restriction d’usage” :
> Montant minimum : Commande minimale requise
> Usage individuel : Non cumulable avec d’autres codes
> Produits : Limiter à certains produits ou catégories
> Emails autorisés : Réserver à certains clients
Limiter l’utilisation
Onglet “Limites d’utilisation” :
> Limite par code : Nombre total d’utilisations
> Limite par utilisateur : Utilisations par client
> Date d’expiration : Validité du code
Exemples de codes populaires
> BIENVENUE10 : 10% pour les nouveaux clients
> FDPGRATUIT : Livraison gratuite
> NOEL2024 : Promo saisonnière
Personnalisez les emails envoyés à vos clients
Accéder aux réglages des emails
> Allez dans WooCommerce > Réglages > Emails
> Vous verrez la liste de tous les emails automatiques
Types d’emails disponibles
> Nouvelle commande : Vous notifie d’une nouvelle vente
> Commande en cours : Confirme le paiement au client
> Commande terminée : Informe le client de l’expédition
> Note client : Envoie vos notes au client
> Facture client : Envoie les détails de facturation
Personnaliser un email
> Cliquez sur “Gérer” à côté de l’email souhaité
> Modifiez :
> Objet : Le titre de l’email
> En-tête : Le texte principal affiché
> Contenu additionnel : Message personnalisé
Personnaliser l’apparence
> En bas de la page Emails, section “Options d’expéditeur”
> Modifiez le nom et l’email d’expédition
> Section “Modèle” : Couleurs et image d’en-tête
Tester vos emails
> Passez une commande test sur votre boutique
> Vérifiez les emails reçus
> Ajustez si nécessaire
Les avis clients renforcent la confiance
Activer les avis sur les produits
> Allez dans WooCommerce > Réglages > Produits
> Cochez “Activer les avis sur les produits”
> Optionnel : Cochez “Les avis ne peuvent être laissés que par des acheteurs vérifiés”
Modérer les avis
> Allez dans Commentaires dans le menu WordPress
> Filtrez par “Avis produit”
> Approuvez, modifiez ou supprimez les avis
Options de modération
> Approuver manuellement : Chaque avis doit être validé avant publication
> Approuver automatiquement : Les avis sont publiés immédiatement
> Configuration dans Réglages > Discussion
Répondre aux avis
> Cliquez sur “Répondre” sous l’avis
> Rédigez votre réponse
> Cliquez sur “Approuver et répondre”
Bonnes pratiques
> Répondez à tous les avis, positifs comme négatifs
> Restez professionnel face aux critiques
> Remerciez les clients satisfaits
> Proposez des solutions aux clients mécontents
💡 Astuce : Envoyez un email de suivi après livraison pour encourager les avis.
VENDRE DES PRODUITS TELECHARGEABLES
↑E-books, musique, logiciels et fichiers numériques
Créer un produit téléchargeable
> Allez dans Produits > Ajouter
> Dans “Données produit”, cochez “Téléchargeable”
> Le produit n’aura pas de frais de livraison
Ajouter les fichiers à télécharger
> Dans l’onglet “Général”, section “Fichiers téléchargeables”
> Cliquez sur “Ajouter un fichier”
> Nommez le fichier (ex: “Ebook PDF”)
> Cliquez sur “Choisir un fichier” pour uploader depuis votre ordinateur
> Vous pouvez ajouter plusieurs fichiers par produit
Configurer les options de téléchargement
> Limite de téléchargement : Nombre de fois que le client peut télécharger (vide = illimité)
> Expiration : Nombre de jours après achat (vide = jamais)
Comment le client accède au fichier
> Après paiement, un lien de téléchargement est envoyé par email
> Le client peut aussi accéder à ses téléchargements depuis “Mon compte”
Sécurité des fichiers
> WooCommerce protège automatiquement vos fichiers
> Les liens sont uniques et expirables
> Les fichiers ne sont pas accessibles sans achat
Adaptez l’apparence de votre boutique en ligne
Options générales de la boutique
> Allez dans Apparence > Personnaliser > WooCommerce
> Catalogue : Nombre de produits par ligne et par page
> Images produit : Dimensions des images catalogue et produit
> Paiement : Apparence de la page de commande
Widgets WooCommerce utiles
> Panier : Affiche le mini-panier en sidebar
> Produits récents : Les derniers produits ajoutés
> Meilleures ventes : Vos produits populaires
> Produits en promo : Produits avec réduction
> Filtres par prix : Slider de fourchette de prix
> Filtres par attribut : Filtrer par couleur, taille, etc.
Ajouter des widgets à votre boutique
> Allez dans Apparence > Widgets
> Choisissez la zone (sidebar boutique, footer, etc.)
> Ajoutez les widgets WooCommerce souhaités
Personnaliser avec Elementor
> Créez une page boutique personnalisée avec Elementor
> Utilisez les widgets “Products” et “Product Categories”
> Ajoutez des filtres, grilles et mises en page personnalisées
Pages importantes à personnaliser
> Page boutique (archive des produits)
> Page panier
> Page de commande (checkout)
> Pages Mon compte
Nous avons mis à disposition un outil de sauvegarde et de restauration de votre site. En plus de cet outil nous sauvegardons régulièrement vos données pour prévenir tous risques de pertes.
Pour gérer vos sauvegardes vous avez deux facons d’y accéder :
> dans votre espace d’administration : en haut de la page : survolez le bouton UpdraftPlus et cliquez sur le bouton Sauvegarder/Restaurer
> dans votre espace d’administration : menu de gauche > réglages > sauvegarder
Une fois dans la page de gestion des sauvegardes vous avez les interfaces, les options et les aides nécessaires pour réaliser les taches voulues.
Les sauvegardes sont paramétrées pour etre automatiquement effectuées toute les semaines et limitées à 3. Donc vous ne pourrez restaurer des sauvegardes vieilles de 3 semaines maximum.
Protégez votre site et vos visiteurs
Votre site DigiKoder est équipé de Wordfence, un puissant outil de sécurité. Voici comment l’utiliser efficacement.
Accéder au tableau de bord de sécurité
> Connectez-vous à votre administration WordPress
> Dans le menu de gauche, cliquez sur Wordfence > Tableau de bord
> Vous verrez un résumé de l’état de sécurité de votre site
Lancer une analyse de sécurité
> Allez dans Wordfence > Scan
> Cliquez sur “Démarrer un nouveau scan”
> Attendez la fin de l’analyse (quelques minutes)
> Consultez les résultats et suivez les recommandations
Bonnes pratiques de sécurité
> Mots de passe forts : Utilisez des mots de passe complexes (min. 12 caractères, majuscules, chiffres, symboles)
> Mises à jour : Nous gérons les mises à jour pour vous, mais signalez-nous tout comportement anormal
> Sauvegardes : Effectuez des sauvegardes régulières (voir section dédiée)
> Connexions suspectes : Vérifiez régulièrement Wordfence > Live Traffic
En cas de problème de sécurité
Si vous suspectez une intrusion ou un problème :
> Ne paniquez pas
> Contactez-nous immédiatement via le formulaire de contact
> Ne supprimez rien avant notre intervention
Mode maintenance pour votre site
Il vous est possible de fermer temporairement votre site pour afficher une page de maintenance aux visiteurs.
Activer le mode maintenance
> Allez dans Elementor > Outils > Mode maintenance
> Sélectionnez “Prochainement” ou “Maintenance”
> Choisissez un modèle de page ou créez-en un personnalisé
> Cliquez sur “Enregistrer les modifications”
Différence entre les modes
> Mode “Prochainement” : Pour un site en cours de création (affiche une page d’attente)
> Mode “Maintenance” : Pour une maintenance temporaire (message aux visiteurs)
Personnaliser la page de maintenance
> Dans Elementor > Mes modèles, créez un nouveau modèle “Page”
> Ajoutez votre logo, un message et éventuellement un compte à rebours
> Enregistrez comme modèle de maintenance
Rouvrir votre site
> Retournez dans Elementor > Outils > Mode maintenance
> Sélectionnez “Désactivé” dans le menu déroulant
> Enregistrez – votre site est de nouveau accessible
💡 Note : En mode maintenance, vous pouvez toujours accéder à votre site quand vous êtes connecté en tant qu’administrateur.
Conformité RGPD et mentions obligatoires
En France, tout site internet professionnel doit respecter certaines obligations légales. Voici les éléments essentiels.
Les pages légales obligatoires
Votre site doit comporter au minimum :
> Mentions légales : Identité de l’éditeur, hébergeur, contact
> Politique de confidentialité : Comment vous collectez et utilisez les données
> CGV (si e-commerce) : Conditions générales de vente
Modifier vos pages légales
> Allez dans Pages dans le menu de gauche
> Recherchez “Mentions légales”, “Politique de confidentialité” ou “CGV”
> Cliquez sur “Modifier” et mettez à jour les informations
> Important : Remplacez les textes entre [crochets] par vos vraies informations
Bandeau de cookies (RGPD)
Le bandeau de consentement aux cookies est pré-configuré sur votre site :
> Il s’affiche automatiquement pour les nouveaux visiteurs
> Pour le personnaliser : Réglages > Cookies (selon l’extension installée)
Informations à personnaliser
> Votre raison sociale et forme juridique
> Numéro SIRET / RCS
> Adresse du siège social
> Email et téléphone de contact
> Directeur de publication
💡 Conseil : Faites vérifier vos mentions légales par un professionnel du droit pour garantir leur conformité.
Personnalisez votre site avec du code personnalisé
Vous souhaitez ajouter du code HTML ou CSS personnalisé à votre site ? Plusieurs options s’offrent à vous selon vos besoins.
Ajouter du CSS personnalisé (le plus courant)
Pour modifier l’apparence de votre site :
> Allez dans Apparence > Personnaliser > CSS additionnel
> Collez votre code CSS dans la zone de texte
> Cliquez sur “Publier” pour appliquer les modifications
Ajouter du HTML avec Elementor
Pour insérer du code HTML dans une page :
> Ouvrez votre page avec Elementor
> Recherchez le widget “HTML” dans la barre latérale
> Glissez-déposez le widget à l’endroit souhaité
> Collez votre code HTML et enregistrez
Ajouter du code dans l’en-tête ou le pied de page
Pour intégrer des scripts (Google Analytics, pixels de suivi, etc.) :
> Allez dans Elementor > Réglages personnalisés > Code personnalisé
> Ajoutez votre code dans la section “En-tête” ou “Corps”
> Enregistrez vos modifications
⚠️ Attention : N’ajoutez que du code dont vous comprenez la fonction. Un code malveillant pourrait endommager votre site.
La solution à 90% des problèmes d’affichage
Pourquoi vider le cache ?
Le cache stocke des copies de vos pages pour les afficher plus rapidement. Mais parfois, après une modification, l’ancienne version reste affichée.
Vider le cache de votre site
> Connectez-vous à votre administration
> Dans la barre supérieure, cliquez sur “Vider le cache”
> Attendez le message de confirmation
Vider le cache Elementor
> Allez dans Elementor > Outils
> Onglet “Général”
> Cliquez sur “Régénérer les fichiers CSS”
> Cliquez sur “Synchroniser la bibliothèque”
Vider le cache de votre navigateur
> Chrome : Ctrl+Maj+Suppr (ou Cmd+Maj+Suppr sur Mac)
> Firefox : Ctrl+Maj+Suppr
> Safari : Cmd+Option+E
> Cochez “Images et fichiers en cache” puis videz
Test en navigation privée
Pour voir votre site sans cache :
> Ouvrez une fenêtre de navigation privée
> Visitez votre site
> Vous verrez la version la plus récente
Résolvez les soucis visuels de votre site
La page ne s’affiche pas correctement
Solutions dans l’ordre :
1. Videz le cache (site + navigateur)
2. Testez en navigation privée
3. Régénérez les CSS Elementor (Elementor > Outils)
Les styles ne s’appliquent pas
> Vérifiez que vous avez bien enregistré/publié la page
> Videz le cache Elementor
> Vérifiez qu’il n’y a pas de conflit CSS
Les images ne s’affichent pas
> Vérifiez que l’image existe dans Médias
> Vérifiez la taille du fichier (max 2 Mo recommandé)
> Essayez de ré-uploader l’image
> Vérifiez le format (JPG, PNG, WebP acceptés)
Le menu ne fonctionne pas
> Allez dans Apparence > Menus
> Vérifiez qu’un menu est assigné à l’emplacement “Menu principal”
> Vérifiez que les pages du menu sont publiées
Affichage différent sur mobile
> Éditez la page avec Elementor
> Cliquez sur l’icône mobile en bas à gauche
> Ajustez les paramètres pour la vue mobile
> Voir section “Adaptation mobile”
Résoudre les problèmes avec l’éditeur visuel
L’éditeur Elementor ne se charge pas
> Videz le cache de votre navigateur
> Désactivez temporairement les extensions de navigateur (AdBlock…)
> Essayez un autre navigateur (Chrome recommandé)
> Augmentez la limite de mémoire si possible
Modifications non sauvegardées
> Vérifiez votre connexion internet
> Ne fermez pas l’onglet pendant la sauvegarde
> Cliquez sur “Enregistrer le brouillon” régulièrement
Widget qui ne fonctionne pas
> Supprimez le widget et ajoutez-le à nouveau
> Vérifiez les réglages du widget
> Videz le cache et testez
Message “Une erreur s’est produite”
> Actualisez la page (F5)
> Videz le cache du site
> Si le problème persiste, contactez le support
Revenir à une version précédente
> Dans Elementor, cliquez sur l’icône Historique (horloge en bas à gauche)
> Sélectionnez une révision précédente
> Cliquez pour restaurer cette version
Les problèmes les plus fréquents et leurs solutions
Erreur 404 – Page non trouvée
> La page a été supprimée ou renommée
> Vérifiez l’URL dans la barre d’adresse
> Solution : Réglages > Permaliens > Enregistrer (sans rien modifier)
Erreur 500 – Erreur serveur
> Problème temporaire du serveur
> Attendez quelques minutes et réessayez
> Si ça persiste, contactez le support
Site très lent
> Images trop lourdes – compressez-les
> Trop d’extensions actives
> Videz le cache
> Contactez le support si le problème persiste
Impossible de se connecter
> Vérifiez que Caps Lock n’est pas activé
> Utilisez “Mot de passe oublié”
> Essayez en navigation privée
> Videz les cookies de votre navigateur
Email non reçu
> Vérifiez votre dossier Spam/Indésirables
> Ajoutez noreply@digikoder.com à vos contacts
> Vérifiez que l’email est correct dans votre profil
1 > 1 ere chose à essayer : Vider la mémoire cache de votre site avec le bouton vider la cache en haut de toute les pages de votre site quand vous etes connécté en administrateur ou dans l’espace d’administration de votre site.
2 > Utiliser le systeme de révision/Historique qui permet de revenir en arrière dans les sauvegardes de versions de votre page web. Il existe cette option dans l’éditeur de pages élémentor ET dans l’éditeur wordpress.
3 > si vous avez un bug autre vous pouvez tenter de chercher par vous meme sur google voir ce qui se dit. Tester des solutions trouvés pas d’autres utilisateurs de wordpress et elementor.
5 > Si vous avez accès aux extensions de votre site (pour l’offre entreprise uniquement) vous pouvez essayer de désactiver tous les plugins et de les réactiver au fur et a mesure pour voir si le probleme ne viendrais par d’un des plugins ( pensez à fermer votre site avant de faire ca que vos visiteurs ne tombent pas sur votre site avec des plugins désactivés)
6 > Si vous n’arrivez toujours pas à résoudre votre probleme faites appel à nos services par mail ou depuis notre page facebook. Si la source du problème viens de notre coté et n’est pas de votre fait l’intervention sera gratuite. Dans le cas contraire nous discuterons ensemble de la meilleur solution envisageable.
Nous sommes là pour vous aider
Avant de nous contacter
Pour résoudre votre problème plus rapidement :
1. Consultez cette FAQ – votre réponse s’y trouve peut-être
2. Essayez de vider le cache (solution à 90% des problèmes)
3. Notez le message d’erreur exact si vous en avez un
4. Faites une capture d’écran du problème
Comment nous joindre
> Formulaire de contact : digikoder.com/contact
> Email : support@digikoder.com
> Téléphone (Business) : Voir votre espace client
Informations à nous fournir
Pour un traitement rapide, indiquez-nous :
> L’URL de votre site
> L’URL de la page concernée (si applicable)
> Description précise du problème
> Ce que vous avez déjà essayé
> Captures d’écran (très utile !)
Délais de réponse
> Starter : 48h ouvrées
> Pro : 24h ouvrées
> Business : 4h ouvrées + support téléphonique
Évoluez selon vos besoins
Passer à une offre supérieure
Vous pouvez upgrader votre abonnement à tout moment :
> Connectez-vous à votre espace client sur digikoder.com
> Allez dans “Mon compte” > “Abonnements”
> Cliquez sur “Changer de forfait”
> Sélectionnez la nouvelle offre
✓ Avantage : Le changement est immédiat et le montant est calculé au prorata.
Passer à une offre inférieure
> Le changement prendra effet à la fin de votre période en cours
> Vous conservez les fonctionnalités actuelles jusqu’à cette date
> Certaines fonctionnalités seront désactivées (ex: WooCommerce si passage de Pro à Starter)
Ce qui change selon les offres
> Starter → Pro : Activation de WooCommerce, plus de stockage
> Pro → Business : Produits variables, support téléphonique
> Downgrade : Perte des fonctionnalités de l’offre supérieure
Changez l’apparence de votre site
Puis-je changer de modèle ?
Oui, il est possible de changer de thème/modèle après votre inscription. Cependant, cette opération nécessite notre intervention.
Conditions
> 1 changement gratuit par mois inclus dans votre abonnement
> Changements supplémentaires : nous consulter
> Le changement peut prendre 24-48h
Comment faire la demande ?
1. Choisissez votre nouveau modèle sur digikoder.com/modeles
2. Notez le nom du modèle souhaité
3. Contactez le support avec :
– L’URL de votre site actuel
– Le nom du nouveau modèle souhaité
– La date souhaitée pour le changement
Ce qu’il faut savoir
> Votre contenu (textes, images) devra être recopié sur le nouveau modèle
> Les personnalisations spécifiques seront perdues
> Nous vous recommandons de faire une sauvegarde avant
Annuler votre abonnement DigiKoder
Comment résilier ?
> Connectez-vous à digikoder.com
> Allez dans “Mon compte” > “Abonnements”
> Cliquez sur “Annuler l’abonnement”
> Confirmez votre choix
Que se passe-t-il après ?
> Votre site reste accessible jusqu’à la fin de la période payée
> Aucun nouveau prélèvement ne sera effectué
> À l’échéance, votre site sera désactivé
Récupérer vos données
Avant la désactivation, vous pouvez :
> Exporter votre contenu (Outils > Exporter)
> Télécharger vos images depuis la Médiathèque
> Demander un export complet au support
Réactiver mon abonnement
> Si vous changez d’avis pendant la période restante : réabonnez-vous simplement
> Si votre site a été désactivé : contactez le support sous 30 jours pour récupérer vos données
💡 Alternative : Vous pouvez suspendre votre abonnement temporairement au lieu de le résilier. Contactez le support.
Paiements, factures et tarification
Moyens de paiement acceptés
> Carte bancaire (Visa, Mastercard, etc.)
> PayPal
> Prélèvement SEPA (sur demande)
Quand suis-je prélevé ?
> Le premier paiement est effectué à la souscription
> Les prélèvements suivants sont mensuels, à la même date
> Vous recevez un email de rappel 3 jours avant
Où trouver mes factures ?
> Connectez-vous à digikoder.com
> Mon compte > Commandes/Factures
> Téléchargez vos factures en PDF
Modifier mes informations de paiement
> Mon compte > Modes de paiement
> Ajoutez une nouvelle carte
> Supprimez l’ancienne si nécessaire
Paiement refusé
> Vérifiez que votre carte est valide et non expirée
> Vérifiez les fonds disponibles
> Essayez un autre moyen de paiement
> Contactez votre banque si le problème persiste
Demander un remboursement
> Contactez le support dans les 14 jours suivant le paiement
> Indiquez la raison de votre demande
> Les remboursements sont traités sous 5-10 jours ouvrés
Définitions simples des termes techniques
A-C
Admin / Administration : L’espace de gestion de votre site (accessible via /wp-admin)
Alt (texte alternatif) : Description d’une image pour l’accessibilité et le SEO
Back-end : La partie “coulisses” de votre site (administration)
Cache : Mémoire temporaire qui stocke les pages pour un chargement plus rapide
CMS : Content Management System – Système de gestion de contenu (WordPress en est un)
CSS : Langage de style qui définit l’apparence visuelle du site
D-F
Dashboard : Tableau de bord, page d’accueil de l’administration
Drag & Drop : Glisser-déposer (méthode d’édition avec Elementor)
Elementor : Éditeur visuel de pages par glisser-déposer
Extension / Plugin : Module ajoutant des fonctionnalités à WordPress
Favicon : Petite icône affichée dans l’onglet du navigateur
Footer : Pied de page – Zone en bas de toutes les pages
Front-end : La partie visible du site par les visiteurs
G-M
Header : En-tête – Zone en haut de toutes les pages (logo, menu)
Hébergement : Service qui stocke votre site sur Internet
HTML : Langage de base des pages web (structure du contenu)
Méta-description : Résumé de la page affiché dans les résultats Google
Média : Images, vidéos et fichiers de votre site
N-R
Navigation / Menu : Liens permettant de circuler entre les pages
Page : Contenu statique (À propos, Contact, etc.)
Permalien : URL permanente d’une page ou article
Plugin : Voir Extension
Responsive : Design qui s’adapte à toutes les tailles d’écran
RGPD : Règlement sur la protection des données personnelles
S-W
SEO : Search Engine Optimization – Optimisation pour les moteurs de recherche
Sidebar : Barre latérale (colonne à droite ou gauche)
Slug : Partie de l’URL après le nom de domaine (/ma-page)
Template / Modèle : Design pré-conçu pour votre site
Thème : Ensemble de styles définissant l’apparence globale
Widget : Petit module ajoutant des fonctionnalités (barre de recherche, etc.)
WooCommerce : Extension e-commerce pour WordPress
WordPress : CMS open-source sur lequel DigiKoder est basé
WYSIWYG : What You See Is What You Get – Éditeur visuel
Vous n’avez pas trouvé votre réponse ?
↑Notre équipe support est là pour vous aider
Contacter le support →Envoyez nous vos suggestions pour améliorer ce guide
