Branding for LWR Change-password page

Karan Jain
2 min readSep 12, 2023

--

Introducing Lightning Web Runtime (LWR) Sites: Elevating Site Performance and Developer Productivity

Experience Cloud now offers the Build Your Own (LWR) and the Micro-site (LWR) templates, harnessing the Lightning Web Runtime (LWR) framework to revolutionize the creation of digital experiences. Whether you’re crafting websites, portals, or microsites, these templates empower developers to deliver blazing-fast, responsive experiences using the Lightning Web Components programming model.

How to change the Branding?

Go to the Vs-Code and Authorise with you current org.

Now go to the package.xml file and paste the below code.

<types>
<members>*</members>
<name>NetworkBranding</name>
</types>

Reterive the sites using Command — SFDX: Retrieve Source in Manifest From Org

Retrieve the NetworkBranding metadata of your LWR Enhanced site You should end up with 2 files :

  1. cbYour_Site.networkBranding
  2. cbYour_Site.networkBranding-meta.xml

Open your meta-xml file it’s like this

Let’s Add a custom logo

In the meta.xml file, add the following properties :

<loginLogo>Shared_Document_Folder/logo.png</loginLogo>
<loginLogoName>Loginlogo.png</loginLogoName>

And In the last Deploy it and upload your own logo
go to setup > all sites > workspace > administration > login & Registration >

Branding Logo

--

--

Karan Jain

Enthusiastic Salesforce Developer || 3x Salesforce Certified || Trailhead Power Ranger