Premiers pas avec XONIC: de la connexion à la mise en ligne
Ce guide vous accompagne, étape par étape, tout au long de la configuration de votre boutique : connexion, saisie des informations relatives à la boutique et des mentions légales, vérification des taxes, des modes de paiement et des options d'expédition, création des catégories et des produits, test et mise en ligne. Chaque étape indique le chemin d'accès dans l'interface d'administration et renvoie vers le guide correspondant.
Le guide en vidéo (2 min 53 s) : connexion, configuration en toute tranquillité, données de la boutique, mentions légales, taxes, paiement et livraison, catégories et produits, test et mise en ligne. Vous trouverez les chapitres et la transcription sur la page de la vidéo. Les sous-titres peuvent être activés dans le lecteur. Voix off générée par IA.
En un coup d'œil
- Back-end : vous pouvez accéder à l'espace d'administration à l'adresse
www.ihre-domain.de/xpanel/. - Ordre : commencez par les données de la boutique, les mentions légales, les taxes, le paiement et la livraison, puis passez à la gamme de produits.
- Configuration en toute tranquillité : grâce au mode maintenance, les visiteurs voient une page d’information, tandis que vous travaillez normalement dans la boutique via votre adresse IP autorisée.
- Mise en ligne : effectuez une commande test, faites passer les prestataires de paiement et d'expédition du mode test au mode production, puis désactivez le mode maintenance.
Dans ce guide
Liste de contrôle de démarrage : dix étapes pour la mise en production
Suivez les étapes dans cet ordre. Ainsi, tous les aspects juridiques seront en place avant l'arrivée du premier client.
- Activez le mode maintenance et autorisez votre propre adresse IP ; voir « Tests et mise en production ».
- Connexion et sécurisation : configurer la connexion à deux facteurs, un compte distinct pour chaque personne, voir « Connexion et accès ».
- Saisir les données de la boutique : nom, adresse, logo, coordonnées bancaires et adresse e-mail de l'expéditeur ; voir « Données de la boutique ».
- Ajouter les mentions légales : CGV, politique de rétractation, déclaration de protection des données et mentions légales, ainsi que le bouton de rétractation et le label de garantie de l’UE.
- Vérifier les taxes et les pays de livraison, voir « Taxes et pays de livraison ».
- Configurer les modes de livraison, voir « Expédition et livraison ».
- Configurer les modes de paiement et les associer aux modes de livraison, voir « Paiement et expédition ».
- Bannière relative aux cookies et statistiques : vérifier la bannière, configurer les services Google, voir Google Analytics, Ads et Tag Manager.
- Créer la gamme de produits : catégories, produits et, si nécessaire, variantes.
- Commande test et mise en ligne, voir « Tester et mettre en ligne ».
Connexion et accès
Vous recevrez vos identifiants d'accès à l'interface d'administration par e-mail de la part de XONIC lors de la configuration.
Connexion
- Ouvrez
www.ihre-domain.de/xpanel/dans votre navigateur. - Saisissez votre « nom d'utilisateur ou adresse e-mail » et votre « mot de passe ».
- Si l'authentification à deux facteurs est activée, saisissez également le « code à usage unique » provenant de l'application.
Authentification à deux facteurs
Dans Paramètres → Administrateurs → Mon compte, activez l'authentification à deux facteurs et scannez le code QR à l'aide d'une application d'authentification. Chaque utilisateur doit la configurer pour son propre compte. En sélectionnant « Faire confiance à cet appareil pendant 30 jours », la boutique ne demandera plus le code sur cet appareil pendant 30 jours.
Comptes des collaborateurs
Sous Paramètres → Administrateurs → Comptes utilisateurs, créez un compte individuel pour chaque personne à l’aide de l’option « Créer un compte utilisateur ». Vous pouvez contrôler ce que chaque utilisateur est autorisé à voir et à modifier sous Groupes d’utilisateurs, à l’aide de l’option « Droits d’accès pour le groupe d’utilisateurs ». Ne partagez pas vos identifiants.
Sous « Mon compte », chaque personne active l'authentification à deux facteurs pour son propre compte (compte de démonstration). Cliquez pour agrandir.
Enregistrer les données de la boutique
Le nom, l'adresse et le logo apparaissent dans la boutique, dans les e-mails et sur les reçus. Veillez à les mettre à jour avant toute autre chose.
Paramètres de base
Sous Paramètres → Général → Paramètres de base:
- « Nom de la boutique » et « Nom du gérant de la boutique »
- « Adresse de la boutique et coordonnées » avec le nom de l’entreprise, l’adresse, le numéro de téléphone et l’adresse e-mail
- « Pays » et « Région » de votre entreprise
- « Logo de la boutique »
- Coordonnées bancaires pour le paiement anticipé (« Compte bancaire de la boutique… »)
- « Afficher la TVA dans la boutique »
E-mail, langues, justificatifs
- Expéditeur des e-mails de la boutique : « Adresse e-mail de l’exploitant de la boutique » sous Paramètres → Interfaces → Marketing par e-mail / CRM → Options e-mail. C’est également là que vous définissez à qui une copie de chaque commande doit être envoyée (« Copie de la commande par e-mail à »).
- Langues et devises : sous Paramètres → Langues / Devises, définissez la langue ou la devise par défaut via « Définir comme valeur par défaut ».
- Justificatifs : « Numéro d'identification fiscale de votre entreprise » et le logo du justificatif sous Paramètres → Design → Justificatifs.
- Favicon : dans Paramètres → SEO / SEA → Titres et balises méta.
Les premiers champs des paramètres de base : nom de la boutique, exploitant, logo, adresse, pays et coordonnées bancaires. Cliquez pour agrandir.
Vous gérez les textes des e-mails et des pages de contenu dans le Gestionnaire CMS, voir Gestionnaire CMS & E-mails.
Saisir les mentions légales
En tant qu’exploitant, vous êtes responsable des mentions légales. La boutique les affiche aux emplacements appropriés et les joint à la confirmation de commande.
Dans le gestionnaire CMS
Sous CMS → Gestionnaire CMS, vous trouverez les pages « Conditions générales de vente », « Droit de rétractation », « Protection des données », « Mentions légales » et « Livraison et paiement ». Le modèle de formulaire de rétractation se trouve dans le module $cms_withdrawal.
Remplacez tous les textes types par vos propres textes, après les avoir vérifiés.
Via un fournisseur de textes juridiques
Sous Paramètres → Interfaces → Portails juridiques, connectez-vous à Händlerbund, janolaw ou IT-Recht Kanzlei. La boutique reprendra alors automatiquement leurs textes, et les modifications de la situation juridique seront répercutées sans intervention de votre part.
Le gestionnaire CMS avec les textes juridiques. Remplacez les textes types par les vôtres. Cliquez pour agrandir.
Également obligatoires pour les boutiques en ligne : le bouton de rétractation et la notice de garantie de l'UE.
Vérifier les taxes et les pays de livraison
Les taux d'imposition, les zones géographiques et la sélection des pays sont configurés par défaut pour une boutique allemande livrant dans l'UE.
Taux d'imposition
Sous Paramètres → Pays / Taxe, vous trouverez les catégories fiscales « Normale » et « Réduite » avec des taux de 19 et 7 %. La taxe dépend du pays de livraison.
Si vous effectuez la facturation via le régime OSS en utilisant les taux d’imposition des pays de livraison : une zone par pays est prévue pour chaque pays de l’UE (« UE - Autriche », etc.). Vous y définissez, pour chaque catégorie fiscale, le taux applicable au pays concerné et déplacez les taux de la zone « Union européenne » vers la zone « UE - Allemagne ». Important : la boutique additionne tous les taux applicables à un pays. Si les taux restent dans la zone « Union européenne », cela donnerait par exemple pour l’Autriche 19 + 20 = 39 %. Votre conseiller fiscal vous indiquera si le régime OSS s’applique à votre situation. Étape par étape : taxes et OSS.
Quels pays les clients peuvent-ils sélectionner ?
La sélection des pays n’affiche que les pays appartenant à des zones dont le « classement dans la liste des pays » n’est pas égal à 0. Par défaut, il s’agit des pays de l’UE. Si vous livrez également en Suisse, par exemple, définissez la valeur correspondante dans la zone appropriée. Pour en savoir plus, consultez le guide « Expédition et livraison ».
Par défaut : 19 % (taux normal) et 7 % (taux réduit) pour la zone « Union européenne ». Cliquez pour agrandir.
Configurer le paiement et l’expédition
Les modes de paiement et d'expédition sont des modules. Vous les installez, les configurez et déterminez quel mode de paiement correspond à quel mode d'expédition.
Modes de paiement
Sous Paramètres → Paiement → Modes de paiement, sélectionnez le module, cliquez sur « Installer », puis sur « Modifier ». Cochez la case « Paiement par… » pour l’activer. Par défaut, seul le paiement anticipé est installé. Vous pouvez installer le paiement à la livraison, le « paiement à l’enlèvement » et des prestataires tels que PayPal, Stripe ou Klarna dans la même liste ; configurez d’abord ces prestataires en mode test. Pour en savoir plus, consultez le guide sur les modes de paiement.
Modes de livraison
Sous Paramètres → Paiement → Modes de livraison, configurez vos modes de livraison avec les tarifs par zone géographique. Plusieurs modules de livraison sont préconfigurés par défaut, mais seul DHL est activé. Le guide « Expédition et livraison » vous explique la procédure étape par étape.
Combiner l’expédition et le paiement
Dans la liste des modes de livraison, la colonne « Modes de paiement acceptés » indique les modes de paiement que le client peut sélectionner pour un mode de livraison donné. Vous pouvez modifier cela dans l’onglet « Expédition et paiement ». Si l’association n’est pas définie, le message « Module non attribué à un mode de paiement ! » s’affiche.
Après l’installation, seul le paiement anticipé est actif. Vous pouvez configurer tous les autres modes de paiement via « Installer ». Cliquez pour agrandir.
Le guide « Express Checkout avec Stripe » explique comment utiliser Apple Pay, Google Pay et Link en tant qu’achat express.
Créer des catégories
Les catégories organisent votre gamme de produits comme des dossiers sur un ordinateur. Une catégorie peut contenir des sous-catégories, des produits ou les deux.
- Sous Produits → Catégories / Produits, ouvrez l’onglet « Ajouter une catégorie ». Pour créer une sous-catégorie, ouvrez d’abord la catégorie parente en cliquant sur son icône de dossier. Le titre « Ajouter une catégorie dans : … » indique où la nouvelle catégorie sera placée.
- Saisissez un « Nom ». Celui-ci apparaîtra dans le menu et sur la page de la catégorie. Avec l’option « Intitulé de catégorie différent », la page affiche un titre plus détaillé que celui du menu.
- Remplissez les champs « Balises méta - Titre » et « Balises méta - Description » pour les résultats de recherche. Les champs « Mots-clés » peuvent rester vides, les moteurs de recherche ne les prennent plus en compte.
- Insérez les textes de la catégorie, voir ci-dessous.
- Définissez le « Statut de la catégorie », l’« Image » et l’« Ordre de tri », puis enregistrez.
Sous Produits → Catégories / Produits : en haut, les onglets « Ajouter une catégorie » et « Ajouter un produit » ; l'icône en forme de dossier ouvre une catégorie. Cliquez dessus pour agrandir.
Le début du formulaire de catégorie. En dessous se trouvent la brève description, la description et les paramètres de visibilité. Cliquez pour agrandir.
Textes de la catégorie
La « Description » apparaît en haut de la page de catégorie ; elle peut être mise en forme à l’aide de xoContentEditor si vous le souhaitez. La « Brève description » est affichée par la boutique dans les blocs de liste de produits qui présentent cette catégorie, par exemple sur la page d’accueil. Le champ « Texte SEO » destiné à un texte plus long sous les produits n’apparaît que si l’option « Paramètres SEO avancés » est activée dans Paramètres → SEO / SEA → Paramètres SEO.
Visibilité
Une catégorie inactive n’est pas visible par les clients. C’est pratique tant que vous êtes encore en phase de configuration. Grâce aux « Groupes de clients », vous pouvez afficher la catégorie uniquement à certains groupes, par exemple aux revendeurs ; ce paramètre s’applique également à toutes les sous-catégories. Dans le mode Multishop, sélectionnez les domaines sous « Boutiques ».
Menu et affichage
« Catégorie comme onglet d’en-tête » affiche la catégorie dans le menu de l’en-tête, « Modèle de navigation » définit la manière dont votre menu se déploie. Avec « Type de page », une catégorie permet de rediriger vers une autre page de la boutique ou vers une adresse externe. Les autres boutons sont expliqués dans le guide « Navigation par catégories ».
Créer des produits
Vous gérez un produit dans un formulaire comportant plusieurs onglets. Pour commencer, les onglets « Général », « Prix », « Description/Onglets », « Images » et la catégorie dans l’onglet « Divers » suffisent.
- Sous Produits → Catégories / Produits, ouvrez la catégorie et sélectionnez l’onglet « Ajouter un produit ».
- Général : « Référence », « Nom du produit » et « Statut du produit ». Pour les articles en stock : « Quantité (stock) », ainsi que le « Poids du produit (kg) » emballage compris, si vos frais de port sont calculés en fonction du poids. Google a besoin du « Code GTIN » et du « Fabricant du produit » pour le flux de produits.
- Prix : sélectionnez le « Taux d’imposition » et saisissez le prix net ou brut par groupe de clients. Si un groupe ne dispose pas de son propre prix, c’est le prix destiné aux clients finaux qui s’applique.
- Description/onglets : la « Description du produit (courte) » apparaît dans les listes de produits et sur la page du produit, tandis que la « Description du produit » détaillée figure sur la page du produit. Les « Caractéristiques essentielles du produit (informations de paiement) » sont affichées une nouvelle fois par la boutique lors du paiement.
- Images : téléchargez les images du produit ; la première sera l’image principale.
- Divers : sous « Sélection des catégories », vérifiez dans quelles catégories le produit apparaît. Un produit peut figurer dans plusieurs catégories.
- Enregistrez en cliquant sur « Enregistrer et fermer » ou « Actualiser ».
Onglet « Général » d’un produit de démonstration : référence, nom, statut, stock et, à droite, le fabricant. Cliquez pour agrandir.
Onglet « Prix » : taux d'imposition et prix par groupe de clients. Les revendeurs ne disposant pas de leur propre prix paient le prix public. Cliquez pour agrandir.
Onglet « Divers » : à gauche, l'arborescence des catégories ; à droite, les catégories dans lesquelles le produit apparaît. Cliquez pour agrandir.
Les autres onglets
Caractéristiques
Couleurs, tailles et autres variantes : voir les attributs du produit.
SEO
Titre et description de la page pour les moteurs de recherche, avec aperçu des résultats de recherche Google.
Vidéos
Vidéo du produit avec sa propre image d'aperçu.
Téléchargement/Mise en ligne
Fichiers associés au produit, tels que des modes d'emploi ou des produits numériques.
Lot
Regrouper plusieurs produits dans un seul pack.
Divers
Champs supplémentaires, notamment les informations pour Google, voir Google Merchant Center.
En fonction des modules souscrits, d'autres onglets sont disponibles, comme « Places de marché » pour eBay et Kaufland.
Slider : garder un œil sur les destinations des liens
Si une catégorie, un produit ou une page CMS liée est supprimée ou désactivée, le slider reste néanmoins visible. La boutique vous indique quel slider a besoin d'une nouvelle destination.
Dans la boutique
Un slider dont la destination a été supprimée ou désactivée continue de s’afficher, mais sans lien. Votre slider reste complet et continue de fonctionner. Si une redirection SEO de l’ancienne destination vers une nouvelle page est mise en place, le slider renvoie directement vers celle-ci.
Dans la gestion du diaporama
Un indicateur apparaît en haut de la diapositive, même lorsque celle-ci est repliée. En dessous, une note explique ce qui se passe dans la boutique et ce qu’il faut faire.
Dans le bilan de santé
Sous Outils → Infos serveur & Bilan de santé, la rubrique « Destinations des liens des diapositives » répertorie les diapositives actives dont la destination est inaccessible, en indiquant leur emplacement et la raison. Si cela concerne la page d'accueil, un bouton permet d'ouvrir directement sa diaporama.
Signification des marqueurs
| Marqueur | Signification | Dans la boutique |
|---|---|---|
| Destination du lien manquante (rouge) | La destination a été supprimée. | Diapositive sans lien |
| Destination du lien désactivée (jaune) | La destination est désactivée. | Diapositive sans lien jusqu'à ce que la destination soit à nouveau active |
| Destination du lien inaccessible (jaune) | La destination est active, mais n'est pas accessible dans la boutique : une catégorie parente a été supprimée ou désactivée, le produit n'est attribué à aucune catégorie ou la page CMS ne dispose pas de page dédiée. | Diapositive sans lien |
| Destination du lien redirigée (jaune) | La destination a été supprimée ou désactivée, mais une redirection SEO mène à la page de remplacement. | La diapositive renvoie vers la page de remplacement |
Comment corriger un problème
- Ouvrez la gestion des diaporamas : pour la page d'accueil, allez dans Paramètres → Design → Diaporamas; pour les catégories, les pages CMS et les actualités, rendez-vous dans la section « Diaporamas » du masque d'édition correspondant.
- Dépliez la diapositive sélectionnée.
- Sélectionnez une nouvelle destination à l'aide du bouton « Dossier ». Si la diapositive ne doit afficher qu'une image, supprimez le lien à l'aide de la corbeille. Enregistrez ensuite.
Même en cas de redirection vers une destination de lien, il est préférable de sélectionner directement la nouvelle destination : les visiteurs évitent ainsi le détour par la redirection.
Si une destination est bloquée pour un groupe de clients, les visiteurs de ce groupe ne verront pas la diapositive. C’est voulu et n’est donc pas signalé.
Astuce : après une réorganisation des catégories, par exemple suite à une importation depuis le système de gestion des stocks, il est conseillé de consulter le « Health-Check ». Si vous ignorez systématiquement les résultats qui y sont indiqués, les nouvelles diapositives concernées vous seront tout de même signalées.
Tester et mettre en ligne
Configurez la boutique derrière la page de maintenance, testez une commande du début à la fin, puis mettez le tout en ligne.
Mode maintenance
Sous Paramètres → Général → Travaux de maintenance, activez « Travaux de maintenance (TOUS) » et saisissez votre propre adresse IP sous « Autoriser les IP » ; celle-ci se trouve en bas de la page. Les visiteurs verront alors une page d’information, tandis que vous utiliserez la boutique comme un client.
Commande test
Il n’existe pas de mode test dédié à l’ensemble de la boutique. Passez une commande avec paiement anticipé ou via un mode de paiement en mode test. Vérifiez la confirmation de commande, les pièces jointes au format PDF, la facture et, si cette fonctionnalité est configurée, l’étiquette d’expédition dans le mode test du prestataire de services d’expédition.
Supprimer une commande test
Dans la commande, sélectionnez « Supprimer » ; l’option « Créditer le stock du nombre d’articles » permet de réintégrer le stock. La suppression dans la boutique n’annule rien auprès du prestataire de paiement. Vous pouvez définir le prochain numéro de commande dans Paramètres → Paiement → Séries de numéros; celui-ci ne peut être qu’incrémenté.
Travaux de maintenance activés : sous « Autoriser les adresses IP », ajoutez votre propre adresse IP (ici, une adresse à titre d’exemple). Cliquez pour agrandir.
Mise en production
- Passez les modes de paiement du mode test au mode production ou saisissez les clés de production.
- Faites passer les prestataires de services d'expédition tels que DHL, DPD, GLS, Hermes ou UPS du mode « sandbox » ou « TEST » au mode de production.
- Vérifier la bannière relative aux cookies : « Cookie Consent Tool : Mode » est réglé sur «
modal». - Désactiver « Travaux de maintenance (TOUS) ».
- Soumettre le plan du site dans Google Search Console, voir « Connecter Google Search Console ».
Foire aux questions
Où puis-je me connecter à l’interface d’administration ?
/xpanel/ à la fin, c'est-à-dire www.ihre-domain.de/xpanel/. Vous recevrez vos identifiants par e-mail lors de la configuration.Puis-je tester la boutique avant que les clients ne la voient ?
Pourquoi un client ne peut-il pas sélectionner son pays ?
Quels modes de paiement sont configurés par défaut ?
Comment supprimer les commandes test ?
Guides complémentaires
Nous vous accompagnons dès vos débuts
Si vous avez des questions concernant la configuration, les modes de paiement ou la mise en ligne, nous sommes là pour vous aider personnellement.
Contacter l'assistance dès maintenant
