Plantillas de páginas de destino
3 min
archbee proporciona plantillas de landing page de marca blanca para que puedas crear fácilmente una página de destino con marca para tu portal de documentación cómo obtener el código personalizado desde nuestro repositorio git (próximamente) copia y pega el código personalizado de nuestra documentación en configuración del espacio plantilla 1 docid\ vfkan4 au7456jszkmlwptemplate 2 docid\ oavrjy1vns 0x1lk hof cómo usar para configurar tu landing page personalizada debes copiar nuestro código personalizado en las secciones configuración del espacio > código personalizado y landing page para cada plantilla tendrás 3 archivos index html , script js y style css los 3 archivos se pueden encontrar a continuación para cada plantilla plantilla 1 docid\ vfkan4 au7456jszkmlwptemplate 2 docid\ oavrjy1vns 0x1lk hof pestaña incluir encabezados copia la sección incluir encabezados de index html pégala en la sección incluir encabezados de configuración del espacio > código personalizado asegúrate de que incluya las etiquetas \<head> y presiona guardar pestaña css personalizado copia el contenido del archivo style css archivo y añádelo en la sección css personalizado desde configuración del espacio > código personalizado asegúrate de colocarlo entre etiquetas \<style>\</style> el código de estilo comienza con algunas declaraciones de variables, que pueden usarse para cambiar fácilmente el tema de la página \ root { \ accent text #2166ae; \ secondary text #0a4563; \ primary text #24292e; \ background color #fff; \ primary link #999; \ accent link var( accent text); \ header title color #fff; \ header subtitle color #fff; } javascript personalizado copia el código de script js agrégalo en la sección javascript personalizado desde configuración del espacio > código personalizado asegúrate de colocarlo entre etiquetas \<script>\</script> html de la página de aterrizaje copia el código html de index html comenzando desde el comentario \<! start landing page > selecciona el tipo de página html personalizado y luego añade el código html en el contenedor que aparece abajo cómo personalizar el código logo + imágenes todas las imágenes y logotipos están definidos con marcadores de posición con el formato \<img src="https //placehold co/ " /> como se ejemplifica abajo enlaces de la barra de navegación la barra de navegación contiene algunos enlaces que pueden utilizarse para navegar dentro o fuera del documento al final de la lista también hay un enlace comentado que puede usarse para añadir otros enlaces si es necesario sección hero contiene una imagen de fondo, un título y un subtítulo (los colores de estos pueden cambiarse en la sección de estilo estilos docid\ tybfqpop9iv1r4a7dsqlv ) bloques de documento una lista de bloques que contienen un icono, un título, una descripción y un botón, generalmente usados para navegar a tus documentos un ejemplo está comentado al final de la lista
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.
Actualizado 25 May 2026
