experience-ui-bundle-mfa-configure
Configure Multi-Factor Authentication (MFA) for Salesforce Experience Site users. TRIGGER when: user wants to enable MFA on a community, enforce two-factor authentication for portal users, add MFA to a React Experience Site / Web App, configure ForceTwoFactor permission, create MFA permission sets f
By forcedotcom · 2,399 installs
npx skills add forcedotcom/sf-skills --skill experience-ui-bundle-mfa-configure
Source repository · Upstream listing
Enabling MFA on Experience Sites
Enable Multi Factor Authentication for Experience Site (Community) users by deploying the correct permission sets and verifying the platform handled MFA challenge flow.
Scope
In scope:
Deploying ForceTwoFactor permission set for community users
Deploying ApiEnabled permission set (required for post login API calls)
Assigning permission sets to community users
Troubleshooting MFA not appearing on login
Customizing MFA/login page branding via NetworkBranding metadata
Out of scope — delegate elsewhere:
Building custom login UI → experience ui bundle frontend generate
Creating generic permission sets → platform permission set generate
Assigning permission sets (if already deployed) → dx org permission set assign
Deploying metadata to org → platform metadata deploy
Org wide MFA for internal Salesforce users → Setup Identity Verification (not a skill)
Prerequisites
Before using this skill, ensure the following are already in place:
Prerequisite Why
Experience Cloud site deployed and active MFA applies to community login — no site means no login flow to protect
Community users exist (or will self register) Permission sets are assigned to community users; the site must have a community enabled profile
Customer Community or Customer Community Login license enabled Required for community user profiles — without it, user creation and profile deployment will fail
Network/Site published at least once The site must be reachable at its URL for login + MFA challenge to appear
Note: This skill does NOT handle org setup, license provisioning, or Experience Cloud site creation. If these prerequisites are missing, set them up first via Setup Digital Experiences All Sites New, or deploy your site's base app bundle.
Required Inputs
Gather before acting:
Input How to determine
Target org Org alias for sf CLI commands
Site name Experience Site (Network) name — resolve via SELECT Id, Name FROM Network (see Step 1); this is the site/Network name, NOT the uiBundles/ app name
Community users Which users or profiles to assign MFA to
Critical Domain Knowledge
These facts are non obvious and frequently cause confusion:
Fact Detail
No custom UI needed Platform renders the MFA challenge page — no React/LWC component required
ForceTwoFactor permission The ONLY way to enforce MFA for community users at login
Org Identity Verification checkbox Does NOT enforce MFA for community/portal users — only for internal users
vforcesite domain MFA challenge page is always served from the underlying Force.com Site domain — this is expected
Always deploy ApiEnabled React Experience Sites make post login REST/Connect API calls ( sdk.graphql , sdk.fetch ); without ApiEnabled they fail with API DISABLED FOR ORG
Social Login / SSO is separate from MFA React sites render configured Auth Providers via the built in Social Login component (shipped in 264) — driven by Auth Provider setup, not by the MFA permission sets. See references/social login.md .
Login page branding works for React sites Since 264, the NetworkBranding "Login & Registration" section is shown in Setup for Site Containers, so logo/color/footer can be customized in the UI — Metadata API still works too.
Workflow
Step 1: Resolve the target site (Network)
These are React Experience Sites, so both permission sets are always deployed —
ForceTwoFactor (enforces MFA) and ApiEnabled (React sites make post login API
calls).
Resolve the Experience Site's real name and Id from the org — do not assume the
uiBundles/ app folder name is the site name. They are frequently different, and the
site name must come from the org (the deploy target), not the local project.
<site name and <NETWORK ID below come from here:
One site → use its Name as <site name and Id as <NETWORK ID .
Multiple sites → ask the user which one (show the names).
Zero sites → the site isn't deployed yet; stop and tell the user (see Prerequisites).
Step 2: Generate permission set files
First, detect the project's source directory:
Use the result as <source dir (e.g. force app/main/default ) for all commands below.
Write both permission sets (React Experience Sites always need both):
1. Read assets/MFA Required For Community.permissionset meta.xml
2. Write it to <source dir /permissionsets/MFA Required For Community.permissionset meta.xml in the user's project
3. Read assets/API Enabled For Community.permissionset meta.xml
4. Write it to <source dir /permissionsets/API Enabled For Community.permissionset meta.xml
Step 3: Deploy to org
Step 3b: Validate community profile is a network member
Before assigning permission sets to users, verify that the community profile is registered as a site member. Without this, community users cannot log in at all (and MFA will never trigger).
1. Query current network members:
2. Check if the community profile is in the list:
3. If the profile is NOT a member , add it to the .network meta.xml :
4. Deploy the updated network metadata:
IMPORTANT: If the community profile is not a member of the network, users with that profile CANNOT log in — meaning MFA will never be triggered even if permission sets are correctly assigned. This is a common misconfiguration in freshly deployed orgs.
Step 3c: Validate guest profile has Apex class access for login
The site login page runs as the guest user (unauthenticated). If the guest profile doesn't have access to login Apex classes, users will get FORBIDDEN: You do not have access to the Apex class named: UIBundleLogin and can never reach the MFA challenge.
1. Find the site guest user profile:
2. Grant access to any missing UIBundle login classes. The six classes are UIBundleLogin , UIBundleAuthUtils , UIBundleForgotPassword , UIBundleChangePassword , UIBundleRegistration , and UIBundleSocialLoginConfig . Run the anonymous Apex in references/setup.md ("Grant Guest Profile Apex Class Access") — it diffs existing access and inserts only what's missing — or deploy <classAccess entries for the same classes to the guest profile metadata XML.
IMPORTANT: This is NOT MFA specific, but without it the login page itself is broken. The skill must validate this to ensure MFA can actually be triggered. Common in freshly deployed orgs where the guest profile didn't get full class access.
Step 4: Assign permission sets
Find community users:
If community users exist:
Find the permission set IDs:
Assign to each user:
Alternatively, delegate to dx org permission set assign skill:
If no community users found:
Ask the user: "No active community users found in this org. Would you like me to create a test community user so you can verify MFA is working?"
If user agrees, create a test community user:
1. Find the community profile from the site's network configuration:
2. Create an Account (required as community user parent):
3. Create a Contact (linked to the Account):
4. Create the User with the community profile:
5. Set a password for the test user:
6. Assign both permission sets to the new user:
Report the credentials to the user so they can test:
"Created test user: mfa.testuser@<site name .test with password: <generated password . You can use these credentials to verify MFA on your site."
IMPORTANT: Community users require Account → Contact → User hierarchy. Creating a User without a linked Contact on a community profile will fail.
Step 5: Register the permission sets as site members (networkMemberGroups)
networkMemberGroups is a membership/access gate — it lists the profiles and
permission sets whose holders count as members of the site. It does not
assign MFA to users. Assignment happens in Step 4 (per user); register the sets
here so assigned users still count as site members.
1. Find the existing .network meta.xml in the project:
2. Read the file and locate the <networkMemberGroups section.
3. Add the permission set entries (if not already present):
IMPORTANT: Network metadata deploys are declarative — whatever you deploy becomes the full state. Do NOT create a new .network meta.xml from scratch. Always read the existing file and add entries to it.
4. Deploy the updated network metadata:
Step 6: Publish and verify
Verification steps:
1. Open incognito browser
2. Navigate to site login page
3. Enter credentials → MFA challenge page should appear (on vforcesite domain)
4. Complete MFA → should land on the site, logged in
Rules
Rule Rationale
Never use the org wide Identity Verification checkbox for community MFA It only affects internal users — has no effect on community login
Always deploy ApiEnabled for React sites Post login API calls ( sdk.graphql , sdk.fetch ) will fail without it
Permission set names are exact — do not rename MFA Required For Community and API Enabled For Community are the canonical names
Do not build custom MFA UI components Platform handles the entire MFA challenge flow — custom UI would duplicate and conflict
Always assign before testing Deployment alone does not activate MFA — assignment to specific users is required
Gotchas
Symptom Cause Fix
No MFA challenge on login ForceTwoFactor permission not assigned to user Verify PermissionSetAssignment exists for the user
API DISABLED FOR ORG after login Missing ApiEnabled permission Assign API Enabled For Community permission set
MFA page shows default Salesforce branding No NetworkBranding metadata deployed Read references/branding.md and deploy custom branding
vforcesite in MFA page URL Expected behavior — not a bug Platform serves login/MFA from Force.com Site domain
Identity Verification enabled but no community MFA Wrong mechanism used Use ForceTwoFactor via Permission Set instead
User already has MFA but isn't challenged Active session exists Test in incognito/private browser
Permission set deployed but MFA not enforced Deployed but not assigned Run assignment step — deploy != assign
No community users found in org Users haven't been created or self registered yet Offer to create a test community user (Account → Contact → User hierarchy) for verification. Permission sets are still deployed and networkMemberGroups updated — org is MFA ready for when users exist.
New users aren't automatically protected by MFA networkMemberGroups only defines site membership — it does not assign permission sets to users Assign MFA Required For Community + API Enabled For Community to each user that needs it (Step 4)
FORBIDDEN: You do not have access to the Apex class named: UIBundleLogin Site guest profile missing Apex class access Run Step 3c to grant guest profile access to all UIBundle login classes
Community user can't log in (redirects silently or gets portal user email settings error) Community profile not a network member, or email deliverability not set to All Email Add profile to .network meta.xml <networkMemberGroups and redeploy (Step 3b). Verify email deliverability is set to "All Email" in Setup → Email → Deliverability.
Output Expectations
Files generated in the user's project:
File When
permissionsets/MFA Required For Community.permissionset meta.xml Always
permissionsets/API Enabled For Community.permissionset meta.xml Always
When summarizing what was done, do NOT claim that adding permission sets to
<networkMemberGroups (or updating the network) causes new or self registered
users to automatically get MFA. It does not — networkMemb