# Custom code

Use our **Custom code** block for older app integrations or to add your HTML, Liquid, or other specific code directly into the product pages section.

<figure><img src="https://2636770384-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsD7BEEDU3B7WiEJlN0F7%2Fuploads%2Fj0K3lniYBJFNw3JthhGO%2Fcustom-code.jpg?alt=media&#x26;token=3fa92d8d-ce53-4e22-adf3-cc0e5ca6365d" alt="GIF depicting the Custom code block of the product pages section"><figcaption></figcaption></figure>

<table><thead><tr><th width="128.6788330078125">Settings</th><th width="96.421875" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Custom code</td><td align="center"><code>liquid</code></td><td>A field to enter custom Liquid or HTML code. Ideal for app snippets, tracking tags, or unique widgets.</td></tr><tr><td><strong>Padding</strong></td><td align="center"></td><td></td></tr><tr><td>Bottom</td><td align="center"><code>range</code></td><td>Controls spacing below the block.</td></tr></tbody></table>

## Notes

* This block accepts Liquid code, which is Shopify’s templating language.
* &#x20;Use responsibly—invalid code can impact page layout or performance.
* Useful for: App integrations (e.g., reviews, upsells); Custom display logic; Embedding third-party tools or tracking
* Be cautious with untested or unverified scripts, as errors in Liquid or JavaScript can cause frontend issues.