Cómo usar el componente de código
Website Builder ofrece una amplia gama de componentes que permiten añadir diversas funciones para ampliar la funcionalidad de tus páginas. Sin embargo, puedes ir un paso más allá y añadir componentes de código personalizado para integrar aplicaciones de terceros, JavaScript, CSS, Markdown o HTML que pueden darle a tu sitio web un diseño y herramientas únicos.
Aquí te explicamos cómo hacerlo:
- Ve a Site Admin > Website Builder y presiona Editar sitio web.
- Abre la sección de Páginas y selecciona una página existente o crea una nueva con el botón Añadir nuevo.
- Pasa el ratón sobre la sección donde añadirás el componente y presiona el botón + AÑADIR en la esquina superior izquierda para abrir la ventana de Añadir componente.
- Selecciona el componente Código.
- Haz clic y mantén presionado el cuadro del componente para activar la vista de cuadrícula de la sección. Luego, mueve el cuadro a tu posición preferida y suéltalo.
- Haz clic en el componente y selecciona el icono de lápiz (Editar) de la barra de herramientas de arriba.
- Se abrirá una nueva ventana de Editar código donde puedes escribir o pegar tu código personalizado.
- Si el código es demasiado grande y necesitas más espacio de trabajo, presiona el icono de Expandir en la esquina inferior derecha.
- Para volver a la vista estándar, cierra la ventana Editar código.
- Usa el interruptor Mostrar código fuente para alternar entre la vista de código y la vista de salida en el bloque del componente.
