Customizing Your Login Page
How to Customize Your Login Page
You can customize your students' login page, to reflect your branding - here's how.
Inside Step 4 of your Course Builder, on the left-hand sidebar, find "Global Pages" and click on the "Login" page to open it.
From the left-hand sidebar, select the "Login" block. Click to select it, and drag it to the right to drop it onto your page.
![](https://howto.xperiencify.com/images/257-2.png)
Hover over the block, and click on the "Edit" button to open it.
![](https://howto.xperiencify.com/images/257-3.png)
Click on the "data" dropdown menu to edit
![](https://howto.xperiencify.com/images/257-4.png)
Click here to upload your logo:
![](https://howto.xperiencify.com/images/257-5.png)
And, you can customize your colors to match your branding...
![](https://howto.xperiencify.com/images/257-6.png)
Edit your text and placeholders here (make sure to scroll down the sidebar to see all the options!)
![](https://howto.xperiencify.com/images/257-7.png)
Scroll down the sidebar to edit your links for "Forgotten Password" and "Visit our Store"
![](https://howto.xperiencify.com/images/257-8.png)
You can then select the destination links where these will go. So, for example, you can use an outside page and link your "store" to a page on your website.
![](https://howto.xperiencify.com/images/257-9.png)
To add HTML/ JS code to your page-- go back to the left-hand sidebar, and click on the "Advanced" block. Drag it to the right to drop it onto your page.
![](https://howto.xperiencify.com/images/257-10.png)
Hover over the block, and click the button to "Edit"
![](https://howto.xperiencify.com/images/257-11.png)
In the "Data" menu, turn the toggle on (green) to enable the code snippet
![](https://howto.xperiencify.com/images/257-12.png)
Enter your HTML or JS code in the text box.
![](https://howto.xperiencify.com/images/257-13.png)
You can customize the visbility of any block on your page. here's how to set that up