# Credenciales

Con el nuevo apartado de **credenciales** en <mark style="color:purple;">**MindBox**</mark>, ahora se puede llevar a cabo la gestión tanto las **credenciales físicas como digitales** de manera rápida y eficiente, asegurando que se ajusten perfectamente a las necesidades de tu institución. Este módulo te permite personalizar cada detalle, desde la información que se mostrará hasta los diseños gráficos que reflejen la identidad visual de la escuela, incluyendo logotipos, colores institucionales y elementos personalizados. Además, podrás seleccionar y ajustar el diseño de las credenciales digitales, para garantizar que estén alineadas con la imagen institucional y ofrezcan una presentación profesional y coherente en todos los dispositivos.&#x20;

Para acceder a la configuración de las credenciales, nos dirigimos al siguiente menú <mark style="color:purple;">**`Escuela > Configuración > Credenciales`**</mark>.

<figure><img src="/files/avObMeqSmek4YUFZtd6j" alt=""><figcaption><p>Acceso al apartado de configuración de credenciales.</p></figcaption></figure>

Al acceder a este apartado se mostrarán dos pestañas, las cuales al acceder en ellas se podrá realizar la configuración de las credenciales físicas y digitales para los estudiantes, y de las credenciales para el personal de la institución, respectivamente.

<div><figure><img src="/files/94sCb5iKUqGlu8MHRnDh" alt=""><figcaption><p>Configuración de la credencial del estudiante.</p></figcaption></figure> <figure><img src="/files/99kH4IjXwerpPSZgjlmn" alt=""><figcaption><p>Configuración de la credencial del personal.</p></figcaption></figure></div>

Ambas pestañas proporcionan las mismas opciones de configuración, permitiendo una personalización completa de acuerdo a tus necesidades.

A continuación, se detallará cada una de las opciones disponibles, para que puedas ajustar los parámetros de manera óptima y garantizar una experiencia uniforme y eficiente en toda la plataforma.

### Credenciales físicas

<mark style="color:purple;">**MindBox**</mark> ha mejorado significativamente la manera en que puedes generar las credenciales físicas, brindando más control y flexibilidad en su personalización.&#x20;

Al acceder al apartado de credenciales, se mostrará un formulario en el cual se podrá llevar a cabo la configuración de las credenciales físicas, desde el tipo de **código de acceso o de validación** que se desea incluir, hasta la selección de colores para el texto.&#x20;

Además, tendrás la opción de cargar imágenes personalizadas tanto para el **frente como para el reverso** de las credenciales, asegurando que contengan toda la información necesaria y estén alineadas con la identidad visual de tu institución.

Los campos a seleccionar para llevar a cabo la configuración de las **credenciales físicas** son los siguientes:&#x20;

<figure><img src="/files/yCkuYzIrB3Iq0tPzbI3G" alt=""><figcaption><p>Campos para la configuración de las credenciales físicas.</p></figcaption></figure>

#### 1. Código para credenciales físicas

Este campo permite elegir el tipo de código que se requiere que se genere al incluirlo al reverso de las credenciales físicas. Dentro de los tipos de códigos se encuentran:&#x20;

* **Código de validación:** se refiere a un código QR que al ser escaneado, abre una página web con la información del estudiante para verificar su identidad.
* **Código de acceso:** permite a los estudiantes ingresar a la institución utilizando <mark style="color:purple;">**MindBox**</mark> o cualquier otro sistema de control de acceso.

<figure><img src="/files/c7VVYneVJ6eo5iPk9OgH" alt=""><figcaption><p>Reverso de credencial de estudiantes con código QR.</p></figcaption></figure>

{% hint style="info" %}
**Nota:** si te interesa configurar el control de acceso con <mark style="color:purple;">**MindBox**</mark>, por favor contáctanos en <mark style="color:purple;"><contacto@mindbox.app></mark>.
{% endhint %}

