# Uso de Variables **Requiere [Pro Plus](/blogs/carrd-docs-pro-plans#pro-plus) o superior** Las **Variables** permiten incorporar contenido dinámico en el texto de un sitio, URLs de enlaces, valores de formularios y más. Una variable generalmente se compone de un **nombre** y un **valor de respaldo** opcional: ```plaintext {{nombre|respaldo}} ``` La parte `nombre` de la variable es el nombre único asociado con el contenido (o *valor*) que deseas incluir, mientras que la parte `respaldo` es un respaldo opcional en caso de que el valor esté en blanco o la variable no exista. Por ejemplo, la variable `{{url.nombre}}` en la siguiente línea de texto: ```plaintext ¡Bienvenido, {{url.first_name}}! ``` ... se expandirá al valor de `url.first_name`, que en este caso es el [parámetro URL](https://support.google.com/google-ads/answer/6277564?hl=es) `first_name`: ```plaintext ¡Bienvenido, Cayce! ``` De manera similar, la variable `{{url.first_name|amigo}}` también se expandirá al contenido del parámetro URL `first_name`, pero si está en blanco o no existe, se expandirá al valor de respaldo `amigo`: ```plaintext ¡Bienvenido, amigo! ``` ## Variables Soportadas A continuación se muestra una lista de todas las variables actualmente soportadas por Carrd. Las variables con un alcance **Global** pueden usarse [en cualquier lugar donde se soporten variables](#supported-elements). Todas las demás variables solo pueden usarse dentro de sus alcances definidos. > Algunas variables requieren una interacción del usuario antes de poder expandirse. Por ejemplo, las variables de formulario como `{{email}}`, `{{form01.email}}` o `{{form01_response.confirmation_id}}` solo se expandirán *después* de que el usuario haya enviado ese formulario específico. | Alcance | Variable | Descripción | |----------------|-----------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | Global | `{{url.parameter_name}}` | Contenido del [parámetro URL](/docs/sites/using-utm-parameters) `parameter_name`. Usos comunes incluyen agregar parámetros UTM (como `utm_source` y `utm_medium`) a enlaces salientes y poblar dinámicamente campos de formularios con valores predeterminados. | | Global | `{{client.date}}` | Fecha local del cliente en formato numérico (ej., `1/3/22`). | | Global | `{{client.time}}` | Hora local del cliente en formato HH:MM (ej., `12:34 PM`). | | Global | `{{client.fulldate}}` | Fecha local del cliente en formato de cadena (ej., `3 de enero de 2022`). | | Global | `{{client.fulltime}}` | Hora local del cliente en formato HH:MM:SS (ej., `12:34:56 PM`). | | Global | `{{client.timestamp}}` | Alias de `client.utc_timestamp`. | | Global | `{{client.utc_date}}` | Fecha UTC en formato numérico (ej., `1/3/22`). | | Global | `{{client.utc_time}}` | Hora UTC en formato HH:MM (ej., `12:34 PM`). | | Global | `{{client.utc_fulldate}}` | Fecha UTC en formato de cadena (ej., `3 de enero de 2022`). | | Global | `{{client.utc_fulltime}}` | Hora UTC en formato HH:MM:SS (ej., `12:34:56 PM`). | | Global | `{{client.utc_timestamp}}` | Hora UTC como un timestamp Unix (ej., `1641213240`). | | Global | `{{form.fieldId}}` | Se expande al valor del campo `fieldId` del último formulario enviado. Requiere que **Exportar variables** esté habilitado en el formulario. | | Global | `{{form_response.key}}` | Se expande al valor de `key` de la respuesta más reciente del último formulario enviado. Requiere que tanto **Exportar variables** como **Devolver respuestas de endpoint** estén habilitados en el formulario. Las respuestas con claves multinivel se aplanan automáticamente. | ### Formulario de Contacto | Variable | Descripción | |--------------|------------------------------------| | `{{name}}` | Valor del campo **Nombre** de este formulario. | | `{{email}}` | Valor del campo **Correo Electrónico** de este formulario. | | `{{message}}`| Valor del campo **Mensaje** de este formulario. | | `{{company}}`| Valor del campo **Nombre de la Empresa** de este formulario. | | `{{phone}}` | Valor del campo **Número de Teléfono** de este formulario. | | `{{subject}}`| Valor del campo **Asunto** de este formulario. | | `{{consent}}`| Valor del campo **Requiere Consentimiento** de este formulario. | ### | Variable | Descripción | |--------------|------------------------------------| | `{{email}}` | Valor del campo **Correo Electrónico** de este formulario. | | `{{fname}}` | Valor del campo **Nombre** de este formulario (o campo **Nombre** si se usa un solo campo de nombre). | | `{{lname}}` | Valor del campo **Apellido** de este formulario. | | `{{company}}`| Valor del campo **Nombre de la Empresa** de este formulario. | | `{{phone}}` | Valor del campo **Número de Teléfono** de este formulario. | | `{{consent}}`| Valor del campo **Requiere Consentimiento** de este formulario. | ### Formulario Personalizado | Variable | Descripción | |------------------|------------------------------------| | `{{fieldId}}` | Valor del campo `fieldId` de este formulario. | ## Elementos Soportados Las variables son actualmente soportadas por los siguientes elementos: | Tipo de Elemento | Dónde | |------------------|----------------------------------------------------------------------------------------| | Botones | Etiquetas, URLs de Enlace | | Incrustar | Código | | Formulario | Etiquetas de botones, mensajes "Al Completar", URLs y código, mensajes "Al Éxito", URLs y código, mensajes "Al Fallo", URLs y código, código de evento "Al Enviar", código de evento "Al Éxito", código de evento "Al Fallo", valores de entrada (Personalizados), etiquetas de entrada (Personalizadas) | | Galería | Texto Alternativo, Subtítulos, URLs de Enlace | | Iconos | URLs de Enlace | | Imagen | Texto Alternativo, URLs de Enlace | | Enlaces | Etiquetas, URLs de Enlace | | Lista | Elementos | | Tabla | Encabezados, Filas | | Texto | Contenido | --- [Tabla de contenidos - carrd docs](/blogs/carrd-docs-table-of-contents)

Wix vs Squarespace: ¿Cuál es el mejor creador de sitios web?

Solución de Problemas - Pro - Documentos de Carrd

Planes - Pro - Documentación de Carrd

Uso de Variables - Construcción - Documentos de Carrd

Uso de la Vista de Sección - Construcción - Documentos de Carrd

Uso de la Vista Móvil - Construcción - Documentos de Carrd

Uso de Configuraciones Avanzadas - Construcción - Documentos de Carrd

Uso de estilos de elementos - Construcción - Documentos de Carrd