Step-by-step Guide to Changing System Themes 

Revamp Your WHMCS Experience

www.whmcsglobalservices.com

Why Change Themes?

[{"selector":"#anim-b9f50c71-1122-4653-a1fd-028f07b60b8a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1a543cf9-2514-4546-87ee-89a0f91528e9","keyframes":{"transform":["translate3d(-113.86431%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] – Modernize the appearance – Improve user engagement – Enhance user experience – Stay up to date with design trends

Preparing for Change

[{"selector":"#anim-79d3f78b-a55e-4bbb-81ac-8baa21d5b504","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-933e306f-2235-45fe-a986-9ef2613e5adf","keyframes":{"transform":["translate3d(-114.24243%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] – Backup your current theme – Check theme compatibility with your WHMCS version – Review any customizations

Changing the System Theme

[{"selector":"#anim-9795e842-4cf2-475e-998b-ea0712735363","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2c0f386f-0ae6-4f2a-8ea4-bec8f4b1f317","keyframes":{"transform":["translate3d(-114.24243%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Go to Configuration > System Settings > General Settings , and select the General tab .

Pick your preferred template within the System Theme.

The selections are auto filled from subdirectories within the /templates folder.

Testing Your New Theme

[{"selector":"#anim-160e4e1c-4324-446b-ba7e-aa790807ca13","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2788cdea-413f-4310-b54c-a99871e99e72","keyframes":{"transform":["translate3d(-113.16527%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] – Test checkout process – Verify responsiveness – Check for any compatibility issues

Get 20% Off on All WHMCS Modules, Themes and Order Forms

[{"selector":"#anim-cab18008-7717-4623-a0cb-f32144e17cde","keyframes":[{"offset":0,"transform":"rotate(-90deg) translate3d(0, -2070.74038%, 0) rotate(90deg)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"rotate(-90deg) translate3d(0, 0%, 0) rotate(90deg)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"rotate(-90deg) translate3d(0, -582.292194856%, 0) rotate(90deg)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"rotate(-90deg) translate3d(0, 0%, 0) rotate(90deg)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"rotate(-90deg) translate3d(0, -197.96278032800004%, 0) rotate(90deg)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"rotate(-90deg) translate3d(0, 0%, 0) rotate(90deg)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"rotate(-90deg) translate3d(0, -74.339579642%, 0) rotate(90deg)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"rotate(-90deg) translate3d(0, 0%, 0) rotate(90deg)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"rotate(-90deg) translate3d(0, -32.303549928%, 0) rotate(90deg)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"rotate(-90deg) translate3d(0, 0%, 0) rotate(90deg)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":1500,"fill":"both"}] Coupon Code: SPECIAL20 Arrow Learn more

Revamp Your WHMCS Experience

Step-by-step Guide to Changing System Themes

Why Change Themes?

Why Change Themes?

Benefits of Theme Revamp

Benefits of Theme Revamp

Preparing for Change

Preparing for Change

Before You Begin

Before You Begin

Changing the System Theme

To switch the default theme, follow these steps.

To switch the default theme, follow these steps.

Pick your preferred template within the System Theme.

Testing Your New Theme

Ensuring Seamless Functionality

Ensuring Seamless Functionality

Get 20% Off on All WHMCS Modules, Themes and Order Forms