In this article, we will show you how to copy footer templates from ShortPoint's demos library and paste it into ShortPoint Generator.
TABLE OF CONTENTS
- Before we begin
- Step-by-step Tutorial
Before we begin
- To use ShortPoint Generator, make sure that you have ShortPoint installed.
- The footer feature is available in ShortPoint version 184.108.40.206 and above. Make sure you have the latest version of ShortPoint SPFx.
Step 1: Copy a footer template from our demos library
Go to the demos library and toggle on Allow to copy parts.
Hover over the footer template you want to copy and click Copy.
NOTE: You can also select a footer template from our accessibility footer examples to show that your site complies with international accessibility standards.
Step 2: Open ShortPoint Generator
Go to the site where you want to add the footer and click the cogwheel icon.
Then, click Site contents.
Select ShortPoint Dashboard.
Click Generator to open ShortPoint Generator.
Step 3: Paste the copied footer template into ShortPoint Generator
Give a name to your footer element (1) and select Footer (2) as its type.
Then, scroll down to the content area, right-click using your mouse, and click Paste Section Before Section.
Once you are done editing the footer according to your preference, click Save Changes.
Your newly created footer will be listed under Your Custom Elements / ShortPoints.
Step 4: Add your footer using ShortPoint Theme Builder
From the ShortPoint Dashboard, select Theme Builder.
Then, click Customize my site.
In the Theme Builder navigation, select Footer.
Then, select General Layout.
In the Select Footer drop-down, you can select the footer you created in Generator.
Step 6: Remove default settings
We have default settings for the background and paddings in case you create your footer on transparent background. Remove these settings so you can customize the footer according to your preference.
Step 7: Customize your footer
You can check out Part 3: Customizing Your Footer for more details about the customizing options.
For this guide, let's add a divider before your footer.
Step 8: Publish your changes
When you finish, click the Publish button in Theme Builder.
That's it! You now know how to make the most of the footer templates in the demos library.