# Site GLOW by Nass — mise en ligne
Site statique. Aucune base de données, aucun serveur à surveiller, aucune dépendance externe.
Les polices sont **auto-hébergées** : rien n'est chargé depuis un CDN tiers, ce qui évite tout
transfert de données vers un service externe — un point qui compte pour la conformité LPD/RGPD.
```
index.html la page de vente
guide-offert.html la page de capture du guide gratuit
legal.html mentions, CGV, remboursement, confidentialité
assets/
style.css
fonts/ Bricolage Grotesque + DM Sans (woff2)
img/ couvertures, visuels
```
Poids total : environ 500 Ko. Le site se charge instantanément, y compris en 4G.
---
## Contrôle automatique
Avant chaque mise en ligne :
```
python3 verifier_site.py
```
Il refuse la publication tant qu'un repère de configuration subsiste, signale les liens cassés,
les ancres sans cible et les images sans texte alternatif. Tant qu'il sort en erreur, ne déploie pas.
Deux **bandeaux orange** sont affichés en haut des pages publiques (« site en préparation »,
« formulaire non relié »). Retire-les une fois tout configuré — le contrôleur te le rappellera.
---
## À remplacer avant de publier
Sept choses, dans l'ordre d'importance.
**1. La photo de Nass** — `index.html`, section « Qui écrit ».
Remplace le bloc `…
` par :
```html
```
Dépose la photo en `assets/img/nass.jpg`, format portrait 3:4, environ 800 px de large.
**C'est la section la plus regardée de la page.** Ne publie pas sans elle.
**2. Les liens d'achat** — `index.html`, cherche `REMPLACER-LIEN-`. Il y en a sept, nommés par
produit : `REMPLACER-LIEN-METHODE`, `-COLLECTION`, `-TOME1`… Remplace chacun par l'URL du produit
sur ta plateforme. Ils pointent volontairement vers une adresse inexistante : si tu en oublies un,
l'erreur est visible immédiatement plutôt que silencieuse.
**3. Le formulaire du guide offert** — `guide-offert.html`, attribut `action` du formulaire.
Remplace `REMPLACER-URL-FORMULAIRE` par l'URL fournie par ton outil d'e-mailing.
Tous les outils courants donnent une URL de ce type, à coller telle quelle.
**4. Les pages légales** — `legal.html`. Tous les passages surlignés en beige attendent une
information. Voir `PAGES_LEGALES.md` pour la liste complète et les points à faire vérifier.
**5. Les couvertures** — `assets/img/couv_*.jpg` sont les couvertures typographiques actuelles.
Quand les couvertures photo seront prêtes, régénère-les et remplace les fichiers : les noms ne
changent pas.
**6. Le domaine** dans les balises `og:image` si tu veux un aperçu correct au partage sur les
réseaux : remplace les chemins relatifs par des URL absolues (`https://glowbynass.ch/assets/…`).
**7. L'adresse de contact** — les trois pages, cherche `REMPLACER@`. Elle est obligatoire pour
l'identification du vendeur et pour l'exercice des droits sur les données.
**8. Les moyens de paiement acceptés** — `index.html`, bloc de mentions sous les prix.
Un `favicon.svg`, un `robots.txt` et un `sitemap.xml` sont déjà en place. Pense à remplacer le
domaine dans `robots.txt` et `sitemap.xml` s'il diffère de `glowbynass.ch`.
---
## Mise en ligne sur Vercel
Tu utilises déjà Vercel sur tes autres projets, donc c'est le plus rapide.
1. Crée un dépôt Git avec le contenu de ce dossier.
2. Sur Vercel : **Add New → Project**, importe le dépôt.
3. Framework preset : **Other**. Aucune commande de build, aucun répertoire de sortie à indiquer —
c'est du HTML statique.
4. Déploie. Tu obtiens une URL en `.vercel.app` pour vérifier.
5. **Settings → Domains** : ajoute `glowbynass.ch`, puis crée chez ton registrar les
enregistrements DNS que Vercel affiche. Le certificat HTTPS est automatique.
L'hébergement est gratuit à ce volume. Le seul coût réel est le domaine, une quinzaine de francs
par an pour un `.ch`.
---
## Une fois en ligne
**Vérifie sur téléphone avant d'annoncer quoi que ce soit.** La majorité du trafic viendra
d'Instagram et de TikTok, donc de mobiles. Le site est conçu pour, mais teste sur ton propre
téléphone : c'est là que se voient les vrais problèmes.
**Le lien en bio pointe vers `/guide-offert.html`**, pas vers l'accueil. On attire avec du contenu,
on capture avec le guide, on vend par e-mail ensuite. Envoyer directement sur une page de vente
depuis les réseaux convertit nettement moins bien.
**Teste un achat complet**, avec une vraie carte, jusqu'à la réception du fichier. C'est la seule
façon de savoir que le tunnel fonctionne de bout en bout.
---
## Plus tard : passer au paiement en propre
Le jour où le volume le justifie, tu remplaces les liens d'achat par des liens Stripe Checkout.
Le site ne change pas — seulement la cible des boutons.
Le gain : les frais passent d'environ 13 % à moins de 4 %, et surtout **TWINT devient disponible**,
ce qui compte beaucoup sur un public suisse. En contrepartie, tu deviens responsable de la
livraison des fichiers et du traitement de la TVA sur les ventes vers l'UE. À ne faire qu'une fois
les ventes régulières installées.