Unable to select custom Lightning Community page

Question

I have created a login component in LWC and added it in a Standard Page in lightning community. But I am unable to refer that login page from the login page type on the Login & Registration (L&R) page of the Administration workspace.

Login & Registration -> Login Page Type (Community Builder Page) -> unable to see my custom login page.

Am I missing something?

Answer 1

You have to change Meta file of the component to use in Lightning Community.

You Have to set the target for that.

Here is the example

<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata" fqn="helloWorld">
    <apiVersion>45.0</apiVersion>
    <isExposed>true</isExposed>
    <masterLabel>Hello World</masterLabel>
    <targets>
        <target>lightningCommunity__Page</target>
        <target>lightningCommunity__Default</target>
    </targets>
    <targetConfigs>
        <targetConfig targets="lightningCommunity__Default">
            <property name="string" type="String" default="jsMetaValue"></property>
            <property name="boolean" type="Boolean" default="true"></property>
            <property name="integer" type="Integer" default="5"></property>
            <property name="picklist" type="String" default="value3" datasource="value1,value2,value3" />
        </targetConfig>
    </targetConfigs>
</LightningComponentBundle>

Answer 2

If you are trying to customize the login experience, then it seems that you need to customize the standard Login community page itself.

So try to add your custom LWC component on that std login page and under Administration settings, select login page type as Community Builder page and choose login .

Do read documentation here about customizing apex logic for custom login behaviour.

From community builder, remember to publish your changes before testing the login.

Answer 3

This doesn't directly answer your question but this is another way of configuring a custom login page.

Create a page variation of the standard Login Page as shown below. I gave the new page variation as CustomLoginPage and marked it as Default.

Now, you can edit the page and add/remove components from this page. You can even change page structure to 2 column layout and etc.

Here you can see that I removed the company logo and Already employee section and you can even drop your custom built components here.