--- schema_version: "1" id: 51ed8695b681a404d1f68c085bb2da7718df2a1105ceed05b959da53af6ac3ab title: Using the Builder for Common Customizations collection: mulesoft version: current locale: en-us portal_url: https://docs.salesforce.com/mulesoft/current/en-us/api-experience-hub/common-builder-customizations.md canonical_url: https://docs.mulesoft.com/api-experience-hub/common-builder-customizations source_site: docs.mulesoft.com content_type: documentation content_hash: 7f23b95a0138177a99f350e919341533aab0c96c98a961c231141c579bff858f description: MuleSoft Documentation Site latest: true --- --- product: API Experience Hub --- # Using the Builder for Common Customizations > For the full documentation index, see: https://docs.mulesoft.com/llms.txt From the Builder, use the following portal customizations to match your company’s brand. Access the Builder from the **Manage your portal** page by clicking **Preview and publish your portal**. ## Add and Remove Portal Components From the Builder, add or remove API Experience Hub components from your portal. 1. Navigate to the Builder. 2. Click the **Component** icon. 3. Scroll to **Custom Components**. 4. Click a component, for example, API Console, and drag it into the portal. 5. To remove a component, click the trash can icon and click **Delete**. ### Customize Colors for Each Service Type To customize the color for each service type that displays in the **Home** page: 1. Navigate to the Builder. 2. Click the **Builder** icon. 3. Click the **Settings** icon. 4. Click **Advanced**. 5. Click **Edit Head Markup**. The following shows the asset type color variables: \--asset-type-c-rest-api-color: 0, 0, 0; --asset-type-c-http-api-color: 0, 0, 0; --asset-type-c-soap-api-color: 0, 0, 0; --asset-type-c-evented-api-color: 0, 0, 0; --asset-card-c-agent-color: 0, 0, 0; --asset-card-c-mcp-color: 0, 0, 0; --asset-card-c-graphql-color: 0, 0, 0; --asset-card-c-grpc-api-color: 0, 0, 0; --asset-card-c-llm-color: 0, 0, 0; 6. Change the color variable number for the asset type and click **Save**. ### Add Page Variation to Show the API Console for LLMs LLM support is included in this release. Portals that were configured before LLM support was available don’t show the API Console. To show the **API Console** for LLMs in the **Service Details** page, add a page variation for LLMs. 1. Navigate to the Builder. 2. Open the **Pages** menu in the toolbar, hover over **Community Asset Details**, and click **Page Actions**. 3. Select the **Page Variations** tab and click **Manage audiences**. 4. Click **HTTP API Audience**, and click **Edit**. 5. On the **Edit Audience** page, enter `llm` in the **Value** field and press Enter. 6. Click **Save**. ## Change the Background Color of the Login Page To change the background color of your portal’s login page: 1. Navigate to the Builder. 2. Click the **Page Properties** icon and click **Login**. Your current login page displays in the Builder. 3. Click the **Theme** paintbrush icon. 4. From **Theme**, click **Colors**. 5. From the **Login Pages** section, select a color from the **Background Color** color picker. The background color of your Login page changes to the selected color. ## Change the Card Background Color of the Login Page To change the card background color of your login page card: 1. Navigate to the Builder. 2. Click the **Page Properties** icon and click **Login**. Your current login page displays in the Builder. 3. Click the **Theme** paintbrush icon. 4. From **Theme**, click **Colors**. 5. From the **Login Pages** section, select a color from the **Card Background Color** color picker. The card background color of your Login page changes to the selected color. ## Change the Email Template for Portal Registration To edit the email information that is sent to users who register for your site: 1. Navigate to the Builder. 2. Click the **Builder** icon. 3. From **My Workspaces**, click **Administration**. 4. Click **Emails**. 5. Make your changes and click **Save**. ## Change the Logo Image for Self-Registration and Login Pages By default, the logo image used for the login pages is the image added during the guided styling setup. To change the image for the login pages: 1. Navigate to the Builder. 2. Click the **Builder** icon. 3. From **My Workspaces**, click **Administration**. 4. Click **Login & Registration**. 5. From the **Branding Options** section, click the **Choose File** button from **Logo File**. The maximum height of the logo is 125 px and the maximum width is 250 px. ## Customize the Portal Domain By default, Experience Cloud generates the URL for your portal domain. You can customize the domain for your organization. For example, you can change the URL to .com. Currently, you cannot change the portal’s subpath of `aeh` in the URL. 1. Navigate to the Builder. 2. Click the **Builder** icon. 3. Click **Salesforce Setup**. 4. In the **Quick find** box, enter **Domains**. 5. Click your domain name in the **Domains** list. 6. Click **Edit** in the **My Domains Details** section. 7. Enter a domain name in the **My Domain Name** field. 8. Click the **Check Availability** button to ensure the domain name does not exist already. 9. Enter a domain suffix in the **Domain Suffix** field, for example, \*.. The new domain URL displays in the **Your chosen new My Domain URL** field. 10. Click **Save**. ## Configure Feed Component The Feed component displays a feed of all record or group interactions, including posts, questions, system updates, and attachments. Specify values for the following properties:

Property

Details

Feed Type

  • Group or Record shows everything that is posted to a selected group or record, for example, an account or opportunity.

  • Discussion feed shows everything that is posted to Navigational Topics.

  • My Feed shows feed items that are tagged with a topic, or a person or record that you follow along with your personal site activity. You see all shared feed items unless another person shared the item with a group that you aren’t a member of. With public groups, you see the feed item that you shared even if you’re not a member.

  • Topic feed shows everything that is posted to a selected topic.

  • User Profile feed shows posts that the member creates or interacts with for example, comments or answers that are posted for user profile feeds.

  • Bookmarks feed shows only bookmarked posts, pool, or questions that are posted for a selected bookmark.

Record ID

Leave this field blank if you pick the Discussion or My Feed options in Feed Type. Typically, this field populates the feed item ID automatically when the page loads.

Default Filter

Select the default filter for feed entries that you want your site members to see.

Post Style

Choose to expand or collapse post comments by default.

Let members search feeds

Choose to let site members search an individual feed.

Let members sort feeds

Choose to let site members sort a feed. When sorting is enabled, members can sort a feed by the latest posts or most recent activity.

## Configure Feed Publisher Component To enable portal members to create posts on groups or records and upload attachments, configure the Chatter Feed Publisher component. Specify values for the following properties:

Property

Details

Type

Select the type of feed publisher to add to your page. To use global publisher actions defined in your Salesforce organization, choose Global. To use an object-specific publisher layout, choose Record.

Record ID

Leave this field blank if you pick the Global feed publisher type. Typically, this field automatically populates with the record ID when the page loads.

Publisher Layout Design

Select to see the wide or narrow feed publisher layout design.

## See Also - [Customizing Your Portal Using the Experience Builder](https://docs.mulesoft.com/api-experience-hub/customizing-your-portal) - [Advanced Styling with CSS](https://docs.mulesoft.com/api-experience-hub/advanced-styling-with-css)