#### 2. Imagen del frente de la credencial

En este campo se ingresará el archivo de imagen del frente de la credencial. El tamaño recomendado para esta imagen es **1016px por 638px** en formato <mark style="color:purple;">**`JPG`**</mark> sin ningún tipo de bisel.&#x20;

Al diseñar la imagen a cargar para las credenciales, es fundamental tener en cuenta que ciertas áreas estarán reservadas para la inclusión automática de información por parte de la plataforma.&#x20;

A continuación, te mostramos una guía visual en la que las **áreas recomendadas** en <mark style="color:green;">**verde**</mark> indican los espacios disponibles para tu contenido personalizado, mientras que las **áreas marcadas** en <mark style="color:red;">**rojo**</mark> señalan donde <mark style="color:purple;">**MindBox**</mark> añadirá la información de manera automática. Siguiendo estas indicaciones, el diseño de tu credencial será armonioso y legible.

<figure><img src="/files/WuR5qopX2HA37NMAWlwY" alt=""><figcaption><p>Áreas recomendadas para el diseño de la imagen de frente de la credencial.</p></figcaption></figure>

Respetando las áreas mencionadas, la imagen que se podrá cargar se verá similar a la siguiente.

<figure><img src="/files/ciXHjmvyDxunK2H8ep0W" alt=""><figcaption><p>Ejemplo de imagen a cargar para el frente de la credencial.</p></figcaption></figure>

{% hint style="info" %}
Recuerda que al momento de generar la credencial tanto del estudiante como del personal, se agregará de forma automática la fotografía correspondiente. Así como otros datos generales y relevantes, tal como su nombre.&#x20;
{% endhint %}

#### 3. Imagen del reverso de la credencial

En este campo se ingresará el archivo de imagen del reverso de la credencial, donde se incluirá el código de validación o acceso. El tamaño recomendado para esta imagen es **1016px por 638px** en formato <mark style="color:purple;">**`JPG`**</mark> sin ningún tipo de bisel.&#x20;

Del mismo modo que con la imagen frontal, es importante tener en cuenta que ciertas áreas estarán reservadas para la inclusión automática de información por parte de la plataforma.

Si se requiere incluir una firma (por ejemplo, del director de la institución, o bien, del jefe de servicios escolares), ésta deberá ser incorporada en el diseño antes de cargar el archivo de imagen a la plataforma.

A continuación, te mostramos una guía visual en la que las **áreas recomendadas** en <mark style="color:green;">**verde**</mark> indican los espacios disponibles para tu contenido personalizado, mientras que las **áreas marcadas** en <mark style="color:red;">**rojo**</mark> señalan donde <mark style="color:purple;">**MindBox**</mark> añadirá la información de manera automática.

<figure><img src="/files/9gpoLOC4wUK2gW03N5A0" alt=""><figcaption><p>Áreas recomendadas para generar imagen de reverso de credencial.</p></figcaption></figure>

Respetando las áreas mencionadas, la imagen que deberás subir se verá similar a la siguiente.

<figure><img src="/files/8dgZvMlEQXTIGoGTi5cI" alt=""><figcaption><p>Ejemplo de imagen a cargar para el reverso de la credencial.</p></figcaption></figure>

{% hint style="info" %}
Recuerda que los demás datos serán incorporados automáticamente por la plataforma al generar la credencial.
{% endhint %}

**4. Texto de la credencial física**

En este campo se podrá seleccionar el color del texto que se generará de forma automática en las credenciales físicas.&#x20;

Cabe mencionar que las imágenes del frente y reverso de la credencial de las cuales se habló anteriormente ya deben contener parte de la información, <mark style="color:purple;">**MindBox**</mark> se encargará de añadir los datos faltantes.

<figure><img src="/files/HxOIs9As4EbzFypSizYa" alt=""><figcaption><p>Ejemplo de credencial generada en MindBox con texto seleccionado en color blanco.</p></figcaption></figure>

