So, you've installed (or upgraded toShortPoint SPFx. Congratulations!

In this article, we'll walk you through the process of adding ShortPoint web parts to a Modern Page.

Step 1. Add a ShortPoint Web Part into a New Modern Page

  • First, let us add a new page. In your site, please click the cog wheel on the top of the page and choose Add a page:

  • After the new Modern Page opens, click the + button in the top center of the page:

  • You will see a list of available web parts to choose from. Click ShortPoint:

ShortPoint is not there!
If you do not see the app, it means it was not installed yet or installed improperly. If this happened, please:

  • you will see a ShortPoint Section added to the page. Inside the section, there will already be a default Info element looking like this:

  • To delete the Info element, press the cross as shown below:

  • After this step, the section will become blank:

Step 2. Add a ShortPoint Element

  • On the top of the web part, you will see ShortPoint Insert buttons: BLUE one for adding an Element, and WHITE one for adding a Section. Please press the blue one:


  • You will see the Page Builder open. Please choose an element (in our example, we've chosen Note):

  • In this example, we will create a title for the Note:

  • ... and some sample content text. Please click Insert after you're ready with the changes:


  • Here is what you will see after the Note is inserted:

Step 3. Save and Publish Your Page

  • Please click the floppy disc icon to save your changes:

  • Press the Publish button on the top right of your screen after everything is ready:

Done! Here is what the final result will look like:

NEXT: Copy your first Awesome Page from ShortPoint Demos Website. Try the magic!