Black Friday: coupon FRIDAY24 for 40% off Yearly/Lifetime membership! Read more here

Add Footer Text on the Page Bottom

2024-06-17

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

First, create that View file for the footer:

php artisan make:view footer

Then fill in that Blade file with HTML:

resources/views/footer.blade.php:

<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="https://filamentexamples.com" class="hover:underline">Filament Examples</a>. All Rights Reserved.
</span>
</footer>

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

app/Providers/Filament/AdminPanelProvider.php:

use Filament\View\PanelsRenderHook;
 
class AdminPanelProvider extends PanelProvider
{
public function panel(Panel $panel): Panel
{
return $panel
// ... other methods
->renderHook(
// PanelsRenderHook::BODY_END,
PanelsRenderHook::FOOTER,
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: