Páginas HTML personalizadas
Cree páginas completamente personalizadas para su tienda en línea usando HTML, CSS y JavaScript. Esta función le permite construir páginas de destino, páginas "Acerca de", páginas promocionales o cualquier contenido personalizado más allá de las plantillas estándar de la tienda.
Descripción general
Las páginas HTML personalizadas se sirven en URL limpias como https://yourstore.ecomplify.com/about. Se renderizan dentro del diseño de su tienda (con el encabezado y el pie de página de su tienda), pero le dan control total sobre el contenido de la página.
Crear páginas personalizadas
Las páginas personalizadas se gestionan desde la sección Diseño > Página de inicio personalizada en el dashboard, que ofrece un explorador de archivos completo y un editor de código.
Gestión de archivos
- Crear archivos — Agregue nuevos archivos HTML con contenido personalizado
- Crear carpetas — Organice los archivos en carpetas para configuraciones complejas de varias páginas
- Subir archivos — Suba archivos existentes de HTML, CSS, JavaScript o imágenes
- Editor de código — Edite archivos directamente en el navegador con resaltado de sintaxis
Tipos de archivo compatibles
- HTML — Contenido y estructura de la página
- CSS — Estilos personalizados
- JavaScript — Funcionalidad interactiva
- Imágenes — Recursos visuales usados en sus páginas
Cómo funciona
- Cree su archivo HTML en el explorador de archivos de Diseño > Página de inicio personalizada
- El archivo se almacena en S3 y se vincula a su tienda
- La tienda en línea sirve la página en
/{path}, donde{path}coincide con el nombre de su archivo - Su contenido HTML se renderiza dentro del diseño de la tienda, manteniendo intactos el encabezado, el pie de página y la navegación de su tienda
- El contenido se sanea automáticamente por seguridad, preservando su HTML, estilos y scripts personalizados
Enrutamiento de URL
Las páginas personalizadas siguen un patrón de enrutamiento basado en rutas:
| Ruta del archivo | URL en la tienda |
|---|---|
about.html | yourstore.ecomplify.com/about |
landing/summer-sale.html | yourstore.ecomplify.com/landing/summer-sale |
policies/returns.html | yourstore.ecomplify.com/policies/returns |
Estilos de página
Las páginas HTML personalizadas incluyen estilos de prosa integrados para una tipografía limpia:
- Los encabezados tienen tamaños y pesos apropiados
- Los enlaces usan el color de acento de su tienda
- El texto usa un interlineado y espaciado cómodos
- Las imágenes son adaptables de forma predeterminada
- El contenido tiene relleno y está centrado para facilitar la lectura
Puede sobrescribir cualquiera de estos estilos con su propio CSS dentro del contenido HTML.
Seguridad
Todo el contenido HTML personalizado se sanea antes de renderizarse para prevenir ataques XSS (cross-site scripting). El saneamiento:
- Preserva las etiquetas y atributos HTML estándar
- Permite estilos en línea y clases CSS
- Elimina scripts y controladores de eventos potencialmente peligrosos
- Garantiza un renderizado seguro dentro de la tienda en línea
Casos de uso
- Páginas de destino para campañas de marketing
- Páginas Acerca de nosotros con diseños personalizados
- Páginas promocionales para eventos de ventas
- Páginas de políticas (devoluciones, envíos, términos) con formato personalizado
- Páginas de Próximamente para lanzamientos de nuevos productos
- Páginas de categorías personalizadas con contenido seleccionado