> ## Documentation Index > Fetch the complete documentation index at: https://sleekplan.com/llms.txt > Use this file to discover all available pages before exploring further. # Add custom code to your portal > Inject your own HTML, head markup, CSS, and JavaScript into your standalone feedback portal to match your brand, load fonts, add analytics, or restyle the page. The **Custom code** settings let you inject your own markup, styling, and scripts into your public feedback portal. Use them to load a web font, add a verification or analytics snippet, restyle the page with CSS, or drop in a chat widget. If the built-in appearance settings do not get you all the way there, custom code fills the gap. Custom code is available on the **Pro** plan and above. If a field is locked when you try to save, check your [plan and billing](https://app.sleekplan.com/settings/billing) first. Custom code applies to your **standalone portal** only, the hosted page your visitors see at your Sleekplan address or [custom domain](/help/portal-widget/custom-domain). It does **not** run inside the [embedded widget](/help/getting-started/install-widget) on your own site. The widget renders in an isolated frame and never loads tenant markup, so style and script the widget through its own settings, not here. ## Where to find it Everything on this page lives in [**Settings → Public Portal & Widget → Portal**](https://app.sleekplan.com/settings/portal), in the **Custom code** section at the bottom of the page. Go to [**Settings → Public Portal & Widget → Portal**](https://app.sleekplan.com/settings/portal). The Portal settings page open in the admin, with the Portal item highlighted in the Public Portal & Widget sidebar section Scroll to the bottom of the page and click **Custom code** to expand it. The section is collapsed by default because it is advanced, so leave it closed if you do not need it. The expanded Custom code section showing the head markup, After body, Before body, and Custom CSS fields Add your markup, styles, or script to the matching field (see [The fields](#the-fields) below). Each field targets a specific part of the page. A save bar appears at the bottom of the page once you edit a field. Click **Save** to publish your changes to the portal. ## The fields There are six fields, each targeting a different part of the portal page. Enter your code directly: do not wrap CSS in a `