Public Facing App Name Disappeared?

Hello,

There used to be a public Facing app name which is used for %%App_Name%% on firebase authentication email templates. But on this my particular project, its nowhere to be found.

1 Like

Hi there,

It looks like the %%App_Name%% variable in your Firebase Authentication email templates isn’t resolving because the project’s public-facing app name is either missing or hidden in the new Firebase Console layout. Here’s how to fix it step by step:


Step 1: Locate the Public-Facing App Name

  1. Open Firebase Console for your project.

  2. Click the gear icon (:gear:) → Project Settings.

  3. In the General tab, look for “Public-facing name” (sometimes called “Project Display Name”).

  4. If it’s empty, enter the name you want users to see in emails.

  5. Click Save.


Step 2: Verify the Template

  1. Navigate to Authentication → Templates.

  2. Open the email template you want to edit (e.g., Welcome Email, Password Reset).

  3. Ensure that %%App_Name%% is still present in the template body.

  4. Use the Preview or Send Test Email button to confirm it now displays the name you entered.


Step 3: Double-Check the Environment

  • If you manage multiple projects (e.g., dev, staging, production), make sure you are editing the template in the correct project.

  • Sometimes a blank %%App_Name%% appears because the wrong project environment is selected, even though the correct name is set elsewhere.


Step 4: Optional — Hardcode Temporarily

  • If you want to be absolutely sure the email displays the name, you can replace %%App_Name%% temporarily with the actual name while you sort out the console settings.

  • Example:

    Welcome to MyApp!
    
    

    instead of

    Welcome to %%App_Name%%!
    
    

:white_check_mark: Key Takeaway

This is a configuration signal, not a bug. Updating the project’s public-facing name and ensuring you’re in the correct environment will resolve %%App_Name%% in your email templates.

Visual Mini-Guide: Fixing %%App_Name%% in Firebase Email Templates

Step 1: Open Firebase Console

  • Go to Firebase Console and select your project.

  • Top-right gear icon (:gear:) → click Project Settings.

Visual cue: The gear icon is next to “Project Overview” in the top-left menu bar.


Step 2: Locate the Public-Facing Name

  1. In Project Settings → General tab, scroll down to “Your Project” section.

  2. Find “Public-facing name” (sometimes labeled “Project Display Name”).

  3. If the field is empty, type in the app name you want users to see in emails.

  4. Click Save.

Visual cue: It’s the same field you saw when first creating the project — usually right below Project ID and Project Number.


Step 3: Open Authentication Email Templates

  1. On the left menu, click Authentication.

  2. Select the Templates tab.

  3. Open the email template you want to edit (e.g., Welcome Email, Password Reset).

Visual cue: The template editor shows a live preview and the editable email body. Look for %%App_Name%% placeholders.


Step 4: Verify or Test

  1. Make sure the %%App_Name%% placeholder exists in the body.

  2. Click Preview to see what the email will look like.

  3. Optional: Use Send Test Email to check that your name appears correctly in the inbox.

Visual cue: The preview panel updates dynamically when you type or edit. Test emails appear in your inbox exactly as the end-user would see them.


Step 5: Double-Check Environment

  • If your project has multiple environments (dev, staging, production), confirm that the template you just edited is for the environment you intend to use.

  • Mistakes here are a common reason why %%App_Name%% appears blank.


Step 6: Temporary Hardcode (Optional)

  • If needed, replace %%App_Name%% temporarily with the app name while resolving settings:

    Welcome to MyApp!
    
    
  • This ensures the email displays correctly while you double-check the console.


:white_check_mark: Quick Summary for Visual Learners

  • Gear icon → Project Settings → General → Public-facing name

  • Authentication → Templates → Verify %%App_Name%%

  • Preview / Send test email → Confirm display

  • Multi-environment check → Make sure you edited the right project

See if this helps move you along

1 Like