HTML Web Part – Add custom HTML, CSS and JavaScript to modern SharePoint pages

Build custom SharePoint experiences without developing a dedicated SPFx Web Part for every use case.

HTML Web Part gives Microsoft 365 teams, Digital Workplace teams and developers an easy way to add HTML, CSS and JavaScript to modern SharePoint pages.

Used daily by more than 50,000 SharePoint users, HTML Web Part provides a complete environment to create, preview, reuse and maintain custom content directly in SharePoint Online.

• 15-day free trial
• Unlimited users
• Unlimited usage
• HTML, CSS and JavaScript support
• Real-time live preview
• Reusable templates
• SharePoint theme integration

Go beyond standard SharePoint Web Parts

HTML Web Part is designed for customization scenarios where standard SharePoint Web Parts are not flexible enough, without requiring your team to build and maintain a new SPFx solution for every requirement.

Typical use cases include:

• custom banners and visual blocks;
• call-to-action sections;
• rich layouts with icons;
• fully customized HTML content;
• interactive components powered by JavaScript;
• dynamic and contextual content;
• reusable elements for intranets and employee portals.

A productive editing experience

• Full-screen editing:

  work comfortably with your HTML, CSS and JavaScript in a dedicated editing experience.

• Real-time live preview:

  see the result of your changes immediately without saving or publishing the SharePoint page.

• Separate editors:

  keep your HTML/CSS structure and JavaScript behavior clearly organized.

• Starter code included:

  start from working examples instead of an empty editor.

• Ready-to-use templates:

  choose from several built-in generic templates, with or without JavaScript, to create content faster.

• Undo and redo:

  edit your content with confidence and quickly revert or restore changes.

Designed to fit modern SharePoint

HTML Web Part integrates naturally into modern SharePoint pages.

It adapts to the available section width and allows your custom content to remain consistent with your Microsoft 365 environment.

• SharePoint theme colors:

  use theme and palette colors directly in your HTML and CSS.

• Easy color insertion:

  select available colors and insert them directly into your code or copy their values to the clipboard.

• Built-in icon library:

  browse icons organized by category and add them to your content without having to host and manage additional image files.

Create dynamic content with placeholders

Handlebars-based placeholders allow you to display contextual information directly within your custom content.

Supported scenarios include values such as:

• the current user's name;
• the current date;
• other contextual values supported by the Web Part.

This makes it possible to create more personalized and contextual SharePoint experiences for your users.

JavaScript support designed for Microsoft CSP requirements

HTML Web Part provides a JavaScript integration model designed for modern SharePoint environments and the constraints introduced by Microsoft's Content Security Policy.

HTML and JavaScript are managed separately.

JavaScript code is saved into a dedicated file and then loaded by SharePoint, helping avoid the limitations associated with running scripts directly inside HTML content.

The Web Part also detects JavaScript usage inside HTML code and displays warnings to help users avoid potential CSP-related issues.

The JavaScript file location is displayed in the interface so administrators and developers can clearly understand where the script is stored and how it is loaded.

Import, export and reuse your configurations

HTML Web Part configurations can be exported and imported again on another page or environment.

This makes it easier to:

• duplicate components;
• create reusable content patterns;
• back up configurations;
• move content between SharePoint pages or environments.

Reduce custom development

For many SharePoint customization requirements, developing a dedicated SPFx Web Part means design, development, packaging, deployment and ongoing maintenance.

HTML Web Part provides one reusable component that can cover a wide range of HTML, CSS and JavaScript customization scenarios.

One Web Part. Unlimited users. Unlimited usage.

Who is it for?

HTML Web Part is particularly useful for:

• SharePoint and Microsoft 365 administrators;
• Digital Workplace teams;
• intranet managers;
• SharePoint developers;
• IT teams that need to customize SharePoint pages quickly;
• Microsoft 365 integrators and partners.

Best practices

HTML Web Part is intended for users with a good understanding of HTML, CSS and, when required, JavaScript.

As with any custom development, poorly optimized code or heavy scripts may impact page performance and user experience.

We recommend testing content using the live preview and following your organization's SharePoint governance and security policies.

Trial & Licensing

• Try all features free for 15 days.
• Unlimited users and unlimited usage.

• Purchase a license:

  https://eruditego.fr/index.php/html-web-part/

• Sales contact:

  commerce@eruditego.fr