Modifying the Experience Site for Your Application
Table of Contents
If you wish to change the appearance of your application page, such as the font or page formatting, you can make changes to your Experience Site page. This article guides you through making basic changes to your Site page.
Experience Site Customization
To get started, navigate to the Experience Site editor from Setup.
- Navigate to Setup → Digital Experiences → All Sites.
-
Locate the Site hosting your Online Application –
- The Site will be named ‘HomeKeeper Application’ and will be built on Aura framework.
- The HomeKeeper Team will provide a link to your unique Online Application site after installation.
- Click Builder. From the Builder page, you will be able to customize the appearance of your application web page.
Customization Options to Explore
Update Your Logo
- To update your logo, click on the Theme icon on the left-hand navigation menu, which looks like a pen, then click Images.
- Click on your logo to upload a new image. The image size should be 300 x 300 px.
The logo will now appear on your form in the upper-left-hand corner, shown below:
NOTE: From the Theme menu, you can also explore other themes for your page. Salesforce provides many prebuilt themes, each with a different look and feel. Click Change Theme to explore options.
Change The Color of Your Header
- To change the color of your Site header, click on the Compact Header component.
- In the Compact Header panel that pops up on the right, click Color to update the color of the header.
NOTE: This menu has several other options to experiment with, including adding an image header and modifying the navigation menu text.
Add Display Text and Images to Your Page
If you wish to display static text or images that remain the same as the user progresses through the application, follow the instructions below to add your custom text.
NOTE: If you want the text to only appear on one page of the application, you should modify the flow (link to flow editing article).
- To start, click the ‘Components’ icon on the left-hand side, which looks like a bolt of lightning.
- You will see several different components that can be added to the page. Find ‘Rich Content Editor’. Click on it, and drag it to the page where you would like it to appear. In this example, I’m placing it above the Application.
- To modify the text, click ‘Edit Content’ in the sidebar that appears on the right of the screen.
- A standard text editor menu will appear, allowing you to enter and format your text however you like.
You can use this same method to add images, videos, and hyperlinks to your Site page!
Learn More
This article only scratches the surface of what you can do with Experience Site, and we encourage you to check out Salesforce resources to learn more about how to customize them.