While working on existing customers site, we WOW site design team will provide custom home page design along with multiple sections. Which are carousels, sliders, videos, custom cards, custom hero sections and footers.

While developing custom sections (Custom code block), we have flexibility to add custom class and Id to create styles and functions which won't be affecting any of the original components.

But while working with hero and widget sections, we add custom HTML elements and CSS to match the design. This reflects on the published homepage even while we work on draft mode. We use JavaScript to create additional HTML elements, as we don't have any other options to add custom elements in hero section. For widget section we mostly use custom CSS to match the design as the list items in widgets are dynamic data.

We received a request from one of the client, not to publish the developing home page until the confirmation from them. We can work on the home page on draft mode, but we don't have any draft option for custom CSS and JavaScript.

By adding draft mode for CSS and JavaScript, we can create the custom site entirely on draft mode without disturbing the published page.

Attached before and after homepage conversion screenshots from one of the client for reference.