{% hint style="info" %}
Si las credenciales de tu institución tendrán un fondo muy claro, te recomendamos elegir un color de texto oscuro, como el color negro. En caso de que el fondo de las credenciales sea de un color oscuro te recomendamos seleccionar un color claro como el blanco.
{% endhint %}

### Plantilla de las credenciales físicas

Para facilitarte el diseño de las credenciales, hemos creado **plantillas** en **Photoshop** que puedes descargar y utilizar para crear las imágenes del frente y reverso de las credenciales de los estudiantes y del personal. Estas plantillas ya incluyen las especificaciones necesarias para cargarlas en <mark style="color:purple;">**MindBox**</mark>.

Dentro de cada plantilla se mostrarán guías y capas que indican las <mark style="color:green;">**zonas seguras**</mark> y <mark style="color:red;">**zonas restringidas**</mark>. Agrega tu información dentro del grupo **CARGAR DATOS EXPORTAR** y personaliza el fondo en la capa **CAMBIAR FONDO EXPORTAR**.&#x20;

Cuando tu diseño esté listo, oculta las capas de **ZONA SEGURA** y **ZONA RESTRINGIDA** antes de exportar tu imagen. Estas zonas sirven como referencia para la información que <mark style="color:purple;">**MindBox**</mark> añadirá de forma automática y se podrán ocultar o mostrar mientras te encuentras diseñando tus credenciales.

**Plantillas Credencial Estudiantes**

{% file src="/files/F1iomj8RA8QsWcO7cJNh" %}

{% file src="/files/zeWCa2lijd9Fs8tETGYT" %}

**Plantillas Credencial Personal**

{% file src="/files/hVL4su7pN7Q75GQdwBF4" %}

{% file src="/files/7xNsBMx73QJFy8kimUdg" %}

### Credenciales Digitales

Las **credenciales digitales** son una forma eficiente y segura de identificar a tus estudiantes y personal de manera digital. Estas credenciales no solo permiten un acceso rápido a tu institución, sino que también ofrecen una solución práctica y ecológica al reducir la necesidad de credenciales físicas.

Los campos a seleccionar para llevar a cabo la configuración de las **credenciales digitales** son los siguientes:&#x20;

<figure><img src="/files/oaMvC4wiKyzYdjlhgBXr" alt=""><figcaption><p>Campos para la configuración de las credenciales digitales.</p></figcaption></figure>

#### 1. Código de acceso digital

El código de acceso digital permite a los estudiantes generar un código único diario desde su cuenta en la plataforma, que les facilita identificarse y acceder a la institución a través de <mark style="color:purple;">**MindBox**</mark> u otro sistema de control de acceso compatible.&#x20;

Al habilitar la opción de **mostrar código de acceso** en este campo, los estudiantes podrán visualizar su código directamente desde la pantalla de inicio de la plataforma en sus dispositivos móviles, brindándoles un acceso rápido, seguro y eficiente sin necesidad de procesos adicionales.

<figure><img src="/files/VTIHjsP3tvhd9EugLyze" alt=""><figcaption><p>Código de acceso desde la cuenta del estudiante en MindBox.</p></figcaption></figure>

{% hint style="info" %}
Si deseas configurar el **control de acceso** con <mark style="color:purple;">**MindBox**</mark>, contáctanos en <mark style="color:purple;"><contacto@mindbox.app></mark>.
{% endhint %}

#### 2. Color de la credencial digital<br>

En este campo se podrá personalizar el color de las credenciales digitales de acuerdo con los colores de tu institución. Al seleccionar el campo, se desplegará un listado de colores que se podrán elegir para el tema de las credenciales de tanto los estudiantes como del personal.&#x20;

<figure><img src="/files/AVl2M2n5fi4v5v5nwz1J" alt=""><figcaption><p>Color del tema de la credencial digital.</p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.mindbox.app/configuracion-inicial/credenciales.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
