Add a Custom Loader to Your Project

Business Background

When users open a page or wait for project content to load, a Custom Loader can show that the page is still processing. This helps reassure users that the project is working, especially when the page needs time to load data, complete actions, or prepare content.

A Custom Loader can support your project in the following ways:

• Branding: Show a logo, animation, message, or visual style that matches your brand.
• User feedback: Let users know that the page or process is still loading.
• Reduced confusion: Help users understand that they need to wait before continuing.
• Polished experience: Create a clearer loading screen that shows a progress bar instead of a blank or inactive page.

Titan Solution

Titan lets you add a Custom Loader to your project. You can use a loading animation, logo, text, or branded message to show users that content is loading or that a process is still running.

This helps you create a branded loading screen while giving users helpful feedback during wait times.

How to Video

• 0:04 Learn more about how to set up a custom preloader in Titan Web.
• 0:06 Explore Titan Web and find a preloader to use immediately.
• 0:28 We show you how to stylize your preloader selection.
• 0:51 Learn how to change the size of your preloader.
• 1:06 You can add your own preloader.
• 1:35 You can customize and stylize your uploaded preloader.
• 1:57 Quickly grasp how to modify any text in your preloader.
• 2:12 See how we run a Salesforce action using Titan Web to execute and demonstrate the preloader.
• 2:23 Preview the preloader.

How to Guide

Add a custom preloader with your company’s logo or other branding imagery.

1. On Project Settings, select the Site Elements option.
2. Switch the toggle switch for Custom Loader on.
3. Select the Gear icon. The Customize Salesforce Preloader screen opens.

4. Select the default preloader. Several different options are shown.
   • Select an animation type to select it.
   • You can also add one of your own images.

5. Under Animation, scroll down and select the Use image button.

6. Drag an image here, or upload an image from your computer.

7. On the Choose tab, select the uploaded image.

8. Click the Apply button. The selected image will show as a preloader.

Interested in the Titan/Salesforce Integration? Try Titan Web for Salesforce