Pages HTML personnalisées
Créez des pages entièrement personnalisées pour votre vitrine à l'aide de HTML, CSS et JavaScript. Cette fonctionnalité vous permet de créer des pages d'atterrissage, des pages « À propos », des pages promotionnelles ou tout contenu personnalisé au-delà des modèles standard de la vitrine.
Vue d'ensemble
Les pages HTML personnalisées sont servies à des URL propres comme https://yourstore.ecomplify.com/about. Elles s'affichent dans la mise en page de votre vitrine (avec l'en-tête et le pied de page de votre boutique) tout en vous donnant un contrôle total sur le contenu de la page.
Créer des pages personnalisées
Les pages personnalisées sont gérées via la section Design > Page d'accueil personnalisée du tableau de bord, qui fournit un explorateur de fichiers complet et un éditeur de code.
Gestion des fichiers
- Créer des fichiers — Ajoutez de nouveaux fichiers HTML avec du contenu personnalisé
- Créer des dossiers — Organisez les fichiers en dossiers pour des configurations multi-pages complexes
- Téléverser des fichiers — Téléversez des fichiers HTML, CSS, JavaScript ou images existants
- Éditeur de code — Modifiez les fichiers directement dans le navigateur avec coloration syntaxique
Types de fichiers pris en charge
- HTML — Contenu et structure de la page
- CSS — Styles personnalisés
- JavaScript — Fonctionnalités interactives
- Images — Ressources visuelles utilisées dans vos pages
Fonctionnement
- Créez votre fichier HTML dans l'explorateur de fichiers Design > Page d'accueil personnalisée
- Le fichier est stocké dans S3 et lié à votre boutique
- La vitrine sert la page à l'adresse
/{path}, où{path}correspond au nom de votre fichier - Votre contenu HTML est rendu à l'intérieur de la mise en page de la vitrine, avec l'en-tête, le pied de page et la navigation de votre boutique intacts
- Le contenu est automatiquement assaini pour des raisons de sécurité, tout en préservant votre HTML, vos styles et vos scripts personnalisés
Routage des URL
Les pages personnalisées suivent un modèle de routage basé sur le chemin :
| Chemin du fichier | URL de la vitrine |
|---|---|
about.html | yourstore.ecomplify.com/about |
landing/summer-sale.html | yourstore.ecomplify.com/landing/summer-sale |
policies/returns.html | yourstore.ecomplify.com/policies/returns |
Style des pages
Les pages HTML personnalisées bénéficient d'un style typographique intégré pour une présentation soignée :
- Les titres sont stylisés avec des tailles et des graisses appropriées
- Les liens utilisent la couleur d'accent de votre boutique
- Le texte utilise une hauteur de ligne et des espacements confortables
- Les images sont responsives par défaut
- Le contenu est doté de marges intérieures et centré pour faciliter la lecture
Vous pouvez remplacer n'importe lequel de ces styles par votre propre CSS au sein du contenu HTML.
Sécurité
Tout contenu HTML personnalisé est assaini avant le rendu afin de prévenir les attaques XSS (cross-site scripting). L'assainissement :
- Préserve les balises et attributs HTML standard
- Autorise les styles en ligne et les classes CSS
- Supprime les scripts et gestionnaires d'événements potentiellement dangereux
- Garantit un rendu sûr au sein de la vitrine
Cas d'usage
- Pages d'atterrissage pour les campagnes marketing
- Pages « À propos » avec des mises en page personnalisées
- Pages promotionnelles pour les événements de soldes
- Pages de politiques (retours, livraison, conditions) avec une mise en forme personnalisée
- Pages « Bientôt disponible » pour les lancements de nouveaux produits
- Pages de catégories personnalisées avec du contenu sélectionné