►
From YouTube: Getting started with Site Designs in SharePoint Online
Description
In this video Laura Kokkarinen (Sulava) is demonstrating how to get started with the Site Designs in SharePoint Online. She demonstrates how the capability works and how you can build your own custom site designs to control the provisioning flow of your sites.
Presenter - Laura Kokkarinen (Sulava) @laurakokkarinen
More on Site Designs and Site Scripts from the official SharePoint documentation - https://docs.microsoft.com/sharepoint/dev/declarative-customization/site-design-overview?WT.mc_id=m365-15744-cxa
More details on the SharePoint developer community from http://aka.ms/sppnp.
A
Hi
there,
my
name
is
Laura
Carlin
and
in
this
five-minute,
video
I
will
tell
you
what
our
SharePoint
site
designs
on
side,
scripts
and
the
basics
of
what
you
can
do
with
them,
how
you
can
create
your
own
site
scripts
and
deploy
them
to
a
tenant
and
then
use
them
in
SharePoint
Online,
let's
get
it
if
you've
ever
created
modern
sites
using
this
elf
site
creation
view
you
most
likely
notice
this
drop
down
for
communication
sites.
These
are
so-called
default
site
designs.
A
In
addition
to
these,
you
can
also
create
your
own
custom
site
designs
and
with
them
automatically
configure
your
SharePoint
sites
with
the
configurations
you
define
in
your
site,
script.
Examples
of
such
configurations
are
the
creation
of
content
types
and
lists
navigation,
adjustments,
setting
set
logo
and
color
theme,
adjusting
regional
settings
and
site
permissions
and
so
forth.
Normally
you
don't
see
this
drop
down
for
team
sites,
because
there's
just
one
default
site
design,
but
because
I
have
already
deployed
one
custom
site
design
to
my
tenant.
This
drop
down
is
now
visible.
A
Now,
let's
take
a
look
at
this
custom
site
design
and
create
a
site
with
it.
In
addition
to
simply
naming
your
site
design,
you
can
also
include
a
description
for
it,
so
the
users
know
what
site
design
does
this
one
isn't
in
for
creating
internal
project
workspaces
because
it
automatically
disables
external
sharing
for
the
site,
but
in
addition
to
that,
it
also
automatically
applies
the
company
branded
color
theme
and
creates
the
team's
team
for
the
underlying
office
360.
What
happens
when
we
create
a
site
with
it?
A
A
As
you
can
see,
our
custom
color
theme
has
been
applied
to
the
site
and
when
we
go
to
teams,
we
can
see
that
new
team
has
automatically
been
created
for
our
project.
In
addition
to
using
site
designs
when
creating
sites,
you
can
also
apply
them
to
existing
sites,
either
programmatically
or
the
other
site
designs
panel.
A
Here
you
can
see
what
site
designs
and
site
script
actions
have
already
been
applied
to
the
site,
and
when
you
go
to
available
site
designs,
you
can
say
all
sigh
designs
that
have
been
deployed
to
a
tenant
and
execute
them
to
your
site
here
and
now.
So
how
can
you
build
your
own
custom
site
design?
That
does
exactly
what
I
just
showed
you
here.
Let
me
tell
you,
first
of
all,
open
the
side
script
Chasen
scheme
of
documentation
here
on
the
right
side.
You
can
immediately
see
what
configurations
you
can
do
with
site
scripts.
A
First,
we
want
to
apply
a
custom
color
theme
that
has
been
deployed
to
a
tenant.
So,
let's
go
to
this,
apply
a
theme
section
and
copy
this
into
the
actions
section
and
I
have
a
theme
called
multi,
color
theme.
Imagine
it
then
we
want
to
disable
external
sharing,
because
this
is
an
internal
project
workspace.
So
let's
go
to
manage
guest
access
and
copy
this
and
separate
all
these
verbs
with
a
comma
by
default,
it's
already
disabled.
A
So
we
don't
need
to
change
the
value
here
and
finally,
I
want
to
start
a
flow
or
a
logic
app.
So
let's
go
Treecko
section
and
copy
this
Chisholm
snippet
interactions,
and
even
though
this
is
called
trigger
flow,
you
can
also
trigger
logic
app
with
it,
which
might
end
up
being
the
preferred
choice
because
of
the
different
pricing
model,
a
required
us
of
which
one
you
choose.
Your
foe
or
logic.
A
App
needs
to
start
with
the
HTTP
trigger,
and
what
you
need
to
do
is
to
copy
paste
the
URL
from
the
trigger
to
your
site
script
and
that's
it
our
side.
Script
is
ready
and
we
can
proceed
to
deploying
it
to
attend
it.
Here
is
the
PowerShell
script
I'm
going
to
use
for
deploying
that
side,
script
to
maintenance
and
for
creating
the
site
design
port
here
at
the
top
I
have
the
configurations.
First
of
all,
here's
my
tenant
admin
site
URL
for
connecting
then
here's
the
title
for
my
site,
design
and
side
script.
A
Basically,
what
name
do
I
want
to
have
in
the
drop
down
menu?
Then
there's
the
description
that
appears
under
the
name
inside
zone
panel,
then
I
have
a
directory
path
to
the
JSON
file
that
contains
my
side
script,
and
then
we
have
a
web
template
variable.
If
you
want
your
site
design
to
appear
in
the
team
size
drop-down,
you
need
to
set
it
to
64,
equal
communication
sites
succeed
and
for
users
who
are
not
allowed
to
create
groups
so
for
creating
Krupa's
team
sites.
A
You
need
to
set
it
to
one
and
if
you
don't
want
it
to
appear
in
the
create
site,
you
are
at
all
set
it
to
something
else.
For
example,
clear
this
way
the
site
design
can
only
be
applied
via
the
site,
design
panel
or
programmatically.
Then
I've
also
created
my
own
preview
image,
which
gets
displayed
in
the
side,
design
panel
and
I've
added
it
to
the
side,
assets
library
on
my
SharePoint
routes.
At
after
configurations
we
connect
to
our
tenant,
and
at
this
point
the
script
will
prompt
me
for
credentials.
Add
a
successful
authentication.
A
He
will
first
get
site
script,
content
from
the
JSON
file
and
other
that's
added
to
my
tenant.
It
will
return
an
array,
object
and
I'm
selecting
the
first
item
in
it,
which
is
the
script
I've
just
deployed
and
I
only
need
to
pick
the
ID
property
for
later
then
I
proceed
to
creating
the
site
design
using
the
configuration
I
provided
a
pot
and
linked
the
size.
Script
I
just
deployed
to
the
side,
design
using
the
side,
scripts
property.
A
So
to
clarify
the
distinction
between
a
side
design
on
a
side,
script
side
script
is
the
Chasen
markup
and
side
design
is
the
thing
you
see
in
the
drop-down
and
which
you
use
for
triggering
the
execution
of
one
or
more
side
scripts
that
have
been
linked
to
it
by
using
the
side,
scripts
property.
And
yes,
you
guessed
it.
You
can
have
multiple
side
scripts
in
one
side
design
and
also
have
the
same
side
script
linked
to
multiple
different
site
designs.
This
allows
you
to
build
very
modular
site
design
solutions
for
easier
maintenance.
A
Now,
let's
run
this
script,
and
when
we
go
back
to
the
self-service
site
creation
view,
we
can
see
that
our
side
design
appears
in
the
drop-down,
as
I
just
showed
you
you
can
deploy
and
under
that
manage
your
side
designs
inside
scripts
by
using
PowerShell.
Currently,
you
can
add
view,
delete
and
update
them
set
the
permissions
view
outside
designs
and
side.
Scripts
have
been
executed
for
our
site
and
also
export
an
existing
list
as
Jason
which
you
can
then
immediately
include
to
be
a
part
of
your
complete
site
script
in
the
future.
A
He
will
also
be
able
to
export
entire
site
configurations.
If
you
don't
want
to
use
PowerShell,
you
can
do
almost
all
of
these
same
things
with
rest.
This
means
that
you
can
execute
those
operations
from
any
platform.
As
long
as
you
are
able
to
make
an
HTTP
request,
you
can
also
provision
your
site,
designs
and
side
scripts
by
using
a
PMT
provisioning
template
and
apply
them
on
sites
by
using
season.
A
After
reading
the
official
Microsoft
documentation,
if
you're
interested
in
knowing
more,
you
can
also
visit
my
personal
blog
at
Lauren
comm,
where
I
have
a
very
thorough
guide
about
site
design
and
also
step-by-step
instructions
on
how
to
create
the
kind
of
flow
that
I
showed
you
in
the
demo.
Okay,
that's
it
I
hope
you
learned
a
lot
about
SharePoint
site
designs
and
are
interested
in
giving
them
a
go.
Otherwise
have
fun
and
I'll
see
you
later
bye,
bye,.