How to Customize AI Email Builder to Add Your Own Logo Branding is a key part of any email campaign — and with AI Email Builder, customizing your email templates with your own logo is fast and simple. Whether you're using React, Vue, Livewire, or FilamentPHP, you can easily update the logo displayed in your email templates. This guide walks you through the exact steps for each supported stack. 🧩 For React or Vue Setup In your React or Vue project, locate the configuration file: resources/js/configs/email-builder-config.ts Inside this file, you’ll find the useEmailTemplateConfig function. Update the logo property with your own image URLs: {...} export default function useEmailTemplateConfig({ props }: { props: EmailBuilderProps }) { {...} function config() { return { // Logo for desktop and mobile screen logo: { lg: 'https://example.com/logo.png', sm: 'https://example.com/icon.png', }, }; } return { config, }; } logo.lg → Used for desktop screen sizes. logo.sm → Used for mobile screen sizes. 👉 Replace the sample URLs with your own logo paths. ⚡ For Laravel Livewire & FilamentPHP In Laravel Livewire or Filament projects, the configuration is managed through a PHP trait. Open this file in your project: app/Livewire/EmailBuilder/Concerns/HasEmailBuilderConfig.php Locate the baseConfig() method and uncomment or edit the logo section: <?php {...} trait HasEmailBuilderConfig { {...} protected function baseConfig(): array { return [ // Logo for desktop and mobile screen 'logo' => [ 'lg' => 'https://example.com/logo.png', 'sm' => 'https://example.com/icon.png', ], {...} ]; } {...} } Replace the sample logo URLs with your own assets. ✅ Use lg for desktop logos. ✅ Use sm for mobile logos. 🖼 Tips for Best Results Use a transparent PNG or SVG logo for best rendering on different backgrounds. Keep the sm version simple and minimal — this is what your mobile users will see. Host your logo on a CDN or your app’s public assets for optimal performance. 🚀 Result Once updated, every email template generated with AI Email Builder will automatically include your brand logo, ensuring consistent branding across campaigns.