> ## Documentation Index > Fetch the complete documentation index at: https://docs.tariqdev.xyz/llms.txt > Use this file to discover all available pages before exploring further. # Custom Code > Inject custom HTML, CSS, and JS across your site for tracking, widgets, and customizations. # 🧩 Custom Code Settings LucentUI allows you to inject custom code into multiple areas of your site, giving full control without editing the core theme. ## Custom HTML - Head * **Setting Name**: `custom_head_html` * **Type**: Textarea * **Description**: Injects inside ``. Ideal for: * Google Analytics * Custom fonts * Meta tags ### Examples: **Google Analytics 4:** ```html theme={null} ``` **Custom Fonts:** ```html theme={null} ``` **Meta Tags for SEO:** ```html theme={null} ``` *** ## Custom HTML - Body Top * **Setting Name**: `custom_body_top_html` * **Type**: Textarea * **Description**: Injects at top of ``. Common uses: * Google Tag Manager (noscript) * Tracking pixels ### Examples: **Google Tag Manager (noscript):** ```html theme={null} ``` **Facebook Pixel:** ```html theme={null} ``` *** ## Custom HTML - Body Bottom * **Setting Name**: `custom_body_bottom_html` * **Type**: Textarea * **Description**: Injects before ``. Use for: * Chat widgets (e.g. Tawk.to, Crisp) * Discord embeds * Support widgets ### Examples: **Tawk.to Chat Widget:** ```html theme={null} ``` **Crisp Chat:** ```html theme={null} ``` **Discord Widget:** ```html theme={null} ``` *** ## Custom HTML - Dashboard Only * **Setting Name**: `custom_dashboard_html` * **Type**: Textarea * **Description**: Displays only on dashboard pages. Great for: * User-specific banners * Admin announcements ### Examples: **Admin Announcement Banner:** ```html theme={null}

🎉 New Feature Available!

Check out our new dashboard analytics section.

``` **Maintenance Notice:** ```html theme={null} ``` *** ## Custom HTML - Homepage Only * **Setting Name**: `custom_homepage_html` * **Type**: Textarea * **Description**: Injects into homepage only. Use for: * Promo banners * Hero messages ### Examples: **Promotional Banner:** ```html theme={null}

🚀 50% Off All Plans!

Limited time offer - Use code SAVE50 at checkout

``` **Newsletter Signup:** ```html theme={null}

📧 Stay Updated

Subscribe to our newsletter for the latest updates!

``` *** ## 🎨 Custom CSS * **Setting Name**: `custom_css` * **Type**: Textarea * **Description**: Will be wrapped in `