Summary
In this blog post, I share the steps for creating the custom template for any SharePoint Online site — an essential capability if you’re customizing your SharePoint development solutions for scalable collaboration and branding.
Now let’s start building the custom template, for which we will run the following commands.
Step 1
First, create a SharePoint site. If you’re new to the platform or wondering why it’s worth using, start with this guide on SharePoint Online benefits for collaboration and teamwork.
Step 2
Install “SharePoint Online Management Shell” and open as “Run as Administration”
Step 3
Connect the SharePoint tenant using the following command. Make sure your connection setup aligns with SharePoint security best practices — especially if your template will be deployed across sensitive business environments.
Tenant Admin Url – https://anyorganization-admin.sharepoint.com/
Connect-SPOService -url “Tenant Admin Url”
Step 4
$themepallette =@{
"themePrimary"="#9b59b6";
"themeLighterAlt"="#faf7fb";
"themeLighter"="#f5eef8";
"themeLight"="#ebdef0";
"themeTertiary"="#d5b9e0";
"themeSecondary"="#a569bc";
"themeDarkAlt"="#8e4ba8";
"themeDark"="#6e3a83";
"themeDarker"="#572e67";
"neutralLighterAlt"="#f8f8f8";
"neutralLighter"="#f4f4f4";
"neutralLight"="#eaeaea";
"neutralQuaternaryAlt"="#dadad";
"neutralQuaternary"="#d0d0d0";
"neutralTertiaryAlt"="#c8c8c8";
"neutralTertiary"="#d6d6d6";
"neutralSecondary"="#474747";
"neutralPrimaryAlt"="#2e2e2e";
"neutralPrimary"="#333333";
"neutralDark"="#242424";
"black"="#1c1c1c";
"white"="#ffffff";
"primaryBackground"="#ffffff";
"primaryText"="#333333";
"bodyBackground"="#ffffff";
"bodyText"="#333333";
"disabledBackground"="#f4f4f4";
"disabledText"="#c8c8c8";
} |
Add-SPOTheme -Name “Test Purple” -Palette $themepallette -IsInverted $false Here we can provide the theme’s name based on requirements.
Step 5
Now we’ll initialize the previously created theme and site logo. If you’re migrating from a legacy system, this is a great way to unify branding after a file share to SharePoint Online migration.
$site_script=@'
{
"$schema":"schema.json",
"actions":[
{
"verb":"applyTheme",
"themeName":"Test Purple"
},
{
"verb":"setSiteLogo",
"url":"Site Logo Url Path"
}
],
"bindata":{ },
"version": 1
}
'@ |
Here, we replace the “Site Logo Url Path” with the link, where it is located in one of the document libraries.
Step 6
Add-SPOSiteScript -Title "TestSite" -Content $site_script -Description "Creates Test Site Script"
Here, you can change the Title and Description based on the requirements.
Step 7
Add-SPOSiteDesign -Title "TestSite" -WebTemplate "68" -SiteScripts "ID" -Description "Test Site"
Step 8
Now open existing the SharePoint site which we created in site tenant, we click on gear icon, then click on “Apply a site template”.
Step 9
Go to “From your organization” and you can see your created customized template and use this template in the site.
Step 10
After selecting the template click on “Use template”. It can take a few times for apply template apply the template the the site.
I hope, this article will help you in building for your app.
In summary, we’ve created a custom site template in SharePoint that brings consistent branding and configuration across your organization. For tailored implementation or help managing permissions, themes, or automation, check out our SharePoint development services.
Hope this helps!! Happy SharePointing!
Want to talk?
Drop us a line. We are here to answer your questions 24*7.