> 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 su [portal de Creator Edit](/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 alinearla con la identidad visual de tu marca. Puedes modificar una variedad de elementos visuales, incluidos los colores, las fuentes y los estilos de los componentes, garantizando una experiencia de marca coherente para tus creadores. {% hint style="danger" %} **Los cambios se publican de inmediato.** Los creadores verán tus cambios en cuanto los guardes. Si no estás seguro de un ajuste, [contacte con soporte](https://app.impact.com/support/portal.ihtml?createTicket=true&) antes de realizar cambios. {% endhint %} #### Accede a la página de configuración Solo puedes acceder a esta página de configuración desde impact.com. 1. En la barra de navegación superior de tu cuenta de impact.com, selecciona ![](/files/260bf6f1048424a5a74566f411803be9ef7c2685) **\[Perfil de usuario] → Configuración.** 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 la *Apariencia y estilo* en los ajustes, ajusta las opciones visuales de tu portal. Consulta *Edita la apariencia y el estilo de tu portal* en la sección siguiente. 4. Una vez que estés conforme, selecciona **Guardar**. #### Edita la apariencia y el estilo de tu portal {% tabs %} {% tab title="Colores generales" %} Define los colores generales de tu portal mediante códigos de color hexadecimales. Estos colores se aplican a los fondos, bordes y elementos de marca. * **Marca principal**: Establece el color principal de tu marca. * **Marca secundaria**: Establece el color secundario de tu marca. * **Marca terciaria**: Establece un color de acento o terciario de la marca. * **Fondo de bienvenida**: Establece el color de fondo de la pantalla de bienvenida/carga. * **Fondo de incorporación**: Establece el color de fondo del flujo de incorporación de los creadores. * **Fondo de configuración**: Establece el color de fondo de la página de configuración del portal. * **Fondo principal**: Establece el color de fondo principal del panel del portal. * **Borde principal**: Establece el color de los bordes y divisores principales. * **Éxito**: Establece el color usado para mensajes y notificaciones de éxito. * **Advertencia**: Establece el color usado para mensajes y alertas de advertencia. {% endtab %} {% tab title="Botones" %} Define la apariencia de los botones de tu portal, incluido el color del texto, el color de fondo y los 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**: Establece el color de tus botones principales' *Texto*, *Fondo*, *Fondo al pasar el cursor*, y *Haga clic*. Introduce un código de color hexadecimal (p. ej., #FFFFFF para blanco) para establecer el color. * **Botón secundario**: Establece el color de tus botones secundarios' *Texto*, *Fondo*, *Fondo al pasar el cursor*, y *Haga clic*. Introduce un código de color hexadecimal (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 de color hexadecimales. También puedes previsualizar cómo se verá tu texto en tu portal. * **Errores**: Establece el color de los mensajes de error. * **Texto de las etiquetas de métricas del influencer**: Establece el color de las etiquetas de las métricas de rendimiento. * **Color de los enlaces**: Establece el color de todos los hipervínculos clicables. * **Texto de incorporación**: Establece el color principal del texto durante el proceso de incorporación. * **Texto secundario de incorporación**: Establece el color secundario del texto utilizado durante el proceso de incorporación. * **Texto principal del modal**: Establece el color del texto dentro de las ventanas emergentes modales. * **Texto principal**: Establece el color de texto predeterminado para la mayor parte del contenido del cuerpo. * **Enlace secundario**: Establece el color de los enlaces secundarios o menos destacados. * **Texto secundario**: Establece el color del texto complementario o menos destacado. * **Texto de configuración**: Establece específicamente el color del texto para las páginas de configuración. * **Texto de la pantalla de inicio**: Establece el color del texto en la pantalla de bienvenida/carga. * **Texto principal de los componentes de la interfaz de usuario**: Establece el color del texto de 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 usando códigos de color hexadecimales. 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**: Establece el color de una casilla de verificación cuando está seleccionada. * **Botón de opción seleccionado**: Establece 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 mediante códigos de color hexadecimales. * **Fondo principal del modal**: Establece el color de fondo de las ventanas emergentes modales. * **Elemento principal de la interfaz de usuario**: Establece el color de los elementos principales de la interfaz de usuario, como las pestañas activas o los elementos seleccionados. * **Elemento secundario de la interfaz de usuario**: Establece el color de los elementos secundarios de la interfaz de usuario. * **Fondo del contenedor de etiquetas tipo píldora**: Establece el color de fondo de las etiquetas o rótulos con forma de píldora. * **Fondo del pie de página**: Establece el color de fondo del pie de página. * **Fondo de la cabecera**: Establece el color de fondo de la cabecera de la página. * **Fondo de la barra de progreso**: Establece 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 cargadas en tu portal. * **Fuente ligera, regular, negrita**: Sube fuentes para tus estilos tipográficos principales. * **Fuente secundaria seminegrita, regular, negrita**: Sube fuentes para tus estilos tipográficos 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 elegidas en tu portal. * **Radio de borde del botón**: Establece 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 elegido en tu portal. * **Estilo de tarjeta de categorías**: Elige entre **Circular** y **Cuadrado**. Si eliges el **Cuadrado** estilo, puedes personalizar la redondez de las esquinas de las tarjetas. * **Estilo de tarjeta de colecciones**: Elige entre **Circular** y **Cuadrado**. Si eliges el **Cuadrado** estilo, puedes personalizar la redondez 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.