Filament: Add Footer Text on the Page Bottom

Free Snippet

Default Filament design comes without any footer. But you can easily add it.

filamentexamples-thumbnail (4)

How it works

First, create that View file for the footer:

php artisan make:view footer

Then fill in that Blade file with HTML:


<footer class="fixed bottom-0 left-0 z-20 w-full p-4 bg-white border-t border-gray-200 shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800 dark:border-gray-600">
<span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2024
<a href="" class="hover:underline">Filament Examples</a>. All Rights Reserved.

Then, register that Blade file with a Render Hook in the Filament Service Provider:


use Filament\View\PanelsRenderHook;
class AdminPanelProvider extends PanelProvider
public function panel(Panel $panel): Panel
return $panel
// ... other methods
// PanelsRenderHook::BODY_END,
fn() => view('footer')

And that's it, you will have the footer!

Also, as you can see, there's alternative Hook called BODY_END, that one would be shown in full width of the page.

Read more about Render Hooks in the official Filament docs.

A few of our Premium Examples: