Skip to main content

Web Customization

Elite Quiz allows for extensive customization of the user interface and branding elements.

Changing Name

To change the name:

  1. Go to Admin Panel > Profile and change the value of appName

Change App Name

To change logo, favicon, Firebase, footer data, quizplay images, etc:

  1. Go to Admin Panel -> Web & Brand Settings

Web Settings

Setting SEO Meta Tags

  1. Go to .env file to configure SEO meta tags

Meta Tags

Changing Favicon Icon

Note: Please set your favicon icon as favicon.ico name and format is only ico set. You can use this tool to convert image to ico: Favicon Generator

  1. Go to Admin Panel -> Web & Brand Settings

Favicon

Changing Application Colors

To change the application colors:

  1. Add your colors in Admin Panel -> Web Settings

Theme Colors

Adding Slider on Homepage

To add or modify sliders on the homepage:

  1. Go to admin panel -> web home settings

Add Slider

Setting Domain URL

To set the Domain URL:

  1. Go to .env file

Domain URL

  1. Go to Admin Panel -> System Utilities

System Utilities

Disabling Home Sections

To disable specific sections on the homepage:

  1. Go to Admin Panel -> Web Settings -> Web Home Settings

Add Slider

Adding Google AdSense

To add Google AdSense to your application:

  1. Go to Google AdSense and sign in to your account
  2. Add your site as shown in the image

AdSense

  1. Click on "Let's Go" button

AdSense Site

  1. Copy the last code of the screen and paste that in .env file's NEXT_PUBLIC_DATA_AD_CLIENT variable

First Verify Script HTML

  1. After adding the script, run the command for build folder:

    npm run export

    ...and upload to your server

  2. After uploading, click on verify button in Google AdSense

Verify

  1. If it says "Getting ready…," your account is still under review and your site will not display ads until it has been approved

Under Review

Was this page helpful?