> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/es/what-would-you-like-to-learn-about/creator-edit-configuration/look-and-feel/customize-your-creator-edit-portal.md). # Personaliza tu portal Creator Edit {% hint style="warning" %} Este artículo trata sobre la configuración de tu [portal de edición para creadores](/brand/es/what-would-you-like-to-learn-about/creator-edit-configuration/creator-edit-overview.md). [Contáctanos](https://app.impact.com/support/portal.ihtml?createTicket=true&) para obtener más información. {% endhint %} Personaliza la apariencia de tu portal Creator Edit para alinearlo con la identidad visual de tu marca. Puedes modificar una gama de elementos visuales, incluidos colores, fuentes y estilos de componentes, garantizando una experiencia de marca coherente para tus creadores. {% hint style="danger" %} **Los cambios se publican de inmediato.** Los creadores verán tus ediciones tan pronto como las guardes. Si no estás seguro acerca de un ajuste, [contacta con soporte](https://app.impact.com/support/portal.ihtml?createTicket=true&) antes de realizar cambios. {% endhint %} #### Accede a la página de ajustes Solo puedes acceder a esta página de ajustes desde impact.com. 1. Desde la barra de navegación superior en tu cuenta de impact.com, selecciona ![](/files/260bf6f1048424a5a74566f411803be9ef7c2685) **\[Perfil de usuario] → Ajustes.** 2. A la derecha, debajo de *Configuración del programa*, ve a *Creator Edit* y selecciona [**Apariencia y estilo**](https://app.impact.com/secure/advertiser/fr/branded-portal/look-and-feel.ihtml)**.** 3. En el *Apariencia y estilo* ajustes, modifica las opciones visuales de tu portal. Consulta *Edita la apariencia y el estilo de tu portal* sección a continuación. 4. Una vez que estés satisfecho, selecciona **Guardar**. #### Edita la apariencia y el estilo de tu portal {% tabs %} {% tab title="Colores generales" %} Define los colores generales de tu portal utilizando códigos hexadecimales de color. Estos colores se aplican a los fondos, bordes y elementos de marca. * **Marca principal**: Define el color principal de tu marca. * **Marca secundaria**: Define el color secundario de tu marca. * **Marca terciaria**: Define un color de acento o terciario de la marca. * **Fondo de bienvenida**: Define el color de fondo de la pantalla de bienvenida/carga. * **Fondo de incorporación**: Define el color de fondo del flujo de incorporación de creadores. * **Fondo de ajustes**: Define el color de fondo de la página de ajustes del portal. * **Fondo principal**: Define el color de fondo principal del panel de control del portal. * **Borde principal**: Define el color de los bordes y divisores principales. * **Éxito**: Define el color usado para los mensajes y notificaciones de éxito. * **Advertencia**: Define el color usado para los mensajes y alertas de advertencia. {% endtab %} {% tab title="Botones" %} Define la apariencia de los botones de tu portal, incluido su color de texto, color de fondo y estados de interacción (pasar el cursor y hacer clic). También puedes previsualizar cómo se verán tus botones en tu portal. * **Botón principal**: Define el color de los botones principales *Texto*, *Fondo*, *Fondo al pasar el cursor*y *Clic*. Introduce un código hexadecimal de color (p. ej., #FFFFFF para blanco) para establecer el color. * **Botón secundario**: Define el color de los botones secundarios *Texto*, *Fondo*, *Fondo al pasar el cursor*y *Clic*. Introduce un código hexadecimal de color (p. ej., #FFFFFF para blanco) para establecer el color. {% endtab %} {% tab title="Texto" %} Define los colores de varios elementos de texto para garantizar la legibilidad y la coherencia mediante códigos hexadecimales de color. También puedes previsualizar cómo se verá tu texto en tu portal. * **Errores**: Define el color de los mensajes de error. * **Texto de etiqueta de métricas de influencers**: Define el color de las etiquetas en las métricas de rendimiento. * **Color de enlace**: Define el color de todos los hipervínculos en los que se puede hacer clic. * **Texto de incorporación**: Define el color del texto principal durante el proceso de incorporación. * **Texto secundario de incorporación**: Define el color del texto secundario usado durante el proceso de incorporación. * **Texto principal de modal**: Define el color del texto dentro de las ventanas emergentes modales. * **Texto principal**: Define el color de texto predeterminado para la mayor parte del contenido del cuerpo. * **Enlace secundario**: Define el color de los enlaces secundarios o menos destacados. * **Texto secundario**: Define el color del texto complementario o menos enfatizado. * **Texto de ajustes**: Define específicamente el color del texto para las páginas de ajustes. * **Texto de bienvenida**: Define el color del texto en la pantalla de bienvenida/carga. * **Texto principal del componente de UI**: Define el color del texto para los componentes principales de la interfaz de usuario. {% endtab %} {% tab title="Formularios" %} Define el aspecto de los elementos interactivos de formulario para que coincidan con tu marca utilizando códigos hexadecimales de color. También puedes previsualizar cómo se verán tu casilla de verificación y tu botón de opción en tu portal. * **Casilla de verificación seleccionada**: Define el color de una casilla de verificación cuando está seleccionada. * **Botón de opción seleccionado**: Define el color de un botón de opción cuando está seleccionado. {% endtab %} {% tab title="Componentes" %} Define los colores de varios componentes estructurales de tu portal utilizando códigos hexadecimales de color. * **Fondo principal de modal**: Define el color de fondo para las ventanas emergentes modales. * **Principal del componente de UI**: Define el color de los elementos principales de la interfaz de usuario, como las pestañas activas o los elementos seleccionados. * **Secundario del componente de UI**: Define el color de los elementos secundarios de la interfaz de usuario. * **Fondo del contenedor de etiquetas tipo píldora**: Define el color de fondo para etiquetas o rótulos con forma de píldora. * **Fondo del pie de página**: Define el color de fondo del pie de página. * **Fondo del encabezado**: Define el color de fondo del encabezado de la página. * **Fondo de la barra de progreso**: Define el color de fondo de las barras de progreso. {% endtab %} {% tab title="Fuentes" %} Define las fuentes de tu marca para usarlas en todo tu portal. Los formatos de archivo compatibles incluyen .TTF, .OTF y .WOFF. También puedes previsualizar cómo se verán las fuentes que subas en tu portal. * **Fuente ligera, regular, negrita**: Sube fuentes para los estilos de fuente principales. * **Fuente secundaria seminegrita, regular, negrita**: Sube fuentes para los estilos de fuente secundarios. {% endtab %} {% tab title="Otros estilos" %} Ajusta opciones de estilo adicionales para componentes específicos. También puedes previsualizar cómo se verán las opciones de estilo que elijas en tu portal. * **Radio del borde del botón**: Define el grado de redondez de las esquinas del botón principal. * **Tamaño de fuente del encabezado del contenido de beneficios**: Ajusta el tamaño de fuente del encabezado en las tarjetas de contenido de beneficios. {% endtab %} {% tab title="Categorías y colecciones" %} Define el estilo de las tarjetas utilizadas para mostrar categorías y colecciones en tu portal. Puedes previsualizar cómo se verá el estilo que elijas en tu portal. * **Estilo de tarjeta de categorías**: Elige entre **Circular** y **Cuadrado**. Si eliges el **Cuadrado** estilo, puedes personalizar el redondeo de las esquinas de las tarjetas. * **Estilo de tarjeta de colecciones**: Elige entre **Circular** y **Cuadrado**. Si eliges el **Cuadrado** estilo, puedes personalizar el redondeo de las esquinas de las tarjetas. {% endtab %} {% endtabs %} --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## 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, and the optional `goal` query parameter: ``` GET https://help.impact.com/brand/es/what-would-you-like-to-learn-about/creator-edit-configuration/look-and-feel/customize-your-creator-edit-portal.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. 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.