UChat Official

Introduction

In this comprehensive overview, we explore the Loading Page Add-On, a valuable tool designed for partners seeking to enhance their website's user experience during load times.

This add-on provides customizable features that allow users to tailor the loading screen's appearance and messaging, ensuring a seamless and branded experience for visitors.

Whether you're a developer, a business owner, or a partner managing multiple sites, understanding this add-on's capabilities can significantly improve your site's professionalism and user engagement.

Key Features and Functionalities

1. Purpose and Usage

The Loading Page Add-On activates when a webpage takes longer to load, displaying a customizable loading screen. This feature helps manage user expectations and maintains brand consistency during load times.

  • Default Behavior:

    • Displays a gear icon (gear icon) during page load.

    • Shows your brand name as configured in your B label settings.

  • Ideal For:

    • Websites with longer load times.

    • Brands wanting to reinforce their identity during loading.

2. Customization Options

The add-on offers extensive customization to match your branding and aesthetic preferences:

Customization Aspect

Details

Title Text

Change the main title displayed on the loading screen.

Loading Text

Modify the subtext or message shown during load times.

Icons

Choose from default icons or upload your own.

Icon Size

Adjust the size of the icon for better visual balance.

Branding

Incorporate your brand name and logo for consistency.

  • Changing the Title and Loading Text:

    • Easily update the text fields to reflect your brand voice or specific messaging.

  • Icon Customization:

    • Default Icons: Use pre-provided icons for quick setup.

    • Upload Custom Icons:

      • Click "Custom Icon".

      • Upload your own icon files (e.g., brand logo, custom graphics).

      • Supports various image formats for flexibility.

  • Adjusting Icon Size:

    • Use size controls to make icons larger or smaller, ensuring they fit your design.

3. Implementation and Activation

  • Applying Changes:

    • After customizing, click "Save" to apply settings.

    • Changes may require a cache refresh—wait approximately 5 to 10 minutes for cache expiration.

  • Viewing the Changes:

    • Visit your partner workspace or custom domain.

    • Load your website to see the new loading screen in action.

  • Practical Tips:

    • Clear your browser cache if changes aren’t visible immediately.

    • Test on different devices to ensure responsiveness.

4. Additional Considerations

  • Brand Integration:

    • The add-on seamlessly integrates your brand name and icons, reinforcing brand identity during load times.

  • Performance Impact:

    • Designed to be lightweight, ensuring minimal impact on page load speed.

  • Compatibility:

    • Compatible with various website platforms and custom domains.

Summary

In summary, the Loading Page Add-On is a versatile and user-friendly tool that empowers partners to customize their website's loading experience. By adjusting titles, messages, icons, and sizes, you can create a branded, professional, and engaging loading screen that enhances user perception and trust. Remember to save your settings, wait for cache updates, and test across devices to ensure optimal presentation. Implementing this add-on not only improves aesthetics but also contributes to a smoother user journey, ultimately supporting your brand's reputation and user satisfaction.

Final Notes

  • Key Benefits at a Glance:

    • Brand Consistency: Customizable titles, icons, and branding elements.

    • Enhanced User Experience: Clear messaging during load times.

    • Flexibility: Upload your own icons and adjust sizes.

    • Ease of Use: Simple setup with straightforward customization options.

    • Performance: Designed to be lightweight and non-intrusive.

  • Recommended Best Practices:

    • Use high-quality, optimized images for custom icons.

    • Keep loading messages concise and aligned with your brand voice.

    • Regularly review and update the loading screen to match seasonal or campaign themes.

    • Test the loading screen after each update to ensure proper display.

By leveraging these features, partners can significantly improve their website's professionalism and user engagement, making the loading experience a positive touchpoint rather than a frustration point.