Scraper et import automatique de branding

Scraper et import automatique de branding

Pré-remplissez rapidement les champs d’identité visuelle depuis une URL publique

Utilisez le détecteur automatique pour extraire logo, couleurs, polices et méta‑données d’un site externe, puis intégrer ces résultats au formulaire de configuration de votre site public.

Ce que couvre cette page

Scraper une URL

Entrez l’URL d’un site public pour que le système analyse la page et propose un ensemble de champs de branding (nom, slogan, logo, couleurs, polices, meta).

Pré-remplir le formulaire

Les valeurs extraites peuvent être intégrées automatiquement au formulaire de configuration du site pour revue et sauvegarde.

Gestion des tickets publics

Intégrez le messenger public et recevez les signalements envoyés par vos visiteurs vers les contacts configurés pour le projet.

Vérification du domaine personnalisé

Le domaine personnalisé doit être validé et unique pour chaque projet avant d’être actif.

Contrôle manuel & correction

Vous conservez toujours la main pour accepter, rejeter ou corriger chaque champ avant d’enregistrer.

Asynchrone et tolérance aux erreurs

Le scraping se lance en tâche de fond et peut prendre quelques secondes à dizaines de secondes ; il peut aussi échouer selon le site cible.

Astuce d’usage

Pour de meilleurs résultats, indiquez la page d’accueil ou la page “À propos” du site cible : elles contiennent souvent le logo, la palette de couleurs et le méta‑texte les plus représentatifs.

Bonnes pratiques de revue

