A themed effect makes a website feel fresh during a holiday without touching the core source code. On a website running CMSNT source code, you can switch on the effect celebrating Reunification Day (30 April) directly from the admin area.

The guide below focuses on deploying it quickly, checking the display across devices, and removing it after the event so the website stays light and stable.

Before you install the effect

You need an account with access to Settings in the Admin Panel. Back up whatever is currently in the Script Header field before adding new code, so you can restore it immediately if needed.

  • Sign in to the admin area of the correct website.
  • Check that the website works normally with no layout errors.
  • Save the current Script Header content to a separate file.

Steps to insert the 30 April effect

  1. 01

    Open the Script Header area

    In the Admin Panel, go to Settings and find the Script Header field. The menu name may differ slightly by source code version.

  2. 02

    Paste the effect code

    Place the two lines below after the existing content. Do not delete other tags or scripts unless you are certain what they do.

  3. 03

    Save and refresh the website

    Press Save, open the homepage in a private window and reload to confirm the CSS and JavaScript files have loaded.

Script Header 
<link rel="stylesheet" href="https://api.cmsnt.co/cdn/3041975/style.css">
<script src="https://api.cmsnt.co/cdn/3041975/script.js" defer></script>

Note: The defer attribute makes the JavaScript run after the HTML has been parsed, limiting the impact on how fast the main content appears.

Checks after installing

Test on both desktop and phone, because a full-screen effect can cover navigation buttons or important content on a small screen. If you use a cache system, you may need to clear the application, CDN or browser cache before the change appears.

  • The page still scrolls, buttons still click and the menu still opens.
  • No horizontal scrollbar appears and nothing covers the buy button.
  • The browser console reports no errors loading style.css or script.js.
  • Page load speed has not changed noticeably.

How to turn the effect off after the holiday

Go back to the Script Header field, delete exactly the two lines you added and save. Then clear the cache and check the homepage again. Removing it on time keeps the interface professional and avoids loading resources you no longer need.

Performance and safety notes

Any external JavaScript file can affect the page. Only use URLs from a source you trust, monitor the website while the effect is active, and always keep a copy of the previous configuration. If your website has a strict CSP, the api.cmsnt.co domain must be allowed in the relevant directive.

Bots can create accounts in bulk, spam forms and consume server resources. Google reCAPTCHA adds an assessment layer that separates legitimate user behaviour from suspicious automated traffic.

To integrate it into CMSNT source code, you need to register the correct domain, choose the reCAPTCHA version your source code supports, and enter the issued key pair exactly.

What is reCAPTCHA?

reCAPTCHA is a form protection service from Google. Depending on the version, it can show a challenge, a checkbox, or silently score the risk based on visitor behaviour.

reCAPTCHA reduces spam but does not replace other security measures. The website still needs request rate limits, input validation and server-side monitoring for unusual behaviour.

Steps to create a Site Key and Secret Key

  1. 01

    Sign in to Google reCAPTCHA

    Open the reCAPTCHA page with your Google account, then go to the Admin Console.

  2. 02

    Create a new configuration

    Click the create icon, enter a recognisable label and choose the reCAPTCHA type that matches your CMSNT source code version.

  3. 03

    Declare the domain

    Enter the domain without https:// and without a path. Add subdomains too if the website runs on one.

  4. 04

    Get the key pair

    Finish the registration and copy the Site Key and Secret Key. They serve different roles and must not be swapped.

Open the Google reCAPTCHA page

Enter the keys in the CMSNT Admin Panel

Sign in to the admin area, open the security settings or the reCAPTCHA configuration section, then paste the Site Key and Secret Key into the matching fields. Enable the feature, save and clear the cache if your website version caches settings.

Note: The Secret Key is for server-side use only. Never publish it in a tutorial screenshot, a public repository, or a group chat.

How to check that reCAPTCHA works

  • Open the sign-up page or the protected form in a private window.
  • Submit a valid form and confirm the flow still completes normally.
  • Try submitting repeatedly to test the rate limiting.
  • Check the logs when the website reports a verification error or shows no challenge.

Common errors and how to fix them

  • Invalid domain for site key: the current domain has not been added to the Google configuration.
  • Invalid key type: the reCAPTCHA type on Google does not match the type your source code supports.
  • Verification always fails: the Secret Key is wrong, the server cannot reach the verification service, or the system clock is off.
  • The widget does not appear: the JavaScript file is blocked by CSP, a browser extension or a cache system.