Uso de Configuraciones Avanzadas - Construcción - Documentos de Carrd
Uso de Configuraciones Avanzadas
Requiere Pro Plus o superior
Para casos de uso más avanzados de Carrd, la función de Configuraciones Avanzadas proporciona acceso a las siguientes configuraciones adicionales para cada elemento:
- Asignar IDs fijos a los elementos en lugar de IDs generados automáticamente
- Añadir atributos HTML personalizados a los elementos
- Añadir clases personalizadas a los elementos
- Aplicar propiedades CSS personalizadas a los elementos (y si es aplicable, a sus subelementos)
- Activar código JS personalizado cuando ocurren ciertos eventos (donde sea compatible; ver más abajo para más información)
- Establecer la visibilidad de los elementos (por ejemplo, oculto en móvil pero visible en escritorio)
Para acceder a estas configuraciones, selecciona un elemento y luego haz clic en su pestaña de Configuraciones.
Eventos
Algunos tipos de elementos soportan la capacidad de activar código JS personalizado cuando ocurren ciertos eventos. Esto se puede usar para añadir todo tipo de funcionalidades extendidas que aún no están disponibles de forma nativa en Carrd; por ejemplo, activar una llamada gtag() de Google Analytics para rastrear un envío de formulario, o activar una llamada a una API de terceros al hacer clic en un botón.
Para acceder a los eventos de un elemento, selecciona un elemento, haz clic en su pestaña de Configuraciones, luego haz clic en Eventos. Actualmente, los eventos son compatibles con los siguientes tipos de elementos:
| Tipo de Elemento | Tipo de Evento | Descripción |
|---|---|---|
| Botones | Al Hacer Clic (por botón) | Activado cuando se hace clic en un botón. |
| Control | Al Abrir (separadores de sección) | Activado cuando se abre la sección. |
| Control | Al Cerrar (separadores de sección) | Activado cuando se cierra la sección. |
| Formulario | Al Enviar | Activado cuando se envía el formulario. |
| Formulario | Al Éxito | Activado cuando el formulario se envía y resulta en éxito. |
| Formulario | Al Fallo | Activado cuando el formulario se envía y resulta en fallo. |
| Galería | Al Hacer Clic (por imagen) | Activado cuando se hace clic en una imagen. |
| Iconos | Al Hacer Clic (por icono) | Activado cuando se hace clic en un icono. |
| Enlaces | Al Hacer Clic (por enlace) | Activado cuando se hace clic en un enlace. |