Traitez le résultat comme une suggestion : vérifiez systématiquement les codes couleurs (format #rrggbb), testez la lisibilité du texte sur le fond et vérifiez que les URLs d’images sont atteignables.

Limites et erreurs fréquentes

Le scraping peut échouer (time‑out, site bloqué par protections, pages dynamiques lourdes). Ne supposez jamais que toutes les valeurs sont correctes automatiquement — surtout les polices et la détection fine des couleurs.

Introduction rapide

Ce guide explique, pas à pas, comment lancer l’opération de scraping d’une URL, comment suivre son exécution (asynchrone), comment interpréter et nettoyer les résultats, et enfin comment intégrer ces champs dans le formulaire de configuration (Paramètres > Site) avant de sauvegarder et publier. Il couvre aussi la mise en place du messenger public pour recevoir les tickets envoyés par les visiteurs.

Workflow : Lancer le scraping depuis l’interface

1

1 — Aller à Paramètres > Site

Ouvrez votre projet, puis rendez-vous dans “Paramètres” > “Site” (ou “Site web du projet”). C’est l’écran qui contient l’identité, les couleurs, les images et la zone de détection automatique.

2

2 — Saisir l’URL à analyser

Dans la section “Détection automatique depuis le site web” (ou “AutoDetect”), collez l’URL complète (ex : https://example.com). Privilégiez l’URL canonique du site (home ou about).

3

3 — Cliquer sur Détecter / Scrape

Appuyez sur le bouton “Détecter” (ou “Scrape”). L’interface vous indiquera que l’analyse démarre et affiche un état de progression visuel (chargement ou spinner).

4

4 — Attendre la fin de l’opération

L’opération est asynchrone : elle s’exécute en arrière‑plan et peut prendre quelques secondes à 20+ secondes selon la page. Ne fermez pas la page ; attendez la notification ou l’apparition des résultats dans le formulaire.

5

1 — Vérifier l’état et les notifications

Une fois le scraping terminé, l’interface affiche les valeurs proposées (ou une notification d’erreur). Repérez les indicateurs visuels (success / warning / error).

6

2 — Parcourir les champs proposés

Les champs courants fournis : nom du site, slogan, logo (URL), favicon (URL), images OG, couleurs (primaire, accent, fond, texte), police principale, meta title/description et liens sociaux. Passez en revue chaque champ.

7

3 — Valider les URLs d’image

Cliquez sur les URLs proposées (logo, favicon, OG) pour vérifier qu’elles s’affichent correctement. Si une URL retourne une 404 ou redirection, remplacez‑la par une version accessible ou téléversez votre propre image.

8

4 — Vérifier les couleurs et police

Assurez‑vous que les couleurs sont au format hex (#rrggbb). Si le détecteur a renvoyé une valeur approximative ou un nom de couleur, utilisez le sélecteur de couleurs intégré pour corriger.

9

5 — Contrôler les liens sociaux et footer_links

Les liens sociaux détectés sont ajoutés comme suggestions. Supprimez les faux positifs, corrigez les URLs et ajoutez / éditez les liens de pied de page (footer_links).

Workflow : Intégrer automatiquement les champs au formulaire de configuration

1

1 — Choix d’intégration

Après l’analyse, l’outil pré‑remplit les champs du formulaire. Selon l’UI : vous pouvez soit accepter l’intégralité, soit choisir champ par champ. Procédez à l’intégration sélective si l’option est proposée.

2

2 — Modifier les champs si besoin

Corrigez manuellement les valeurs inexactes : nom du site, slogan, couleurs, liens de pied de page, police. Utilisez les outils intégrés (sélecteur de couleur, preview, upload d’image) pour affiner.

3

3 — Prévisualiser le rendu

Utilisez le panneau d’aperçu (si présent) pour vérifier que le contraste texte/fond est bon et que le logo s’ajuste correctement dans l’en-tête et les partages sociaux (OG).

4

4 — Sauvegarder

Quand tout est validé, cliquez sur “Enregistrer” (ou “Save”). Le formulaire envoie alors la configuration mise à jour et vous obtenez une confirmation visuelle (“Enregistré !”).

Workflow : Diagnostiquer & relancer un scraping qui a échoué

1

1 — Identifier le type d’erreur

L’échec peut être : URL invalide, time‑out, site bloqué par anti‑bot, contenu très dynamique, ou erreur d’analyse. L’interface affiche généralement un message synthétique.

2

2 — Tester l’URL manuellement

Ouvrez l’URL dans un navigateur incognito pour vérifier qu’elle est accessible publiquement (pas de blocage par paywall, auth ou localisation).

3

3 — Tenter une URL alternative

Essayez la page d’accueil, la page “À propos” ou la version www/non‑www. Parfois le contenu pertinent se trouve sur une autre page du même site.

4

4 — Réessayer ou corriger à la main

Relancez le scraping si l’URL a été changée ; sinon, renseignez manuellement les champs manquants.

5

1 — Vérifier l’option de publication

Dans la section “Navigation & Sections”, assurez‑vous que “Site publié” est activé si vous souhaitez que le site soit accessible publiquement.

6

2 — Contrôler le domaine personnalisé

Si vous ajoutez un domaine personnalisé, suivez les instructions de validation DNS (CNAME / TXT). Le domaine doit être unique au projet et validé avant d’être actif.

7

3 — Tester l’accès public

Après publication et validation du domaine, ouvrez le site public depuis une fenêtre privée pour vérifier l’affichage et le chargement des ressources (logos, CSS).

8

4 — Sauvegarder vos changements finaux

Après vérification, enregistrez une dernière fois pour fixer la configuration publique.

9

1 — Récupérer le snippet d’intégration

Dans la section “Intégrer le Messenger”, copiez le snippet fourni (script court) et collez‑le juste avant la balise de votre site externe.

10

2 — Personnaliser les attributs

Vous pouvez adapter la couleur du bouton et sa position (droite/gauche) via les attributs optionnels du snippet. Testez la visibilité sur mobile et desktop.

11

3 — Envoyer un ticket test

Soumettez un formulaire de test depuis le widget intégré sur le site externe. Le ticket sera validé puis routé vers les contacts configurés du projet.

12

4 — Vérifier la réception et la notification

Les destinataires configurés reçoivent le ticket par email et peuvent ensuite traiter la demande. Si vous ne recevez rien, vérifiez la configuration des contacts du projet et la boîte mail destinée aux notifications.

13

Résultat complet (idéal)

  • Le scraper a fourni nom, slogan, logo, favicon, palette (hex valides) et police.
  • Que faire : intégrer, vérifier visuellement, tester contraste, puis sauvegarder et publier.
14

Résultat partiel (couleurs ou images manquantes)

  • Le scraper a détecté du texte mais pas d’images ou a renvoyé des couleurs approximatives.
  • Que faire : corriger couleurs via le sélecteur; téléverser logo si l’URL est cassée; compléter manuellement footer_links.
15

Échec complet (time‑out ou blocage)

  • Le scraper n’a pas pu analyser la page.
  • Que faire : tester l’URL dans le navigateur, essayer la page d’accueil, désactiver les protections côté client, ou compléter manuellement les champs.

Avant : vous disposez d’un formulaire vierge et devez renseigner tous les champs manuellement.

Après : le scraper pré‑remplit la plupart des champs (site_name, couleurs, images, méta), réduisant le temps de configuration. Vous révisez et sauvegardez.

Tester en production

Après sauvegarde, vérifiez le rendu sur plusieurs navigateurs et en mode privé pour vous assurer que des ressources externes (fonts, images) se chargent correctement en production.

Ne pas confier aveuglément l’IA

L’analyse peut inventer des valeurs plausibles si les informations manquent dans la page. Considérez toujours la réponse comme une suggestion à valider manuellement.

Questions fréquentes

Frequently Asked Questions

Autres conseils avancés

  • Si vous avez plusieurs pages de marque (ex : /home, /about, /brand), lancez plusieurs scrapes et comparez les résultats — combinez les meilleurs champs manuellement.
  • Pour sites très dynamiques (JavaScript lourd), préférez la page statique contenant le plus d’informations (souvent la page “À propos”).
  • Conservez un journal des modifications de branding (captures d’écran et dates) pour pouvoir revenir à une version antérieure en cas de besoin.

Prêt à tester le scraping?

Allez dans Paramètres > Site, entrez l’URL de votre site et cliquez sur “Détecter” pour démarrer. Révisez les résultats et enregistrez quand vous êtes satisfait.