Articles on: Quiz Building & Design

How to Customize Your Loader


Introduction


Customizing your quiz loader in Quizell allows you to deliver a branded, seamless experience from the very first second. Whether you use one of our ready-made options or upload your own design, this guide will walk you through how to set it up and make it your own.


Step-by-Step Setup Guide


Step 1: Open the Loader Settings


  1. From your Quizell dashboard, open the quiz you want to edit.

  1. Click Configuration from the left-hand menu



  1. Select Loader to access the loader settings.


Step 2: Use a Prebuilt Quizell Loader


  1. Choose one of Quizell’s built-in loader animations.

  1. Click Save Changes after making your selection.


Optional: Customize the Loader Color


  1. Click the Edit Colors button located in the top-right corner of the screen.


  1. In the color fields for Loader Color and Background Color, enter your desired value using HEX, RGB, or HSL format to align with your brand’s identity.



Step 3 (Optional): Upload a Custom Loader


Want a fully branded experience? You can upload your own design as a loader.


  1. Click Add Custom Loader in the top-right corner of the Loader page.


  1. Upload your image file or choose one from your image gallery.



  1. Preview your custom loader in the display area.


  1. Click Save Changes to confirm and apply your new loader.


Step 4: Update the Embed Code (If Needed)


If you’re embedding your quiz manually, you may need to update the embed code on your website.


  1. Go to the Share section in the quiz editor.

  1. Copy the updated embed code.

  1. Replace the existing code on your website with the new one.

  1. Visit your website to make sure the new loader displays correctly.


📌 Need help using UTM parameters with your quiz? Learn more here.


Tips for a Great Loader Experience


  • Test Before Publishing: Make sure your loader works as expected across devices.

  • Keep it Lightweight: Avoid large files to maintain fast loading speeds.

  • Stay On-Brand: Choose colors and styles that reflect your brand identity.

  • Avoid Disruption: Loaders should enhance the experience, not distract from it.


Conclusion


A customized loader helps set the tone and professionalism of your quiz right from the start. Whether you choose a default option or upload your own, Quizell makes it easy to personalize every step of the quiz experience.


Updated on: 11/04/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!