You can make parts of your custom Design Elements editable using ShortPoint Generator. Follow the guide closely to learn how to do this.
TABLE OF CONTENTS
Before we begin
- To use ShortPoint Generator, make sure that you have ShortPoint installed.
- Make sure that you have the latest version of ShortPoint SPFx. ShortPoint Generator is available in ShortPoint versions 5.3.3.22 and above.
Step-by-step Tutorial
STEP 1. Create a ShortPoint element using ShortPoint Generator
For a detailed guide on how to create an element using ShortPoint Generator, follow the steps from this article: ShortPoint Generator Basic Tutorial. Part 1: Creating Generated Content.
STEP 2. Edit your custom Design Element
Look for the custom element you created and click Edit.
STEP 3. Add %%attribute%% to the content you want to edit
To make an editable design element, you need to add %%attribute%% to the content you want to edit.
NOTE: You can replace the word attribute with any title or word you want. Just remember to add %% before and after the word you chose. For example, you can replace attribute with Title. You will then write iit as %%Title%%.
For this guide, we want the name of our page to be editable, so we added the %%attribute%% to the title of the page.
STEP 4. Save your changes
After adding %%attribute%%, click Update.
Then, click Save changes.
STEP 5. Add the Generated Element to your page
Open Page Builder and find your new custom element. You will see all custom elements at the end of the elements list.
You will notice that you now have the option to edit your custom element. Fill in all the necessary details (1) and click Insert (2).
Congratulations! Now, you can insert unique titles to your ShortPoint Generated element on different pages.
Related articles: