How can we help you today?

How to Make Generated Element Content Editable

Generated Elements are usually not customizable when you add them to your site using Page Builder. In this article, we will walk you through how to create an editable Generated Element using ShortPoint Generator. 


Before We Begin

  • To use ShortPoint Generator, make sure that you have ShortPoint installed. (Here are the installation guides for Office 365, SharePoint 2019, and SharePoint 2013/2016).
  • Make sure that you have the latest version of ShortPoint for your environment. ShortPoint Generator is available in ShortPoint versions and above.
  • If you are using SharePoint 2013, 2016, or have ShortPoint SPFx version 7, the interface will be slightly different but will have the same features.

Step-by-step Tutorial

This is the notification you usually see whenever you add a Generated Element to your site. Follow the guide closely to learn how to make fields in your Generated Element editable.

ShortPoint element not customizable

Step 1: Open ShortPoint Generator

Go to the ShortPoint Dashboard and select Generator.

Generator button

Step 2: Name your Custom Element

Name your custom element (1) and select Element (2)  from the drop-down list.

Naming your element

Step 3: Customize your Design Element

After naming your element, click the plus button and start creating your own design element.

add design element button

NOTE: You can also copy & paste a design from our Demos Library and customize it the way you want. 

For the purpose of this tutorial, we have created the Generated Element below.

Sample Generated element

Step 4: Add %%content%% to the field you want to edit

To make an editable design element, you need to add  %%content%% to the fields you want to edit.

NOTE: You can replace the word content with any title or word you want. Just remember to add %% before and after the word you selected. For example, you want to replace content with Title_panel. You will then write it as %%Title_panel%%.

For this guide, we made the Title and Description of our design element editable.

adding editable content

Step 5: Save your Generated Element

Once you are satisfied with your Generated Element, click Save Changes. 

Save changes button

You will now see all your Generated Elements and footers at the top of your Generator page.

Generated Elements list

Step 6: Add the Generated Element to your page

Open Page Builder and find your new Generated Element. You will see all Generated Elements at the end of the elements list. 

Page builder

You will notice that you now have the option to edit content in your Generated element. Fill in all the necessary details and click Insert.

Add content

Congratulations! You have now created an editable Generated Element. Enjoy exploring this feature on your own SharePoint sites.

Sample Generated element

Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 9 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more