À traiter
En cours
Tests/Push
Résolus
Total tickets
Répartition par statut
Répartition par priorité
Tickets récents
Chargement...
Tableau de bord
Vue d'ensemble de votre projet
—
| ID | Type | Sujet | Priorité | Statut | Demandeur | Assigné | Date | Actions |
|---|---|---|---|---|---|---|---|---|
| Chargement... | ||||||||
0 ticket(s)
Gestion des projets et clients enregistrés
Chargement...
Gérez les membres de l'équipe support
Chargement...
Configuration Telegram
Configuration Email (Resend)
Resend est utilisé pour envoyer les notifications email.
Trouvable dans votre dashboard Resend → API Keys
Format: support@domaine.com ou Nom <email@domaine.com> — domaine vérifié dans Resend
Configuration SLA (temps de réponse)
Notifications Push Navigateur
Activez les notifications push pour être alerté instantanément des nouveaux tickets, même si la page est en arrière-plan.
Non activées
Synchronisation Google Sheets
Option A : Importez manuellement les tickets depuis votre Google Sheet publié en CSV. Option B : Automatisez avec Google Apps Script.
Fichier → Partager → Publier sur le web → Format CSV → Copier le lien
Synchronisation Google Sheets
Chaque ticket créé / modifié / supprimé sera synchronisé automatiquement dans votre Google Sheets
Proxy sécurisé (avancé)
Si configuré, les emails transiteront par ce proxy au lieu d'appeler Resend directement
Équipe Support
Membres de l'équipe disponibles pour l'affectation aux projets. Ajoutez rapidement un membre ici ou utilisez la pour les détails avancés.
Ajout rapide d'un membre
Test complet des notifications
Simule la création d'un ticket pour tester Telegram + Email + Push en une seule fois
Tickets par projet
Tickets par type
Performance de l'équipe
Configuration Telegram — Guide pas à pas
Recevez une alerte Telegram instantanée à chaque nouveau ticket
1
Créer votre Bot Telegram
- Ouvrez Telegram et recherchez
@BotFather - Envoyez la commande
/newbot - Donnez un nom à votre bot :
Support AMRW Bot - Donnez un username :
support_amrw_bot(doit finir parbot) - BotFather vous donnera un Token du type :
7123456789:AAHxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx - Copiez ce token et collez-le dans Paramètres → Bot Token
2
Créer le groupe support Telegram
- Créez un nouveau groupe Telegram (ex: "Support AMRW")
- Ajoutez tous les membres de l'équipe support dans ce groupe
- Ajoutez votre bot fraîchement créé (
@support_amrw_bot) au groupe - Rendez le bot administrateur du groupe (optionnel mais recommandé)
3
Récupérer le Chat ID du groupe
- Ajoutez
@RawDataBotà votre groupe - Il affichera automatiquement les infos du groupe, dont le Chat ID
- Le Chat ID ressemble à :
-1001234567890 - Important : le signe
-fait partie de l'ID - Retirez
@RawDataBotdu groupe une fois l'ID noté - Collez le Chat ID dans Paramètres → Chat ID du groupe support
4
Récupérer les User ID individuels
- Chaque membre de l'équipe doit envoyer
/startà@userinfobot - Le bot répondra avec leur User ID (un nombre positif)
- Renseignez ce User ID dans Équipe Support → Modifier → Telegram User ID
Une fois configuré, cliquez sur "Tester la notification" dans les Paramètres pour vérifier.
Configuration Resend — Guide pas à pas
Envoyez des notifications email à l'équipe et des confirmations aux clients
Important : Resend nécessite un backend (proxy) pour sécuriser votre clé API. L'appel direct depuis le navigateur expose votre clé. Nous utilisons un proxy Resend sécurisé — voir l'étape 4.
1
Créer un compte Resend
- Allez sur resend.com et créez un compte gratuit
- Le plan gratuit permet 3 000 emails/mois et 100 emails/jour
- Confirmez votre adresse email
2
Vérifier votre domaine
- Dans le dashboard Resend, allez dans Domains
- Cliquez sur Add Domain
- Entrez votre domaine (ex:
amrw.fr) - Ajoutez les enregistrements DNS (MX, TXT, DKIM) chez votre registrar
- Attendez la vérification (quelques minutes à quelques heures)
- Alternative : Utilisez
onboarding@resend.devpour tester sans domaine vérifié
3
Générer une API Key
- Dans Resend, allez dans API Keys
- Cliquez sur Create API Key
- Nommez-la
Support AMRW - Permission : Sending access (suffisant)
- La clé ressemble à :
re_aBcDeFgH_1234567890abcdef - Copiez-la immédiatement — elle ne sera plus visible après
- Collez-la dans Paramètres → Resend API Key
4
Option proxy sécurisé (recommandé)
Pour ne pas exposer votre clé API dans le navigateur, déployez ce petit proxy :
# Exemple avec Cloudflare Workers (gratuit)
export default {
async fetch(request) {
const body = await request.json();
const resp = await fetch('https://api.resend.com/emails', {
method: 'POST',
headers: {
'Authorization': 'Bearer re_VOTRE_CLE',
'Content-Type': 'application/json'
},
body: JSON.stringify(body)
});
return resp;
}
};
Si vous utilisez un proxy, renseignez son URL dans Paramètres → URL Proxy Resend
Sans proxy, les emails sont envoyés directement via l'API Resend. Fonctionnel mais la clé sera visible côté client.
5
Configurer l'email expéditeur
- Dans Paramètres → Email expéditeur, renseignez :
support@amrw.fr - Ce domaine doit être vérifié dans Resend (étape 2)
- Pour tester, vous pouvez utiliser
onboarding@resend.dev
Cliquez sur "Tester l'envoi email" dans les Paramètres pour vérifier la configuration.
Synchronisation Google Sheets — Guide pas à pas
Importez automatiquement les tickets depuis votre Google Spreadsheet
2 options disponibles : Option A = import manuel à la demande (bouton Sync). Option B = automatique via Google Apps Script (chaque nouvelle ligne crée un ticket).
Option A — Import manuel (CSV)
1
Publier votre Google Sheet en CSV
- Ouvrez votre Google Sheet contenant les tickets
- Allez dans Fichier → Partager → Publier sur le Web
- Sélectionnez l'onglet contenant les tickets
- Format : Valeurs séparées par des virgules (.csv)
- Cliquez Publier
- Copiez le lien généré — il ressemble à :
https://docs.google.com/spreadsheets/d/e/2PACX-.../pub?output=csv
2
Configurer dans Support AMRW
- Allez dans Paramètres → Synchronisation Google Sheets
- Collez l'URL CSV dans le champ prévu
- Sélectionnez le projet cible (ex: HOWPASS)
- Cliquez Aperçu pour vérifier les données
- Cliquez Synchroniser maintenant
Les doublons sont détectés automatiquement par le sujet. Un ticket déjà importé ne sera pas recréé.
3
Colonnes attendues du Google Sheet
La première ligne doit contenir les en-têtes. Colonnes reconnues :
Date → date de créationSection → module concernéSujet → titre du ticketDescription → détailPriorité → Critique/Haute/Moyenne/BasseStatut → À traiter/En cours/Résolu...Demandeur → qui a signaléAssigné à → membre supportLien Image → capture d'écranCommentaires → réponse supportOption B — Automatique (Google Apps Script)
1
Ouvrir l'éditeur de scripts
- Ouvrez votre Google Sheet
- Allez dans Extensions → Apps Script
- Un éditeur de code s'ouvre dans un nouvel onglet
- Supprimez le contenu par défaut
2
Copier-coller ce script
Remplacez VOTRE_URL_APP et VOTRE_PROJECT_ID par vos valeurs :
// === CONFIGURATION ===
const APP_URL = 'https://VOTRE_URL_APP/tables/tickets';
const PROJECT_ID = 'VOTRE_PROJECT_ID';
// Colonnes du Sheet (adapter si différent)
const COL = {
DATE: 1, SECTION: 2, SUJET: 3, DESCRIPTION: 4,
PRIORITE: 5, STATUT: 6, DEMANDEUR: 7, ASSIGNE: 8,
IMAGE: 9, DATE_RESOLU: 10, COMMENTAIRE: 11
};
function onEdit(e) {
const sheet = e.source.getActiveSheet();
const row = e.range.getRow();
if (row < 2) return; // Ignorer l'en-tête
const sujet = sheet.getRange(row, COL.SUJET).getValue();
if (!sujet) return;
// Ne poster que si c'est une nouvelle ligne
const marker = sheet.getRange(row, 12); // Col L = marqueur
if (marker.getValue() === 'SYNCED') return;
const r = (c) => sheet.getRange(row, c).getValue() || '';
const ticket = {
project_id: PROJECT_ID,
subject: r(COL.SUJET),
description: r(COL.DESCRIPTION) || r(COL.SUJET),
section: r(COL.SECTION),
priority: normPriority(r(COL.PRIORITE)),
status: normStatus(r(COL.STATUT)),
requester: r(COL.DEMANDEUR) || 'Client',
assigned_to: r(COL.ASSIGNE),
type: 'Bug',
date_created: new Date().toISOString(),
screenshot_urls: r(COL.IMAGE) ? JSON.stringify([r(COL.IMAGE)]) : '[]',
comments: r(COL.COMMENTAIRE) ? JSON.stringify([{
author: r(COL.ASSIGNE) || 'Support',
text: r(COL.COMMENTAIRE),
date: new Date().toISOString(),
isSupport: true
}]) : '[]',
tags: '[]', links: '[]', attachments: '[]',
notification_sent: false,
read_by_support: false
};
const options = {
method: 'post',
contentType: 'application/json',
payload: JSON.stringify(ticket),
muteHttpExceptions: true
};
try {
const resp = UrlFetchApp.fetch(APP_URL, options);
if (resp.getResponseCode() === 201) {
marker.setValue('SYNCED');
sheet.getRange(row, 13).setValue(new Date());
}
} catch(err) {
Logger.log('Erreur: ' + err.message);
}
}
function normPriority(p) {
if (!p) return 'Moyenne';
p = p.toLowerCase();
if (p.includes('critique')) return 'Critique';
if (p.includes('haute') || p.includes('urgent')) return 'Haute';
if (p.includes('basse')) return 'Basse';
return 'Haute';
}
function normStatus(s) {
if (!s) return 'À traiter';
s = s.toLowerCase();
if (s.includes('resolu') || s.includes('résolu')) return 'Résolu';
if (s.includes('en cours')) return 'En cours';
if (s.includes('test') || s.includes('push')) return 'Tests/Push en cours';
return 'À traiter';
}
// Sync en masse (lancer manuellement la 1ère fois)
function syncAll() {
const sheet = SpreadsheetApp.getActiveSheet();
const last = sheet.getLastRow();
for (let i = 2; i <= last; i++) {
if (sheet.getRange(i, 12).getValue() === 'SYNCED') continue;
const e = { source: SpreadsheetApp.getActive(), range: sheet.getRange(i, 1) };
onEdit(e);
Utilities.sleep(500); // Pause pour éviter le rate limit
}
}
3
Configurer les variables
- Remplacez
VOTRE_URL_APPpar l'URL de votre application déployée
(visible dans l'onglet Publish, ex: https://xxxxx.genspark.space) - Remplacez
VOTRE_PROJECT_IDpar l'UUID du projet
(visible dans Admin → Projets en cliquant sur un projet) - Adaptez les numéros de colonnes
COLsi votre sheet a un ordre différent
4
Activer le déclencheur automatique
- Dans Apps Script, cliquez sur l'icône ⏰ Déclencheurs (menu gauche)
- Cliquez + Ajouter un déclencheur
- Fonction :
onEdit - Événement : À partir d'une feuille de calcul → En cas de modification
- Cliquez Enregistrer et autorisez l'accès
Désormais, chaque nouvelle ligne dans votre Google Sheet créera automatiquement un ticket dans Support AMRW. Les lignes déjà synchronisées sont marquées "SYNCED" en colonne L.
5
Première synchronisation
- Pour importer toutes les lignes existantes, lancez la fonction
syncAll - Dans Apps Script : Exécuter → syncAll
- Autorisez l'accès si demandé
- Vérifiez que les tickets apparaissent dans Support AMRW
La colonne L sera remplie avec "SYNCED" pour chaque ligne importée. Ne supprimez pas cette colonne.
Checklist de configuration
Telegram
Resend Email
Google Sheets