How To Load CSS, js File on Special Page Builder in Magento 2

in my previous tutorial, I already introduce about “Create New Profile Page Builder in Magento 2”. If you want to “Load CSS, Js file for a Special Page Builder Profile Magento 2, you can do with 3 following steps:

  • Step1: Create CSS Files Folder
  • Step2: Edit Page Profile in BackendÂ
  • Step3: Clear Cache & Refresh Site

Get start!

Step 1. Create css files in folder:

/app/design/frontend/[Theme Vendor]/[Theme Name]/Ves_PageBuilder/web/css/sample/

for example:

/app/design/frontend/[Theme Vendor]/[Theme Name]/Ves_PageBuilder/web/css/sample/profile04.css

/app/design/frontend/[Theme Vendor]/[Theme Name]/Ves_PageBuilder/web/css/sample/footer02.css

Step 2. Load CSS File Special Page Builder Magento 2 in Backend

Open Magento 2 Page Builder Profile:

Admin Panel -> Venustheme -> Page Builder -> Manage Page Builder Profile -> Edit Page Profile:

Then open tab “CMS Page Information”. Then add code in “Layout Update XML” as this:

<head>
<css src=”Ves_PageBuilder::css/sample/profile04.css” />
<css src=”Ves_PageBuilder::css/sample/footer02.css” />
</head>

Then “Save the page profile”

Step 3. Clean Cache & Refresh Site

Go to System -> Cache Management -> Select All -> Submit

This tutorial already show you “How to How To Load CSS, js File on Special Page Builder in Magento 2”

MAGENTO 2 PAGE BUILDER TUTORIALs

SOME OTHER EXTENSIONS YOU MAYBE INTERESTED IN

RELATED POSTS

Nhu Quynh

Recent Posts

Why AI WordPress Development is the Key to Business Growth in 2026

Over the past 18 months, there have been more changes in the digital ecosystem than…

2 weeks ago

How and Why SEO for HVAC Company Websites Strongly Outperforms Paid Ads in 2026

HVAC businesses within today's digital market need effective methods to increase their customer base and…

2 weeks ago

HR Software vs Manual HR: Proven Cost & ROI Benefits

Human resource management is an important aspect in determining organizational success. However, the way human…

3 weeks ago

Best Student Experience Apps Review: Study and Campus Productivity Tools Compared

Most “best student experience apps ” lists recycle the same picks without evidence. We set…

4 weeks ago

How Chatbot Development Is Powering Growth for SaaS Companies

Imagine late at night, you visit a SaaS website, exploring a tool that could potentially…

4 weeks ago

Core Web Vitals Optimization: The 0.1 Second Advantage That Determines Your 2026 Rankings

In 2021, when Google rolled out its Page Experience update, Core Web Vitals metrics officially…

4 weeks ago