# Custom Liquid

When your theme requires some custom Liquid code to be added like an App Snippet, or custom-written functionality, this section allows you to inject the Liquid code right into your theme. 

This section will accept HTML and CSS as well:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2Fkz9WzTQQkLliz1glt5Ad%2FScreenshot%202022-11-09%20at%204.24.11%20PM.jpg?alt=media&#x26;token=0bda0887-5a6c-4d08-976e-d930317a3e4c" alt=""><figcaption></figcaption></figure>

> ***Tip***: If you are adding custom CSS, these can be used as overrides for the current page only.&#x20;
>
> Ideal if you want certain headers or text changed for the homepage only or a certain page template

### How to use

If you have an App that requires custom code including Liquid, add the section to the homepage or the suggested page/template by the App developer:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FSvkEUqRYqpzfIcI5SieR%2FScreenshot%202022-11-09%20at%203.55.02%20PM.png?alt=media&#x26;token=c35db4b6-b421-490d-94ac-9663713ef4eb" alt=""><figcaption><p><strong>Example on homepage</strong></p></figcaption></figure>

Add the custom code block into the Section settings:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FX0VWI1whX6m8fCbQe1qF%2FScreenshot%202022-11-09%20at%204.14.20%20PM.png?alt=media&#x26;token=df266420-39cd-488e-9702-f201bf9a4a4c" alt=""><figcaption><p><strong>Example of Product Page template</strong></p></figcaption></figure>

&#x20;