Try ShortPoint nowThis article explains how to install the ShortPoint Code Editor Web Part on the SharePoint 2019 environment, allowing SharePoint designers to customize their designs using HTML, CSS, or JavaScript code snippets.
Note: If you want to install the Code Editor on a Microsoft 365 SharePoint environment, please check out our article on How to Install ShortPoint Code Editor in SharePoint.
Quick Walkthrough
- Download the ShortPoint Code Editor SPFx for SharePoint 2019 from our official website.
- You'll have downloaded a zipped file. Extract its contents.
- Launch SharePoint 2019 Central Administration.
- Open the App Catalog.
- Upload the .sppkg file and deploy the app.
- Head to your target site and open Site Contents.
- Click New, select App, and add the ShortPoint Code Editor Web Part.
TABLE OF CONTENTS
Prerequisites
- You must have appropriate permissions (typically Global Admin permissions) to upload an SPFx package to your SharePoint 2019 tenant's App Catalog. If you don't have these permissions, you can forward this guide to someone who does.
- You must have permission to add apps to your SharePoint site. This typically requires site owner access.
Step-by-step Guide
Follow these steps to add the ShortPoint Code Editor Web Part to your SharePoint 2019 sites:
Step 1: Download the SPFx package
You will need the ShortPoint Code Editor Web Part SPFx package to start the process of installing it on your SharePoint sites.
- Go to the official download page
- Fill out the form, select SharePoint 2019, and hit Download.
- You will receive an email with the download link.
- Click the link and unzip the file.
For the following steps, you will need the ShortPoint_Code_2019.sppkg file.
Step 2: Open App Catalog
Next, navigate to your SharePoint Central Admin Center’s App Catalog to upload the SPFx package.
- Launch the SharePoint 2019 Central Administration app
- Select Apps and click Manage App Catalog
- Click the site URL link to open the App Catalog
- Open Apps for SharePoint. The list of apps currently enabled on your tenant will appear.
Step 3: Upload the package
Then, upload the SPFx package file to the App Catalog.
- Press the Upload button
- Browse and select the .sppkg file from your local folder
- Hit OK
Step 4: Enable the ShortPoint App
A new window will appear asking you to deploy the app.
- Add a check mark to Make this solution available to all sites in the organization
- Hit the Deploy button
The app will now appear in your App Catalog's list of apps. The ShortPoint Code Editor is now accessible across your SharePoint 2019 tenant.
Step 5: Install the Code Editor Web Part to a Site
Site owners can now install the ShortPoint Code Editor Web Part individually on their sites. Here are the steps to follow:
- Go to Site Contents
- Click the New button and select App from the dropdown
- Filter apps From Your Organization
- Click the ShortPoint Code Editor Web Part 2019 option
Note: After adding the ShortPoint Code Editor app, it may appear grayed out initially. If this happens, try refreshing the page a few times or access the app details to add it.Click Add It to complete installation.
You're all set! The ShortPoint Code Editor Web Part will now be available in the SharePoint web parts library. You can insert it into your page and add custom code whenever you need to.
To start using the ShortPoint Code Editor Web Part, check out these helpful resources:
- ShortPoint Code Editor Web Part: List of Resources
- Getting Started With ShortPoint Code Editor Web Part
- How to Add Custom Code Using the ShortPoint Code Editor Web Part
Related articles:
- How to Install ShortPoint Code Editor in SharePoint
- How to Add Custom CSS Using ShortPoint Code Editor Web Part
- How to Add HTML Code Using ShortPoint Code Editor Web Part
- How to Insert JavaScript Code into SharePoint Using the ShortPoint Code Editor Web Part
