Adding a slider

screenElements: Popover Button

screenElements: Drawer Popover Button

screenPatterns:
Add & Create
Add & Create

screenKeywords:
W Page: Home H 992 PX 100 % Ao Ml ad < £l () &
Add X A Webflow membership template for resource websites. e ——
—~ Selector
Ny Elements Layouts
Memberbase All Resources  Log Out Free Sign Up
=  E—
N — Label |
E =
Form Block Label Input
—]
a2 ] = -
Text Area Checkbox o Select | t th
- ccess a library of
" © mm g
ASS d H
o ‘ ee design resources
Radio Button Select reCAPTCHA - —
‘>
m best resources and books from around the web, /1
ected and curated for your reading. @ ‘ a ~]
Form Button _\\\\.{j L_\\_//’
v Advanced
5et Access Now Contact Sales
Q (= ==
Search B"rﬁ:’&””i Dropdown
N e
4]
Embed Lightbox Navbar
I
_— e s tured Resources See All Resources
Q
« R
o Memberbase Memberbase Memberbase
Facebook Twitter
blected
|W Page: Home H 992 PX 100 % 9 o’ o3 [0 4y
Navigator > | B Slide Settings
~ [ Search Banner x Memberbase All Resources  Log Out Free Sign Up
.” ~ [ Search Section
- v Q Search 1D
= [[] Search Bar Tag B .
E W Hidden
» O Nav Menu v Visibility & user access
-
= > (0 e @A Eudem @ Visibility ~ Visible Hidden  +
» W Menu Button °
;= v [ Page Wrapper ccess a I ra ry o No conditions set
) Add a user access condition to control
'h ~ & Section [J the visibility of this element
S B Ecerer free de5|gn resources
"‘E ~ 2= Hero Grid M) — v Slider settings
v [ Text Box n " . —
Pos i o The best resources and books from around the web, Uy GCECCN I RN =N
eading g i
S collected and curated for your reading. @ /6 I’ — 5
A\t | ) )
y W\ -/
[ Spacer \J} L—\ ‘
Easing Ease 3
W Button Get A N C Sal
R et Access Now ontact Sales Duration 500
we Lottie Animation . .
v Infinite repeat slides
VL Sl B Slide i i Disable swipe gestures
~ [d Mask \ \I | i X \ \ \I | ‘ Auto-play slides
8 sice ~1y Y i 'Y
B Slide 2 8 —_— \I ! ) 8 — \I ] Arrows
i 8 | . alk I~ 13 R 5
2 1= J ~ € \ 1= J ~ € \
P& [EHENETD L3 | y ) L3 | y ) Hide arrows at each end
» @ Right Arrow L | \‘ ) ~ B | \‘ ) ~
€1 ) ] €3 ) ]
& Slide Nav . \I 1 N . ~ \1 ’ N Slide Nav
; [ il ) [ il
~E Sect i y < | i y S |
B Section < - : . I X - ‘ ) > v Rounded Number labels
~ O Container i 7 ) - [ | ! 7 ) - Shadow Invert colors
€z \ ! ™~ R ) !
~ O Section Top \I | ) [ ] AN \I | ) [ ]
H2 Heading | I ) ) » ] I ) SESLO 3
= \ ] | ) )
¢ | N : | ~
W Button Ty < [} Ty < [} v Custom attributes
Q v S Collection ListWrall © ~ J 7 ) n @ — o 11 0w ) n @ —
€1 : ) [ ~ . ] g i
o v Large 3 Grid \ R > - \ S - Custom Attributes +
9 v & Ebook Thur [imREREY \:I [ Page Wrapper \:I B Section \:I B Slider \:I [d Mask \:I B Slide \:I i i
/ / / / / / v Search index settinas
|4
W Page: Home 992 PX 100 % 9 o o3 [0 L4
Navigator X q A Slider Styles
g X1 A Webflow membership template for resource websites. 3 Y
~ [0 Search Banner W% Create component
.” ~ [ Search Section
~Q Search % Slider Settings X All Resources  Log Out Free Sign Up Selector
= [C] Search Bar - . Select a Class or Tag
=+ Add Slide < > ="
E W Hidden
» O Nav Menu Animation = Slide 5 v Layout
g » [ Nav CTA Button Cc o = "
» W Menu Button = = - Dispey O [ ol Al 7
°® )
®m® v [] Page Wrapper Duration 500 - Spacing =
-h 1B St v Infinite repeat slides : MARGIN )
°° ~ [ Container ) ) I I ra r o
Disable swipe gestures PADDING 0
v as Hero Grid
'_E - Auto-play slides 0 0 0 0
gnh resources ;
a H1 Heading Arrows
- " 0
P Paragraph : n /
Hide arrows at each end
— bnd books from around the web, D 1 - Sire
’ . / - S
W Button slide Nav d for your reading. @ = ‘ _ )
\(\.) N ) Width - Height -
Outline button v Rounded Number labels y \ /g S—
we Lottie Animation Shadow Invert colors Min W PX  MinH [2%
Cmse Contact Sales e e
~ B Section SESLO 3
~ [ Container Show All Settings - Overflow @ % El  Auo
~ [ Section Top Fit Fill T | oo
H2 Heading
v Position
W Button
v £ Collection List Wra| Position B Relative B
ve il
£= Large 3 Grid Auto
v £ eBook Box Auto Auto
v & Ebook Thumr Auto
B Image Co o Itself -
PRI Relative to z-Index
Q » @ Card Text Li
» Float and clear
» & Empty State
.-.‘ o Empty T h
» & Call To Action Block ypography
e » 7 Footer 1 Body [0 Page Wrapper B Section B Slider Inter S
|W Page: Home g 992 PX 100 % hp) < ‘“’ () &
Navigat v ] i - . S
B X1 A Webflow membership template for resource websites. Lottie Animation Styles
[ Body W% Create component
-
NP  ~© Announcement Banner
i Select
B \ [ Banmer Container x Memberbase All Resources  Log Out Free Sign Up elector
R Navigation . Select a Class or Tag
E » [ Nav Container
v [ Page Wrapper ¥ Grid Child
(] )
- ~ B Section
i Grid child styles aren't saved to the
oo ~ [0 Container E class so you can alter the placement
- v 2% Hero Grid of other elements that share the class.
- v [ Text Box I o f l%, GREIR
- i Heaang Access a libra r'yo R Eat prent grs
\" P Paragraph
] el o Position Auto Manual
0 Space ree de5|gn resources
e I I
W Button M\ —
N P Column span Row span
Outline button n @
_ The best resources and books from around the web, " G Align X T 4 3 1 As
~ 8 section collected and curated for your reading. @ ‘ A\ . Justity X (= | =] 3
_ — ) e
~ [ Container = Order b4 First ~Last  eee
~ [ Section Top
Ve Heading Get Access Now Contact Sales ~ Layout
W Button Display 3 [ [z] Al %
v £ Collection List Wraj|
v Spacin Lk
v &= Large 3 Grid a <
v £ eBook Box MARGIN o
¥ & Ebook Thu.. PADDING 0
P\ Image Co| 0 0 0 0
Paragraph 0
» @ Card Text Li [¢]
» & Empty State
v Size
» ) Call To Action Block
Featured Resources See All Resources _ )
4 Footer Width - Height °
Q Min W PX  MinH PX
oo
. Max W - MaxH -
Memberbase Memberbase Memberbase
9 (1 Body [0 Page Wrapper B Section O Container == Hero Grid we Lottie Animation =
Overflow () o4 = Auto


Filtering Experts

appName: Webflow

appCategory: Productivity

appTagline: Create a custom website

companyHqRegion: US & Canada

companyStage: Growth Stage

platform: web

pageType: Marketing

hotspotType: Click

screenElements:
Grid List
Badge

hotspotType: Scroll Vertically

screenElements:
Grid List
Badge
Checkbox

screenPatterns:
Filter & Sort
Filter & Sort

pageType: Marketing Marketing Marketing

allAppCategories:
Graphics & Design
Productivity

screenKeywords:
Services offered Clear ¢
3D Design
3rd Party Integrations
recescibiity audit & ontimizat (9 NoNameYet Studio Shadow Creative Studios
t t t t
ceessibility audit & optimization yet New York City, United States Irvine, United States
Animation
Branding & Strategy
L The best version of your idea. Building dynamic brands with our patented C3 process and
Custom Code/Scripting No Code
Data & Analytics
Design System Setup R =)
REGENERATIVE MEDTCINE
Digital Marketing & Advertising SOLAUYTIMONNS
E-commerce Development f
I
Graphic Design = D
= —~ . . ;ﬁ?’
y \ p
lllustration (‘ | il ( = o | 1 .
| ‘ | Yy o] |
. i NP g N/
No/low-code app creation - 4 ~ ' |
. \ ==
Photography/Video | ‘
Platform migrations . / :
SEO Audit & Optimization ‘ ‘ s
Web Design (UI/UX)
Budget Clear
Under $1,000 H . .
$1000 - $5,000 63 Progeektech IWD Design Studio
ROGEXTESY Temecula, United States Sheridan, United States
$5,000 - $10,000
ade In Webtiow
$20,000 - $50,000
|Services offered Clear Animation X  Accessibility audit & optimization X  Data & Analytics X ’
3D Design
3rd Party Integrations
Accessibility audit & optimization Shadow Creative Studios W Skorynko Media Group, LLC
Irvine, United States Chicago, United States
Animation
Custom Code/Scripting Building dynamic brands with our patented C3 process and We take care of the creative, so you can take care of your
No Code. business.
Data & Analytics
Design System Setup (=]
Digital Marketing & Advertising 'S
SDULUILTIUINS
E-commerce Development SKORYNKO mogcrs semvces -
Graphic Design m Y \
g | 'g’ )
lllustration M J \
@
No/low-code app creation -
. YOUR ALL IN ONE CREATIVE TEAM.
Photography/Video YOU DO BUSINESS, WELL TAKE CARE OF THE CREATIVE
Platform migrations Free Yourself From Pain.
Improve Your Quality of Life.
SEO Audit & Optimization |
Web Design (UI/UX)
Budget Clear
Under $1,000
$1,000 - $5,000 63 Progeektech e Sebastian Zimmer
PROGEEKTECH P
= = Temecula, United States Dusseldorf, German
$5,000 - $10,000 v [ Made in Webflow
$10 000 = $20 000 .
|No/low-code app creation ‘
. YOUR ALL IN ONE CREATIVE TEAM.
Photography/Video YOU DO BUSINESS, WELL TAKE CARE OF THE CREATIVE
Platform migrations e Yourself From Pain.
SEO Audit & Optimization
Web Design (UI/UX)
Budget Clear
Under $1,000
$1,000 - $5,000 f"oo Progeektech Sebastian Zimmer
$5.000 - $10,000 °ROGEETESY Temecula, United States Dusseldorf, Germany
$10,000 - $20,000 : . .
Webflow Designer and Developer helping clients and
$20,000 - $50,000 agencys to transform their ideas into rock-solid web
We specialize in Webflow websites optimized for SEO to experiences.
Expert type Clear elevate your brand and scale your startup.
Enterprise Certified only .
Enterprise Partners specialize in complex i
builds for large customers g
/ o - = C
. Rock-solid
e ° D N b I
e e .. - .
Select a country v o o © o &< & We experlences
e o . @ -
Language Clear / =
- >
Select a language v " N
- ~ @ e
Reset all D = = W
\‘\“'\‘a:z\”e /
P
[ Made in Webflow
® & ] TR T A Vo) 'Y . Y 1. R


Adding profile image

pageType: Application

screenElements: Button Dialog

screenPatterns:
Upload & Download
Media Editor

screenElements:
File Upload
Button
Dialog

screenPatterns:
My Account & Profile
Upload & Download
Media Editor

pageType: Application Application Application

screenKeywords:
webflow Dashboard Marketplace v Learn Resources v Iy J9 Account v
€« Profile Settings
Profile  Email Settings  Security
Avatar
& Upload
You can upload images up to 256x256. Your avatar
shows up in your public profile and your team
notifications.
Account Info
First Name: Last Name:
. Displayed on your public profile, notifications
Jane Smith and other places.
Username:
. ithmobbi Username must be between 3 and 20
Janesmithmobbin characters long containing only letters and
numbers with no spaces. Used in public pages
like your public profile.
Profile Info
City: Country:
|WebﬂOW Dashboard Marketplace Learn Resources A ‘ Account
Crop Tool
YOUR IMAGE WILL BE CROPPED AND SCALED TO 256 X 256PX.
Preview: Crop:
rF Y
J | i ‘ '
|webflow Dashboard Marketplace v Learn Resources v Iy J9 Account v
€« Profile Settings
Profile  Email Settings  Security
Avatar
& Upload
-
You can upload images up to 256x256. Your avatar
shows up in your public profile and your team
notifications.
Account Info
First Name: Last Name:
. Displayed on your public profile, notifications
Jane Smith and other places.
Username:
. ithmobbi Username must be between 3 and 20
Janesmithmobbin characters long containing only letters and
numbers with no spaces. Used in public pages
like your public profile.
Profile Info
City: Country:


Assets

screenElements:
Drawer
Grid List
Search Bar

screenKeywords:
W Page: Home g 992 PX 100 % 0 o o3 (N 4y
N Selected
Assets x &« All Assets [ Select al o None Sefecte
Selector
N -
L i, New Folder & Upload i
og Out Free Sign Up
= i p—
- Files ""‘O g
A ’N . ‘@;'
. B, Al Assets Ty M
-
- 2 Images fait...h.jpg shub...h.jpg dIf1....json Memb...e.svg Page...n.svg Lock...n.svg
% »
Documents
L a 8 b ¢ X Memberbase v
'h ‘ Select an element on the canvas
e . to activate this panel.
Y Lottie
T‘E Tick...n.svg Emai...n.svg Faiv...6.svg Faiv...2.svg Memb...0.svg Desi...e.svg
Folders
- Y f Blin 72
| @ / —
oy
) ) Euid
Memb...1.svg Twit...e.svg Inst...e.svg Face...e.svg Link...e.svg Arro...t.svg j
- J—_\ 4
Care...t.svg Magn...y.svg Exit.svg Magn...s.svg 609a...Q.png Menu...n.svg
||
P
2 NETEERIAIES © ¢ = = [
|W Page: Home H 992 PX 100 % o o3 [0 4y
Assets h X A Webflow membership template for resource websites. e ——
Selector
..’ Images ~ O
g * Memberbase All Resources  Log Out Free Sign Up
k
- 7 o €
;= shub...h.jpg Memb...e.svg Page...n.svg b
- H Select an element on the canvas
° e é c c e s s a I ra ry o to activate this panel.
= g = desi
ﬁ” Lock..n.svg  Tick...n.svg Emai...n.svg ee eSIg n resou rces
W | e
W
best resources and books from around the web, /1
x LS L - cted and curated for your reading. @ | A I)
Faiv...6.svg Faiv..2.svg Memb...0.svg
>et Access Now Contact Sales
| 4
»
Desi..e.svg Memb..1svg Twit...e.svg
Inst...e.svg Face...e.svg Link...e.svg
Recommended

a Q
se.
. Arro...t.svg Care..t.svg  Magn...y.svg
9 Newest First v H ected
|W Page: Home g 992 PX 100 % hp) < ‘“’ () &
Navigat v ] i - . S
B X1 A Webflow membership template for resource websites. Lottie Animation Styles
[ Body W% Create component
-
NP  ~© Announcement Banner
i Select
B \ [ Banmer Container x Memberbase All Resources  Log Out Free Sign Up elector
R Navigation . Select a Class or Tag
E » [ Nav Container
v [ Page Wrapper ¥ Grid Child
(] )
- ~ B Section
i Grid child styles aren't saved to the
oo ~ [0 Container E class so you can alter the placement
- v 2% Hero Grid of other elements that share the class.
- v [ Text Box I o f l%, GREIR
- i Heaang Access a libra r'yo R Eat prent grs
\" P Paragraph
] el o Position Auto Manual
0 Space ree de5|gn resources
e I I
W Button M\ —
N P Column span Row span
Outline button n @
_ The best resources and books from around the web, " G Align X T 4 3 1 As
~ 8 section collected and curated for your reading. @ ‘ A\ . Justity X (= | =] 3
_ — ) e
~ [ Container = Order b4 First ~Last  eee
~ [ Section Top
Ve Heading Get Access Now Contact Sales ~ Layout
W Button Display 3 [ [z] Al %
v £ Collection List Wraj|
v Spacin Lk
v &= Large 3 Grid a <
v £ eBook Box MARGIN o
¥ & Ebook Thu.. PADDING 0
P\ Image Co| 0 0 0 0
Paragraph 0
» @ Card Text Li [¢]
» & Empty State
v Size
» ) Call To Action Block
Featured Resources See All Resources _ )
4 Footer Width - Height °
Q Min W PX  MinH PX
oo
. Max W - MaxH -
Memberbase Memberbase Memberbase
9 (1 Body [0 Page Wrapper B Section O Container == Hero Grid we Lottie Animation =
Overflow () o4 = Auto


Freelancers and agencies

pagePatterns:
Solutions & Use Cases Page
Hero Section

pagePatterns:
Solutions & Use Cases Page
Pricing Page

pagePatterns:
Solutions & Use Cases Page
CTA Section

screenElements:
Grid List
Card
Button
Icon
Navigation Menu
Tab

pagePatterns:
Solutions & Use Cases Page
Solutions & Use Cases Page
Social Proof (Testimonial) Section
Solutions & Use Cases Page
Solutions & Use Cases Page
Hero Section
Solutions & Use Cases Page
CTA Section
Solutions & Use Cases Page
Solutions & Use Cases Page
Stats Section
Solutions & Use Cases Page
Pricing Page
Solutions & Use Cases Page
Feature Section

pageType: Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
CHRISTINA KOS
"“FRENCH DISPATCH WEB DEVEL
VANCOUVER, C/
149" Série, No* 12 Ennui-sur-Blasé, May, 1968 CLIENTS WORLE
: = = ——
I ciiecws e oars : : se '
- 2 ¥ STy e e bid s 1 @
K T e e O e R o
Cal' f . fesldpun Rh el & S 5 : S e »
- = R A4 BRI e
Bi mall
ig or small,
grow with Webflo
[}
For freelancers For agencies yama PROCESS  BUILD SPOTLIGHT ~ ABOUT  STORIES
[ Made in Webflow
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
—_— N % }'-‘_: |1 See firsthand the impact no-code is havil
\ Virk ot pedorpnte - R | e today’s visionaries and get inspired by th
° = o . .
ory =] %} passion and drive.
L - L
s - P
e . y ﬂwememr ON
N N - ,
= AT NO-CODE |
== e 3
- GENERATION Wa
i NO-CODE
"Within 14 months of revamping [moving to
Y Webflow], | went from $0 in revenue to $100,000.
The pivot really changed my life."
"In the last three years building sites in @webflow & TEJ;? L e 34
- G e | AN
we've been able to pay off all of our credit cards, -4 a5 —) .
Read more A R ) o 4
our school loan, both our cars, and save enough to do * R / ,@Q o
ver @TheBonesCo full-time. To say I'm thankful and owe % 0 ;.' '_ ‘?’ . .,é
it to this wonderful community is an o : ‘/{' N 4
e understatement. A" e A &(/ 3
VerE: "Webflow allows us to craft beautiful experiences S ;
faster without creative compromises. Our team o - e
: . RAL WING BAR + RMALL ELATEX + ARTIRAN CRCETALL
loves Webflow, but our clients are obsessed. oo e ot e
R + Join Strang
ON Erwan Lent, Founding partner Outliant @allworknosleep v ,lj’ \“&_ Towns Natt;
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Manila, Philippines
We're here to help
t h ° From top-notch courses to a flourishing global community, we

yo u r I Ve invest in your success every day.

Webflow University Events

Just getting started? Explore video courses designed to help you Looking to connect? Find a webinar, community meetup, or

develop foundational Webflow skills. conference to attend.

Explore courses Find events
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login
Bi mall

ig or small,

ith Webfl

For freelancers
(¥ Create high-quality, custom sites with fewer dev

resources — so you and your clients get more with

less
() Deliver work to clients faster with Webflow’s visual

development platform

Since e .v"—
() Orchestrate seamless handoffs so clients can . /"W‘
2
maintain their site after launch - _ el
Refokus
3 \
- - /
“At Refokus, Webflow enables us to spend less time ; »4",}/
1 "
coding, shipping faster, and repurposing resources to
create better experiences.”
% Leonardo Zakour
Co-founder and CEO at Refokus
Made in Webflow
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Win their business — and their hearts — by creating sites they love with Webflow, the
only visual development platform designed for agencies and freelancers.
Try it yourself
CHRI(
THE
FRENCH DISPATCH WEB
CLIEN
Lo 2ol ,.' S |,|f e r'”‘f f‘”‘t‘f“"‘f"f‘ff"" “EDITOR-IN-CHIEF DEAD AT 75" SN TOA K g4
3 zq [ ? I . Ep e, o G S q
T, 3 > e e~y ol ko s AT
T~ K, e g e et e e {5}] M Sy i e S it m Made in Webflow
~ 9 J ur car t P sl S /"Y\.\ ‘The protest (which ended in a stalemate) S 3 T A% 1
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Explore courses Find events
Ready totry it f
yo u rse If ° {Finsweet K Refokus 8020 SOCIALDRIVER
Get started EDGAR S Outliant (& Ei
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Become a Webflow Expert Avplynow 7
Find new customers @
Build your brand and get discovered by new potential Connect and learn
clients with our Expert Directory. . .
Get access to our partner Slack community, exclusive
partner updates, and our priority support team.
&) o
Get rewarded
Earn commission on the great work you do for clients. % 0 " e
The more sites you build, the more everyone wins — ¥ 1N B“-{-,‘2
4 = -
including you! ¢ l/ -
& Y ;‘ LRt 8
Austin Thesing Joel Machango John Paul Raymm
Dionisio
Fort Collins, CO Nairobi, Kenya Sarasota
Manila, Philippines
[ Made in Webflow
|Trusted by
freelancers and agencies -
:’l | See firsthand the impact no-code is I
from i§si today’s visionaries and get inspired b
ajectory %H i passion and drive.
1elped g | 5”,’;“-»
T Wgsneration
s
el Sl § ﬂ GENERATION
7 =N N NO-CODE
"Within 14 months of revamping [moving to
¥ Webflow], | went from $0 in revenue to $100,000.
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Pl to help build
b . | Freelancer Agency
$1 6 /mo $35 /mo
per seat, billed yearly per seat, billed yearly
() Create sites for clients without friction
For solo shops or small teams For scaling businesses managing
() Collaborate with colleagues and clients in a starting out. el el
shared Workspace
R R Maximum of 3 seats Maximum of 9 seats
() Seamlessly hand off sites to clients once
they're fully built 10 unhosted sites Unlimited unhosted sites
Full CMS access on unhosted sites Full CMS access on unhosted sites
Explore plans 7 - o
Free Guest access in client Free Guest access in client
Workspaces Workspaces
Site-specific access (coming soon) Site-specific access (coming soon)
[ Made in Webflow
Da~rAarmsa A \ AaWflaw CEvina v PR
|Webﬂow Product v Solutions A Resources v Enterprise Pricing Login Contact sales Get started — it's free
WEBFLOW FOR CUSTOMER STORIES
s Freelancers and agencies ¥ Startups Rakuten HelloSign
Discover how freelancers and agencies use Learn how to move faster with Webflow Rakuten uses Webflow to HelloSign uses Webflow
Webflow help clients push their to empower marketing
business to new levels and design
€ Classrooms B Enterprise
Students and educators can use Webflow for free Learn how world-class organizations build faster View all customer stories A
with Webflow
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Bi mall
ig or small,
gro ith Webflo
o
For freelancers For agencies yama PROCESS  BUILD SPOTLIGHT ~ ABOUT  STORIES
() Offer more than just design services — build fully
functional websites without writing any code ( et Back tO \ x ; ild
() lterate on and deliver work to clients faster than
ever before
) Join a growing network of designers winning
business with Webflow
= -__ 2 A "?-‘s-.:‘,";m . 3 TR
~ e e R e TLAAA
~F N . T Nt Ul
- = e ,
“I've created a career building websites without knowing - . / |
how to code. Webflow allows me to build what my clients B 57 4
. . . . . . ¢ = / 1
need, exactly how | envision it in the design file — and ‘ = s S
with the functionality my clients rely on.” e \ a a‘ @’w m -
a Grace Walker o ‘ -
Web Designer & Webflow Developer T i ’


Watching a video

screenElements: Carousel Thumbnail

screenElements:
Carousel
Thumbnail
Stacked List
Animation & Video

screenPatterns:
Other Content
Video Player
Video Player
Suggestions & Similar Items

pageType: Marketing Marketing Marketing Marketing Marketing

screenKeywords:
Want creative inspiration every week? Get Webflow Inspo /
Browse v Share About webflow TV Login _
N ew Browse all & -
Y 7 5 b [ ] b v L
ey B S LR o P "
How Influence Society - | » n
and Finsweet bring the 1 e ., y - \ |
world’s most stunning “/ i Y D foceled [T ‘ w ~ ="
hotels to life on the web' . : u’@ ) R g i “ Ay e
: k \ v N2 g = ‘
o paystack @iy <\ TS @ Sketch Lo
webflow | A vreeecs | {Finsw - _"\Vl" b B ;‘ ' b). .
by by ) ¥/ N eat
- i‘"» 1 4 ) Gat
2:15 | WEBFLOW 46:41 | CHARLI MARIE 8:13 | MADDY BEARD 1:07:14 | CHARLI MARIE 9:27 |
How Influence Society and Designing for a market with Re-Design a Chocolate Shop How Sketch is marketing Webfl
Finsweet bring the world’s most slower internet speeds - Inside Homepage With Me | Figma + themselves against Figma/Adobe Websi
stunning hotels to life on the web  Marketing Design at Paystack Webflow
Webflow Conf 2022 Bowseall &
AR o . N R . ——
|Want creative inspiration every week? Get Webflow Inspo /
Browse v Share About webflow TV Login _
-wr
3 3 View series

Summary In this series
Stunning places deserve stunning websites.
Watch what happens when digital marketing agency Influence Society L‘:;’F'{,‘fs'”wi";iﬁﬁf,‘f&’: | EPISODE 3 | 2:15

world’s most stunning
teams up with the pros at Finsweet to ditch hard-coding for the LSikiolifen the TN . .

N . ) ; etow | 2 i How Influence Society and Finsweet
customization, efficiency, and power of visual development in T T i ) .
) ) ~ = bring the world’s most stunning hotels to
Webflow. Now, the most beautiful hotels in the world have world-class .
life on the web

websites to match their world-class experiences.

o i EPISODE 2 | 2:27

marketing pages to

Webflow

L ~ Why Shift's engineering team switched

their marketing pages to Webflow
.o Made in Webflow

Related enicodec Browseall &
|Want creative inspiration every week? Get Webflow Inspo /
Browse v Share  About webflow TV Log in Get started — it's free
B 9y | AL T NLar 7 S/ 7 :
MR L f 2
= 1 ,A: , '. 4 - /i / - \\
Y b 2SI ABES
i UL LN . o’ y y /
“u“a — ”-'r"\\-//fkg/ ,/ // _\\‘M
- L% n.’ y A . . 7 | s
J "‘"‘ﬂ o > j 3 A /4 A5 2 / ‘
1: I’U id gt i } I j . .' ’u .‘o/ /ﬁ:ﬁ 7 /}(f %
. SN ) 1 ) L 7 /// = A5~ ot
[ . »-[r:( AN ; ‘( '_‘."" = = \¥ gg
| { @ -
=& 3 ‘;‘h}}!.l}l.II" j )3 .‘:'\ ;- “"[”;L:C‘r‘-]%';ﬁ(
" S ' - . ‘;-,:;: / = _‘» - A — || 3
, . e y ) - ST/ ‘jﬂi@rﬁj
A Py VT A A R — \, % g [
L] Bh W\B 1 L\ . \/, \ \\,: - ,Vk
it icea o s
_,,‘\‘ “‘ 7 )\ A \ q » / \ \ﬁ”
v| \ p \’\ .(\‘ \ \\\
- i ) \ R\ SN,
y E‘4 ] B | i L X § i | Z\ "‘A 3 \s ; \ . ‘ \\2&\ A\\<\/
B R L A A A 7R~
n - N guic] LIl e o .
|Browse v Share  About webflow TV Login _
Foim,
‘C .'w ’ -
How Influence Society = . .
and Finsweet bringthe
world’s most stunning < B
hotels to life on fhie web =58 S,
2 /
webflow | A\ \NELUENCE | {F
|Want creative inspiration every week? Get Webflow Inspo /
Browse v Share  About webflow TV Login _
Related episodes Bowseall & >
Z g 4 . - g\‘.““ /: ’/o

Z ) l e P m‘/ e Q\ & . | i" Lf

B —— pi il e (7T WY L
e —\ &_‘. o\ - & | o }, "':7“,5 AN 7 . - =

Ny \ N A = I CALEE B bl U

v Y o o i ‘ ' |\ QS -t .

e Y — L =iced = ~ s ¥

8:13 | MADDY BEARD 9:27 | MADDY BEARD 10:26 | MADDY BEARD 9:32 | MADDY BEARD 6:17 |
Re-Design a Chocolate Shop Webflow Makeover for a Cafe Homepage Before & After for an ONE-DAY Webflow HUGE
Homepage With Me | Figma + Website | 1-Day Design & Build Antique Mall Built in One Day Transformation for a Tea Shop Flowel
Webflow Using Webflow
Other series mowseall &
[ e


Editing collection settings

screenElements:
Full-Screen Overlay
Stacked List
Button

hotspotType: Hover

hotspotType: Keyboard Input

hotspotType: Drag

screenElements:
Text Field
Grid List
Full-Screen Overlay
Stacked List
Button

screenPatterns:
Add & Create
Settings & Preferences
Multi-Column Layout
Add & Create
Add & Create
Bookmarks & Collections

pageType: Application Application Application Application Application Application Application Application Application Application Application Application

screenKeywords:
w X
CMS Collections S, Ebook Settings Cancel _ -
+ 9 [E] What is a Field?
- Ebooks FAQ
L1 £ Ebooks >
— Plural version: Ebooks Singular version: Ebook
= Each Collection field is a type of content (text, image, number, etc.) that each Collection item
N x Collection URL 2 * should have. When you create a new item, all the fields you chose will show up as blank inputs.
f g A Once the content is added to items, the content for these field can be referenced and designed in
. Discover the power of the The name of the folder that your Ebook pages will be stored in i e RS Ee
Webflow CMS and ook
- : ebool
= Collections Example
°® &' membership-site-8c27e8.webflow.io/ebook/ebook-page For a collection of Blog Posts, you'll want to add fields to be used in each blog post page and in grid
- views on the website. Some important content for a blog post might be the body copy (Rich Text
IR A Collection Page is created for Ebooks in the Pages panel. Field), summary copy for grid views(Plain Text Field), main image (Image Field), a unique color for
- each blog post (Color Field), a way to mark a blog post as “Featured” (Switch Field), an author
0 :/ Collaborators can create and edit Ebooks in the Editor. (Reference Field), and a category (Reference Field).
o ) ) Help Text
Collection fields 2 e ) i .,, i i
‘Q‘ Add help text to fields in the Editor to guide Collaborators in filling out information.
EEEE LD Field Options
Watch more video tutorials on the
Webflow University. T Name Fields can be marked as “Required.”
T Slug Slug
) The last section of a page’s URL. For example, in webflow.com/designer, designer is the slug. For
Custom fields the best SEO results, keep your slugs short but clear. Only include the item’s main keywords,
leaving out any “stop” (or “function”) words, like a, the, and, etc.
& Cover
T Author
T Short Description
& Ebook File
4+ Add Field
| /N 56/60 fields left.
E Date Created, Date Edited Date Published
e
0 w Delete Collection @ View Connections
|w X
CMS Collections S, Ebook Settings Cancel _ . .
* 9 & Editor Preview
> Ebooks This is the form that Collaborators will see when creating a new Ebook
L1 £ Ebooks >
— Plural version: Ebooks Singular version: Ebook
. X Collection URL [2] * Basic Info
. Discover the power of the The name of the folder that your Ebook pages will be stored in
Name *
Webflow CMS and
] Collections ebook
@ membership-site-8c27e8.webflow.io/ebook/ebook-page
;{ Slug *
ID A Collection Page is created for Ebooks in the Pages panel.
-~h~ :/ Collaborators can create and edit Ebooks in the Editor.
a
Collection fields 2 _
el Custom fields
Basic info
Watch more video tutorials on the Cover
Webflow University. T Name
—— N
Custom fields
& Cover Author
T Author
T Short Description
Short Description
& Ebook File
4+ Add Field
| /N 56/60 fields left. 4
Ebook File
E Date Created, Date Edited Date Published
e
0 w Delete Collection @ View Connections
|w X
CMS Collections S, Ebook Settings Cancel _ ) i
* 9 & Editor Preview
> Plural version: Ebooks Singular version: Ebook This is the form that Collaborators will see when creating a new Ebook
L1 £ Ebooks >
— Collection URL 2 *
- . The name of the folder that your Ebook pages will be stored in Basic Info
A
[ ] Discover the power of the ebook N,
Webflow CMS and
A 5 ip-site- i o
g Collections & membership-site-8c27e8.webflow.io/ebook/ebook-page
oo ID A Collection Page is created for Ebooks in the Pages panel. S
- ug
:/ Collaborators can create and edit Ebooks in the Editor.
-
Collection fields 2 _
a
‘ﬁ' Basic info .
Custom fields
T Name
Watch more video tutorials on the Date
Webflow University. T Slug
o]
Custom fields
Cover
= Date
& Cover @
T Author
T Short Description
Author
& Ebook File
4+ Add Field
Short Description
| /N 55/60 fields left.
E Date Created, Date Edited Date Published
Q 4
oo Ebook File
1]
0 w Delete Collection @ View Connections
o)
|w X
CMS Collections S, Ebook Settings Cancel _ ) i
* 9 & Editor Preview
> :,. Collaborators can create and edit Ebooks in the Editor. This is the form that Collaborators will see when creating a new Ebook
L1 £ Ebooks >
= Collection fields 2 i
x Basic Info
A
[ ] Discover the power of the Basic info N,
Webflow CMS and
= Collections T Name
;; T Slug Slug *
- Custom fields
& Cover
a
T Author
el Custom fields
T Short Description
Watch more video tutorials on the . Cover
Webflow University. & Ebook File
Label * @
Author
Help text
Appears below the label to guide Collaborators, just like this help text
Short Description
Include time picker
This field is required
" 4
| /N 56/60 fields left.
Ebook File
E Date Created, Date Edited Date Published
e
0 B Delete Collection @ View Connections
|w X
CMS Collections S, Ebook Settings Cancel _ . .
* 9 & Editor Preview
ﬁ This is the form that Collaborators will see when creating a new Ebook
- . .
= Eiesls > Collection Settings
= Collection ID  63b7e3e6db2af15eccaf729¢ )
x Basic Info
S i Collection Name 2 *
[ ] Discover the power of the Name *
Webflow CMS and Ebooks
= Collections
Plural version: Ebooks Singular version: Ebook
9 *
an Collection URL (2 * sl
- The name of the folder that your Ebook pages will be stored in
ebook
a
@ membership-site-8c27e8.webflow.io/ebook/ebook-page
ﬁ ID A Collection Page is created for Ebooks in the Pages panel. Custom f|e|dS
Watch more video tutorials on the :/ Collaborators can create and edit Ebooks in the Editor. Cover
Webflow University.
Collection fields 2 _ @
Basic info
o e Author
T Slug
Custom fields Short Description
& Cover
T Author
T Short Description 4
& Ebook File Ebook File
E 4+ Add Field
oo | /N 56/60 fields left. @
1]
e Date Created, Date Edited Date Published
|w X
CMS Collections S, Ebook Settings Cancel _ ) i
* 9 & Editor Preview
> :,. Collaborators can create and edit Ebooks in the Editor. This is the form that Collaborators will see when creating a new Ebook
L1 £ Ebooks >
= Collection fields 2 i
x Basic Info
A
[ ] Discover the power of the Basic info N,
Webflow CMS and
= Collections T Name
;; T Slug Slug *
- Custom fields
& Cover
a
T Author
el Custom fields
T Short Description
Watch more video tutorials on the . Cover
Webflow University. & Ebook File
@ o sl PN
Label *
Date
Author
Help text
Appears below the label to guide Collaborators, just like this help text
Short Description
Include time picker
v/ This field is required
" 4
| /N 56/60 fields left.
Ebook File
E Date Created, Date Edited Date Published
e
0 B Delete Collection @ View Connections
|w X
CMS Collections S, Ebook Settings Cancel _ ) i
* 9 & Editor Preview
> Plural version: Ebooks Singular version: Ebook This is the form that Collaborators will see when creating a new Ebook
L1 £ Ebooks >
— Collection URL 2 *
- . The name of the folder that your Ebook pages will be stored in Basic Info
A
[ ] Discover the power of the ebook N,
Webflow CMS and
A 5 ip-site- i o
g Collections & membership-site-8c27e8.webflow.io/ebook/ebook-page
oo ID A Collection Page is created for Ebooks in the Pages panel. S
- ug
:/ Collaborators can create and edit Ebooks in the Editor.
-
Collection fields 2 _
a
‘ﬁ' Basic info .
Custom fields
T Name
Watch more video tutorials on the Cover
Webflow University. T Slug
Custom fields @
& Cover
T Author Author
T Short Description
Ebook File
4 Short Description
= Date
4+ Add Field
| /N 55/60 fields left. 4
Ebook File
E Date Created, Date Edited Date Published
e
0 w Delete Collection @ View Connections
|w X
MS Collections '  Ebook Settin cance | Satecatiein | I
CMS Collections + book Settings & e e i
> :,. Collaborators can create and edit Ebooks in the Editor. This is the form that Collaborators will see when creating a new Ebook
L1 £ Ebooks >
= Collection fields 2 + Add New Field i
k % Basic Info
Discover the power of the -
Basic info Name *
Webflow CMS and
= Collections T Name
;; T Slug Slug *
- Custom fields
& Cover
a
T Author
e Custom fields
T Short Description
Watch more video tutorials on the . Cover
Webflow University. & Ebook File
¥ Select Field Type X Cancel @
Abc E= [l )
Author
Plain text Rich text Image Multi-image
@ (()') @ J Short Description
Video link Link Email Phone
# =3 © O y
Number Date/Time Switch Color Ebook File
= =
Q : % i ke P
.-.1 Option File Reference Multi-reference
| N 1010 reference fields left e
|w X
CMS Collections S, Ebooks Y Filter ™ Select... =} Export =t Import & Settings _
]
LT = Ebooks » Name Status Created v Modified Published P s
= Grids & Alignment ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
X
A
. Discover the DO of the Remote Work for Design Teams ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
Webflow CMS and
— Collections
Design Systems in Product Teams ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
°®
-
All in One Color Handbook ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
-
Digital Wellbeing and Support e Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
a
Watch more video tutorials on the
Webflow University.
e
Q Showing 1-5 of 5
|w X
CMS Collections S, Ebook Settings Cancel _ ) i
* 9 & Editor Preview
> :,. Collaborators can create and edit Ebooks in the Editor. This is the form that Collaborators will see when creating a new Ebook
L1 £ Ebooks >
= Collection fields 2 i
x Basic Info
A
[ ] Discover the power of the Basic info N,
Webflow CMS and
= Collections T Name
;; T Slug Slug *
- Custom fields
& Cover
a
T Author
el Custom fields
T Short Description
Watch more video tutorials on the . Cover
Webflow University. & Ebook File
@ o sl PN
Label *
Date
Author
Help text
Appears below the label to guide Collaborators, just like this help text
Short Description
Include time picker
This field is required
" 4
| /N 56/60 fields left.
Ebook File
E Date Created, Date Edited Date Published
e
0 B Delete Collection @ View Connections
|w X
CMS Collections S, Ebook Settings Cancel _ ) i
* 9 & Editor Preview
> Plural version: Ebooks Singular version: Ebook This is the form that Collaborators will see when creating a new Ebook
L1 £ Ebooks >
— Collection URL 2 *
- . The name of the folder that your Ebook pages will be stored in Basic Info
A
[ ] Discover the power of the ebook N,
Webflow CMS and
A 5 ip-site- i o
g Collections & membership-site-8c27e8.webflow.io/ebook/ebook-page
oo ID A Collection Page is created for Ebooks in the Pages panel. S
- ug
:/ Collaborators can create and edit Ebooks in the Editor.
-
Collection fields 2 _
a
‘ﬁ' Basic info .
Custom fields
T Name
Watch more video tutorials on the Cover
Webflow University. T Slug
Custom fields @
& Cover
T Author Author
T Short Description
Ebook File
4 Short Description
= Date el
4+ Add Field
| /N 55/60 fields left. 4
Ebook File
E Date Created, Date Edited Date Published
e
0 w Delete Collection @ View Connections
|w X
CMS Collections S  Ebook Settings Cancel | Save Colletion . S
< 9 [z] What is Date/Time field?
> 2, Collaborators can create and edit Ebooks in the Editor. FAQ
L1 £ Ebooks >
= Collection fields 2 _ This field allows you to create both a date and time field, which will display itself as a date picker
N x for Collaborators when creating an item in this collection.
. Discover the power of the Basic info As a designer you are given multiple methods of displaying this data, allowing you to customize
Webflow CMS and which portion of the date/time you want to display (month, day, year, time - and any combination of
- q these).
= Collections T Name
Webflow automatically tracks dates and times for Date Created, Date Published, and Date Modified,
so no additional field would need to be created for these.
°® T Slug
-|m
Common Uses
- Custom fields
- « A date or time in the future (upcoming event, release date, etc)
B2 Cover « A date or time in the past (birthday, historical date, etc)
a
ﬁ T Author Pro Tip
T Short Description You can pull from the Date/Time field multiple times within your designs - allowing you to create
unique layouts and options to display divided portions of a date (days, months, and years) and time
Watch more video tutorials on the . (hours).
Webflow University. & Ebook File
¥ Select Field Type X Cancel
Abc L= PN ()
Plain text Rich text Image Multi-image
Video link Link Email Phone
Number Date/Time Switch Color
= =
Q : % i ke
.-.1 Option File Reference Multi-reference
| N 1010 reference fields left


Editing spacing

screenElements:
Slider
Popover
Slider
Chip
Text Field
Keyboard Key

pageType: Application Application Application Application

screenKeywords:
W Page: Home H 992 PX 100 % 9
Navigator x1 A Webflow membership template for resource websites.
B3 Body
..’ 4 Announcement Banner .
— 5 x Memberbase All Resources  Log Out Free Sign Up
-~ -0 Page Wrapper
E ~ B Section
~ [ Container k4
- )
= ¥ 21 Hero Grid
v [ Text Box
°®
= H1 Heading o
- ="M Access alibrary of
o [ Spacer
[J
“B W Button f d
B free design resources -
a B Hero lllustration 4 ® 20 Px
» & Section The best resources and books from around the web, o ETE B BT
» @ Call To Action Block collected and curated for your reading. rrrcr
4 Footer
7 — 6 Reset Option + click
Get Access Now Contact Sales T
Resetting will revert to initial value.
Featured Resources See All Resources
Q X Memberbase X Memberbase X Memberbase
P
e [ Body [0 Page Wrapper B Section [ Container 22 Hero Grid [ Text Box W Button
|W Page: Home H 992 PX 100 % hp) < £ e L7\ L4
i b4 .oe
AT X1 A Webflow membership template for resource websites. O B Els
B3 Body W% Create component
>
NP > 0 Announcement Banner
S o Ao x Memberbase All Resources  Log Out Free Sign Up Selector Inheriting
= v [ Page Wrapper I -- v
E v B Section 1 on this page, 1 on other pages.
~ [ Container k4
g ~ 2= Hero Grid v Typography
~ [ Text Box rcr S
°®
- H Heading ° 500 - Medi
- Medium 5
- ="M Access alibrary of |
o [ spacer 18 PX 15 -
°
Butt
MBI free design resources
a BA Hero lllustration = = = =
» B Section The best resources and books from around the web, Style 1 7 x5 1T
» © Call To Action Block collected and curated for your reading. talcize pecoraton
4 Footer » More type options
r ) v Backgrounds
Get Access Now Contact Sales
N ) Image & gradient +
Color . white
Clipping None B
v Borders
(=] (] 9  PX
Borders
] Style X — === =
Featured Resources See All Resources
| a | Width PX
— Color black
X Memberbase X Memberbase X Memberbase v Hizss
e
- Blending = Normal 3
e [ Body [0 Page Wrapper B Section [ Container 22 Hero Grid [ Text Box W Button )
Ona
|W Page: Home H 992 PX 100 % hp) < £ e L7\ L4
i b4 .oe
AT X1 A Webflow membership template for resource websites. O B Els
B3 Body W% Create component
N oA ¥
nnouncemen anner
S — x Memberbase All Resources  Log Out Free Sign Up Selector
= ~ [ Page Wrapper . Select a Class or Tag
E ~ B Section
~ O Container 4 ~ Layout
g ¥ 21 Hero Grid -
Displ [=] a] 7
v [ Text Box Isplay =] ol Al #Z
°
an H1 Heading ° v Spacing LT
- ="M Access alibrary of B
D Spacer Y PADDING 9
“B W Button f d
_ ree eS|gn resources e o
9
a P Hero lllustration o
» B Section The best resources and books from around the web,
» © Call To Action Block collected and curated for your reading. © 8
() [Feety Width - Height -
Get Access Now Min W PX Min H P
Max W - MaxH °
Overflow @ % El  Auo
Fit Fill 3
v Position
Position X Static 3
» Float and clear
v T h
Featured Resources See All Resources yPography
Inter 3
Q Weight 400 - Normal 3
x Memberbase x Memberbase x Memberbase 16 e 20 X
P
4 grey
e B Body O Page Wrapper ) B Section [0 Container ) =& Hero Grid [0 Text Box W Button ) — — — =
Alian = — ) —
|W Page: Home H 992 PX 100 % 9
Navigator x1 A Webflow membership template for resource websites.
B3 Body
..’ 4 Announcement Banner .
— 5 x Memberbase All Resources  Log Out Free Sign Up
-~ -0 Page Wrapper
E ~ B Section
~ [ Container 4
- )
= ¥ 21 Hero Grid
v [ Text Box
°®
= H1 Heading o
- ="M Access alibrary of
o [ Spacer
[J
“B W Button f d
B free design resources ;
a B Hero lllustration "II ® 0 PX
» & Section The best resources and books from around the web, s Lol ol o
» @ Call To Action Block collected and curated for your reading. rrrcr
4 Footer
e — 6 Reset Option + click
Get Access Now Contact Sales B,
Resetting will revert to initial value.
Featured Resources See All Resources
Q X Memberbase X Memberbase X Memberbase
P
e [ Body [0 Page Wrapper B Section [ Container 22 Hero Grid [ Text Box W Button


Completing checklist

screenElements:
Accordion
Progress Indicator
Chip

screenKeywords:
webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales Get started — it's free
‘= Group by Category & Copy checked Ti] Clear checked
Animation
Content that moves, either on its own, or when triggered by a person activating a control. 0 /3 CHECKED
TASK WHERE WHEN
|:| Avoid excessive motion behind text Canvas Design X
Using motion behind static text creates a depth mismatch that can be triggering. Even subtle animations can be harmful when placed directly behind
the text. What constitutes excessive motion can be subjective, but a good rule is to avoid motion that takes up more than 10% of the central visual field.
Full details —
|:| Include motion warnings Canvas Design v
|:| Use subtle animations that don't flash more than Interactions panel Design v
recommended
_ HIDE PROGRESS
Total progress 0/49
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales Get started — it's free
‘= Group by Category & Copy checked Ti] Clear checked
Animation
Content that moves, either on its own, or when triggered by a person activating a control. %é 3 /3 CHECKED
TASK WHERE WHEN
Aveid . ionbehind - Besi %
Using motion behind static text creates a depth mismatch that can be triggering. Even subtle animations can be harmful when placed directly behind
the text. What constitutes excessive motion can be subjective, but a good rule is to avoid motion that takes up more than 10% of the central visual field.
Full details —
Inelud . . - Besi N
poesraracAted
_ HIDE PROGRESS
Total progress | 3/49
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales Get started — it's free
‘= Group by Category & Copy checked Ti] Clear checked
Animation
Content that moves, either on its own, or when triggered by a person activating a control. 0 /3 CHECKED
TASK WHERE WHEN
|:| Avoid excessive motion behind text Canvas Design v
|:| Include motion warnings Canvas Design v
|:| Use subtle animations that don't flash more than Interactions panel Design v
recommended
Appearance
How your content looks in any given situation. 0 /9 CHECKED
TASK . WHEN
Total progress 0/49


Sending a password reset email

screenElements: Dialog Button

screenKeywords:
w X
Users Bea % User accounts X & jane2.mobbin.test@gmail.com sttus: Verified Cancel -
] .
L @ Setup guide 5 steps left Email Basic info
= jane2.mobbin.test@gmail.com > Name
& User accounts >
H Jane Smith
2% Access groups )
(] Email
-
A jane2.mobbin.test@gmail.com
-
Has the user agreed to the privacy policy / terms and conditions?
-
(‘ YES
a
Has the user agreed to receive marketing or other communications?
Tt NO
Password
Send a reset email to the user to initiate the process — only users can reset passwords.
N Send reset email
Access settings
Free access groups
Users in these groups gain access to their restricted content by signing up or being manually added.
Choose access groups... v
Access Group
Free Account Remove
Paid access groups
E Users in these groups gain access to their restricted content by purchasing membership products or being manually added.
Q Choose access groups... v
e
No paid groups
e This user isn't part of an access group because they haven't been added to any paid access groups or bought any of your site’s membership
|Users BETA User accounts < jane2.mobbin.test@gmail.com Verified Cancel
@ Setup guide 5 steps left Email Basic info
jane2.mobbin.test@gmail.com > Name
& User accounts >
&% Access groups
Email
an
Has the user agreed to the privacy policy / terms and conditions?
_
Choose access groups... v
Access Group
Free Account
Paid access groups
]
Choose access groups... v
No paid groups
|w X
Users Bea % User accounts X & jane2.mobbin.test@gmail.com sttus: Verified Cancel -
[ Email
i mai A~ fl
° Setup guide 5 steps left Basic info Password reset email sent to
— jane2.mobbin.test@gmail.com.
- jane2.mobbin.test@gmail.com > Name
& User accounts >
H Jane Smith
2% Access groups )
(] Email
-
A jane2.mobbin.test@gmail.com
-
Has the user agreed to the privacy policy / terms and conditions?
-
(‘ YES
a
Has the user agreed to receive marketing or other communications?
Tt NO
Password
Send a reset email to the user to initiate the process — only users can reset passwords.
N Send reset email
Access settings
Free access groups
Users in these groups gain access to their restricted content by signing up or being manually added.
Choose access groups... v
Access Group
Free Account Remove
Paid access groups
E Users in these groups gain access to their restricted content by purchasing membership products or being manually added.
Q Choose access groups... v
e
No paid groups
e This user isn't part of an access group because they haven't been added to any paid access groups or bought any of your site’s membership


Editing typography styles

screenElements: Stepper Select

screenPatterns: Edit Edit

pageType: Application Application Application Application Application

screenKeywords:
W Page: Home H 992 PX 100 % hp) < £ e L7\ L4
H v .oe
AT X1 A Webflow membership template for resource websites. O B Els
B3 Body W% Create component
>
NP » © Announcement Banner
S o Ao x Memberbase All Resources  Log Out Free Sign Up Selector Inheriting
= v [ Page Wrapper I -- v
E ~ B Section 1 on this page, 1 on other pages.
- ~ [ Container £ 4 v Typography
- ~ 2a Hero Grid
S Font Ubuntu 5
0
an H1 Heading I ° f 500 - Medium 5
_ g Access alibraryo o
- [ Spacer O
"B* free de5|gn resources e
a B Hero lllustration Styl I 7 X+ I T
5 Section The best resources and books from around the web, Ve ——
. Italicize Decoration
» & Call To Action Block collected and curated for your reading.
» More type options
4 Footer
e v Backgrounds
Get Access Now Contact Sales } ep— +
N
Color . white
Clipping None B
v Borders
(m} ] 9  PX
Borders
] Style X — === =
Featured Resources See All Resources 0 OOl widh Px
— Color black
(o} v Effects
X Memberbase X Memberbase X Memberbase
°-°1 Blending = Normal 3
e 1 Body [0 Page Wrapper B Section [ Container == Hero Grid [ Text Box W Button Opacity (]
|W Page: Home H 992 PX 100 % 9 o o3 0,0 L4
H v .oe
AT X1 A Webflow membership template for resource websites. O B Els
B3 Body W% Create component
>
NP » © Announcement Banner
S o Ao x Memberbase All Resources  Log Out Free Sign Up Selector Inheriting
= v [ Page Wrapper I -- v
E ~ B Section 1 on this page, 1 on other pages.
- ~ [ Container £ 4 v Typography
- ~ 2= Hero Grid
S Font Ubuntu 5
0
an H1 Heading ° f 500 - Medium 5
. g Access alibraryo e
- [ Spacer O E
"B* free de5|gn resources e
a B\ Hero lllustration Sid 17 x = 1T
5 Section The best resources and books from around the web, Ve ——
. Italicize Decoration
» & Call To Action Block collected and curated for your reading.
» More type options
4 Footer
e v Backgrounds
Get Access Now Contact Sales } ep— +
N
Color . white
Clipping None B
v Borders
(m} ] 9  PX
Borders
] Style X — === =
Featured Resources See All Resources 0 OOl widh Px
— Color black
(o} v Effects
X Memberbase X Memberbase X Memberbase
°-°1 Blending = Normal 3
e 1 Body [0 Page Wrapper B Section [ Container == Hero Grid [ Text Box W Button Opacity (]
|W Page: Home H 992 PX 100 % Ap) o Add fonts 7
Navigator x1 A Webflow membership template for resource websites. O By AIiaI
[ Body Bitter
..’ » & Announcement Banner ChangaOne
— » (7 Navigation x Memberbase All Resources Log Out SEEy Droid Sans
= v [ Page Wrapper E Droid Serif
E ~ B Section Ton tt Exo
~ O Container + - Ty GeOI'gia
g v 28 Hero Grid gimf Gliboes
v [ Text Box ens Impact
& H1 Heading . Inconsolata
- ="M Access alibrary of
°° O Spacer Lato
= W Button f d H Color — Tibre Baskerville
™ free design resources Libre Basker
a B Hero lllustration Montserrat
NS The best resources and books from around the web, ¥ Noto Serif
» ) Call To Action Block collected and curated for your reading. Open Sans
» ) Footer Oswald
v Ba  PTSans
Palatino Linotype
Coler - Tahoma
Clippir Times New Roman
Trebuchet MS
~ 89 Ubuntu
\EIGIE]
Varela Round
Borde
Verdana
I Volkhov
Featured Resources See All Resources [0 | Vollkorn
I system-ui
Q X Memberbase X Memberbase X Memberbase 7 Ffects
.-.1 Blending = Normal 3
9 1 Body [0 Page Wrapper B Section [ Container == Hero Grid [ Text Box W Button Opacity (]
|W Page: Home H 992 PX 100 % hp) < £ e L7\ L4
i b4 .oe
AT X1 A Webflow membership template for resource websites. O B Els
B3 Body W% Create component
>
NP > 0 Announcement Banner
S o Ao x Memberbase All Resources  Log Out Free Sign Up Selector Inheriting
= v [ Page Wrapper I -- v
E v B Section 1 on this page, 1 on other pages.
~ [ Container k4
g ~ 2= Hero Grid v Typography
~ [ Text Box rcr S
°®
- H Heading ° 500 - Medi
- Medium 5
- ="M Access alibrary of |
o [ spacer 18 PX 15 -
°
Butt
MBI free design resources
a BA Hero lllustration = = = =
» B Section The best resources and books from around the web, Style 1 7 x5 1T
» © Call To Action Block collected and curated for your reading. talcize pecoraton
4 Footer » More type options
r ) v Backgrounds
Get Access Now Contact Sales
N ) Image & gradient +
Color . white
Clipping None B
v Borders
(=] (] 9  PX
Borders
] Style X — === =
Featured Resources See All Resources
| a | Width PX
— Color black
X Memberbase X Memberbase X Memberbase v Hizss
e
- Blending = Normal 3
e [ Body [0 Page Wrapper B Section [ Container 22 Hero Grid [ Text Box W Button )
Ona
|W Page: Home H 992 PX 100 % 9 C < £ e L7\ L4
i Y .oe
Navigator X1 A Webflow membership template for resource websites. O B Els
[ Body W Create component
.” 4 A t B.
nnouncement Banner
S o Ao x Memberbase All Resources  Log Out Free Sign Up Selector Inheriting
= v [ Page Wrapper I -- v
E ~ B Section 1 on this page, 1 on other pages.
~ [ Container k4 ~ Typography
- . )
=i ~ am Hero Grid
+ [ Text Box Font Ubuntu 5
0
an H1 Heading o 500 - Medium :
- ="M Access alibrary of o Bl s
O Spacer
'_E W Button f d M Color  black
MBINES free design resources
a B\ Hero lllustration —
Style I 7 X + T T
» 5 Section The best resources and books from around the web, ==
Italicize Decoration
» ) Call To Action Block collected and curated for your reading. _
» More type options
4 Footer
L = v Backgrounds
Get Access Now Contact Sales @ GEsiEn +
~
Color . white
Clipping None B
v Borders
(w] ([} 9  PX
Borders
] Style X — === =
Featured Resources See All Resources 0 OOl widh Px
— Color black
(o} v Effects
X Memberbase X Memberbase X Memberbase
.-.1 Blending = Normal s
e 1 Body [0 Page Wrapper B Section [ Container == Hero Grid [ Text Box W Button Opacity (]


Fonts

screenElements:
Text Field
Button
Tab

screenElements:
Stacked List
Select

screenElements:
Text Field
Button
Tab
Stacked List
Select
File Upload

screenPatterns:
Settings & Preferences
Settings & Preferences
Settings & Preferences

screenKeywords:
webflow Dashboard Marketplace v Learn Resources v Iy J9 Account v
Sites  Membership site YL @ ® X [ Share A Publish v
General Members Publishing Plans & Billing SEO Forms Libraries Fonts Backups Integrations Custom Code
General Settings
Name
Membership sit This is the site's title within Webflow. You can
embership site update what visitors see in search results in
each page's settings in the Designer.
Subdomain
L Must be alphanumeric (A-Z, 0-9) with dashes
membership-site-8c27e8 @ between words. Last published 7 minutes ago.
Folder
Sites can be moved into and out of folders here.
Drafts v
Icons
Favicon:
& Upload
(2]
Upload a 32 x 32 pixel ICO, PNG, GIF, or JPG to display in
browser tabs.
Webclip:
I ) & Upload
|webflow Dashboard Marketplace v Learn Resources v Iy J9 Account v
Sites  Membership site YL @ ® X [ Share A Publish v
General Members Publishing Plans & Billing SEO Forms  Libraries Fonts Backups Integrations Custom Code
Google Fonts
Choose font from list:
See Google Fonts for live previews of Google's
Select Google Font... M collection of free web fonts. Selected fonts will
be available in the Webflow designer the next
time you load it. Refresh the designer if you
already have it open. Google fonts not in the list
(Open Sans, PT Sans, etc) are ready to use in
the designer.
Added Google Fonts
Inter m Delete
regular, 500, 600, 700 latin
Libre Baskerville = Sl
regular, italic, 700 latin
Volkhov = BeEE
regular, italic, 700, 700italic latin
Noto Serif S Delete
regular, italic, 700, 700italic latin
Ny vmdmns T Amn s~
|Noto Serif & Delete
& regular, italic, 700, 700italic = ® latin
Custom Fonts
Upload custom font file(s):
You can upload any web fonts and they will be
& Upload added to the font family list. For maximum
browser support upload TTF, OTF, EOT and
WOFF.
Learn more about uploading custom fonts.
Adobe Fonts
To use Adobe Fonts in this Webflow site, add an Adobe Fonts API token below. You can also
add a token for all of your sites on the integrations tab in Account Settings.
Adobe Fonts API token for this site:
You can create and retrieve Adobe Fonts API
tokens on your Adobe Fonts account page.
Explore Learn & Get Help Company Social
Dashboard Support About w
|M dvdiigiie b A YV TV Meoliyl Il i TieAt
time you load it. Refresh the designer if you
already have it open. Google fonts not in the list
(Open Sans, PT Sans, etc) are ready to use in
the designer.

Added Google Fonts
Inter m Delete
& regular, 500,600,700 ® latin
Libre Baskerville = Bt
& regular, italic, 700~ ® latin
Volkhov @ Delete
& regular, italic, 700, 700italic = ® latin
Noto Serif S Delete
& regular, italic, 700, 700italic = ® latin
Custom Fonts
Upload custom font file(s):
You can upload any web fonts and they will be
& Upload added to the font family list. For maximum
browser support upload TTF, OTF, EOT and
WOFF.
Learn more about uploading custom fonts.
Adobe Fonts
To use Adobe Fonts in this Webflow site, add an Adobe Fonts API token below. You can also


Moving a site to a folder

screenElements: Dialog Select

screenElements: Dialog Select Select Banner

screenPatterns:
Move
Move
Acknowledgement & Success

pageType: Application Application Application Application Application Application

screenKeywords:
webflow Dashboard Marketplace v Learn Resources v Iy J9 Account v
My Workspace v fed Q. Search sites...
My Workspace = Freelancer workspace
All sites Tutorials =} Date Created v LY
Access a library of Access a library of
Add sites free design resources free design resources
Move sitgs here from the —y —y
site menu.
* X Memberbase X Memberbase X Memberbase. X Memberbase X Memberbase X Memberbase.
I Starter site A B Starter site
Drafts L A
Copy of Membership site Membership site
View site membership-site-8c27e8.webflow.io
|Move to folder
Folder:
All Projects v
Cancel
|Move to folder
Folder:
Drafts v
Cancel
|webflow Dashboard Marketplace v Learn Resources v Iy J9 Account v
My Workspace v fed Q. Search sites...
My Workspace a . Freelancer workspace
All sites > Drafts Tutorials =} Date Created v []
Access a library of
free design resources
=3
X Memberbase X Memberbase X Memberbase
A B Starter site
Membership site
membership-site-8c27e8.webflow.io
|webflow Dashboard Marketplace v Learn Resources v Iy J9 Account v
My Workspace v fed Q. Search sites...
My Workspace = Freelancer workspace
All sites Tutorials =} Date Created v LY
. @ Delete
Access a library of Access alibra
Add sites free design resources free design re:
. iR Reess oo R et o meimenaeesy (B Duplicate
Move S|t§s here from the S S .
site menu. M Move to folder
% Share
* X Memberbase X Memberbase X Memberbase: X Memberbase: I. Editor
0 Starter site A g 3t Settings
Drafts L A
Copy of Membership site Membership site
View site membership-site-8c27e8.webflow.io
|"Membership site" moved to "Drafts"
webﬂow Dastk ) _ J5 Account v
My Workspace v fed Q Search sites...
My Workspace = Freelancer workspace
All sites Tutorials = Date Created v iy
_ . o
m:wm" % Access a library of
free design resources
= S e =
X Memberbase. X Memberbase. X Memberbase.
I Starter site
Drafts .
Copy of Membership site
View site


Browse all templates

screenElements:
Grid List
Button

pagePatterns:
Templates Page
Content Section

screenElements:
Grid List
Grid List
Button

pagePatterns:
Templates Page
Content Section
Templates Page
Templates Page
Templates Page

screenKeywords:
Get your site up and running
Get started with a video course on Webflow University and start building your website
today.
[ =  Webflow Crash Course 101 — Intro to web design
(] g
D = New to Webflow? Get the lowdown on everything you — Learn the basics of web design, including the box
—a need to get started. i model, positioning, color theory, typography and more.
— CMS and dynamic content > Course catalog
B Learn how to build CMS-powered websites in Webflow, > Looking for something specific? Check out our full
from scratch. D course list.
Categories Photography & Video Blog Marketing Travel Technology
Sports Other Nonprofit Medical Food & Drink
Fashion Entertainment Education Design Beauty & Wellness @ Made in Webfiow
|. FRAMER | B
ARVY "o = ARVY ot "0 = I
Q We are always | Nk
- looking for the right \ b
balance. }
wremaucme reanee l 1 1 f A 28
Simple & Elegant Ecommercjessm——m— A y
N ; w ([T g
Webflow Template - ',L

Albert A

Heinberg - d

() . e ¢

(]
Why choose Webflow for your Founded in 2013, Webflow is a responsive website builder, CMS, and hosting platform. Trusted by over 1,000,000
. professional designers at top companies like Pinterest, IDEO, Razorfish, Autodesk, and Salesforce.
agency website template?
Webflow makes it easy to build and launch the responsive, cleanly-coded, and fast-loading website you've always
wanted. Get our HTML5 responsive agency website templates and easily customize your agency template with our
web design tools, site builder, and CMS today.
Made in Webflow
|webﬂow Product ~ Marketplace ~ Learn Resources ~ Log in Contact sales Get started — it's free
Marketplace > Templates
Responsive Photography &
Video Website Templates
Browse our HTML5 responsive Photography & Video templates below. You can easily
customize any of our Photography & Video website templates with Webflow's code-free
design tools, then connect your new Photography & Video website to our powerful CMS,
and launch it today.
BROWSE BY Eyex
P Coursely » Lens
Webflow Membership Template PhOfO ra h WCbﬂOW
Popular tags a— — %f p >1 Photography Webflow
emplate Template
Category VIDED PRODUCTION A - _ P
SAGE STUDIO ol B u P CAMRELT i &>
Language v CLZE, = =11 4 | B h . g ‘i’ : .
e e mang e ‘ = -L S
Style 1 . — ﬁ p | W,I 'o‘ e ‘
-~ x . /B ~
p - - M\ 5 | — <™ -°
i il & gag o) AR &
Features — R NS S : lig ©
— — B e B | E n - e
’ =\ RIS St P s . ﬂ’* N > .
o . - =l s L
All tags
Sage $34USD  Coursely M $99 USD  Eyex 128 $79 USD  Lens Studio $129 USD
by Leonardo Mattar by Nikolai Bain by 128.digital by wcopilot
Video Video Photography Photography
[ Made in Webflow
|New website templates Browse All Templates —>
%ﬁ? MENDO. J“oo . : KinderGarten
Immigration & Consultant Website y ‘ saas K in de rg a rte n
dempiate Webflow Template
CREAT’ VE e = WEBFLOW TEMPLATE
. A'small business X S y
=iy S &ﬂ' N oSS e A
' o = g A S o B 2 e 2
= SNS = srase
By = 1 > < ™~ ELERE "o
WORK i’ = e S0 N
o /> L Ganmars sghtinto how eople e your ~* ‘.. \ g . L w
. v y : = H’ oS =g el
: . ] Y e S N # N g -
d |-~ o= = =i 2 - 2
R g S = e . e 4 / , \*1 S .
. ‘ a3 i ! / S . X Sose
t@ae 'WAKE : N P _— -
ﬂ ﬂ —— . ol - . S _9 453 3 o)
UMA $79 USD  Mendo $49 USD Mooy $49 USD  Mojo $79 USD  Kindergarten 128 $49 USD
by Deni Bozo by HasThemes by Udesly by wcopilot by 128.digital
Portfolio Consulting SaaS SaaS Kids
StudioUl yonko [
b | O g Modern Portfolio for Designers to Landing page template g
showcase your powerful case studies. = 3 =
ESCRITOS t i o— SrowTafcToYour (3
Trying to go #minimaistc. Typography lover. Sogareeo ﬂ it At v : = ‘el
Blog about what happens with me. ) » Y .
~ ' \\ W
How to improve Creativity é — [o—— y o @ s e
Process Chk - 5 E " -
— | | ===
-— — .
The popular advice v E
Monday 5 ) S e A - ~
:ier:i:;ples of effective Typography t?— o ;; | D m T Made in Webflow
.y e B li Reach,
|My LTCUNdAIUL Ivialial vy INIRUldl Daill vy 1£0.Ulyitdl My WwlLuplivtl
Video Video Photography Photography
Luminescent i Scarr® [OIPORTRAIT
Lumi ¢ Photograph FLARECAM _ —
BROWSE BY e 3 p e ——— Photography Webflow F A
Hi, I'm Sophie
. . Tempque —Iargrofoepss:;nal 3 k] I
Popular tags g ¥ ' Photographer ( o
Create apictrepertct <} b= == :'
nstagram feed in seconds
Category : 4 ; " I ¥, S <
[} ¥ 4 n 3‘ d i A (
L . il f /) ] FLARECAM STUDIQ L Pa
anguage S - IR e : - § Hello + We're
‘ — a Professional Photography
Style Featured presets q Studio
g el e et ke “ n P
Features e - | o = ‘ !
By & U TE [ L
Type
Luminescent $79 USD  Flarecam $49 USD  Scarr $49 USD  Portrait $129 USD
All tags by Kevin Dakin by Spark by wcopilot by Elison Santos
Photography Photography Photography Photography
BIIEE B - Noah Photography
i max FOTO  ™omsews |
=
’ A e PR ——
in Time \ e
FILM ) R i
DR PHOTOGRAPHER = e g
v 6l Sk e E i : P Byl -
:‘;l L\ H AR P e N ok o | T e W
1. ,-. b, LA=imiSs T el e et 8 7
S=__We = ==r—r i Ay |
BPEHEACE LORE PSR D0, 0R S AnET apsaue Photogrephy e t ; { L 3 R s
& T BN EROS ELETENTUR TRGTIUE. Photoaraphy P . - ¥ PR ‘ﬁ
d graphy Portfolio o - 4
Filmax $79 USD  Foto $49 USD  Opaque $49 USD  Noah $34 USD
by Maxim White by Johnny Gu by Abe by Wavesdesign
Video Photography Photography Photography
[ Made in Webflow
Ty TN Sy T


Webflow University

pagePatterns:
Guides & Tutorials Page
Hero Section

screenElements:
Top Navigation Bar
Search Bar
Banner

screenElements:
Grid List
Card

screenElements: Card Icon

screenElements:
Card
Icon
Grid List
Card
Dropdown Menu
Top Navigation Bar
Search Bar
Banner
Card
Grid List
Navigation Menu

pagePatterns:
Guides & Tutorials Page
Guides & Tutorials Page
Guides & Tutorials Page
Hero Section
Guides & Tutorials Page
Guides & Tutorials Page

pageType: Marketing Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
WebﬂOW University Courses Lessons Support More v  Figma to Webflow Q Try Webflow — it's free
idn’t find wh re looking f
Didn’t find what you're looking for?
o W
R
Aa]
Discuss your build Give us feedback! Contact support
Connect on the Forum, share and get help from the Share or upvote product ideas from the community. We're available Monday-Friday, 6 a.m.-6 p.m. PT.
community.
Visit Webflow Forum Visit Webflow Wishlist Visit Webflow Support /1
webflow Product Company Learn & Get help Social
gfﬁ;ﬁﬂzg:fxdlbc‘ Designer About Courses YouTube
Enterprise Careers We're hiring! Lessons Twitter
CMS Press Webflow 101 Facebook
|WebﬂOW University Courses Lessons Support More v  Figma to Webflow Q Try Webflow — it's free
Browse lesson topics Browse all topics —>
Getting started Elements Layout & design Interactions & Logic CMS & dynamic Ecommerce
animations content
Hosting & code SEO Templates Site settings Account & billing Workspaces & Users
export billing
idn’t find wh re looking f
Didn’t find what you're looking for?
|webﬂow University Courses Lessons Support More v  Figma to Webflow Q Try Webflow — it's free
Hire an expert
Community ¥
= B8 3 B 228px 100 «ar» ® O 2 A < £*
° Blog - Layout
Learn web design ang
Integrations ——
development — visu | it
C ng it % 3 A~113 T, 2 N
p Forum storyelling, - by you
Vs . ‘. o
. R q Wishlist '
Search from our library of lessons covering everything ‘
and typography to interactions and 3D transforms. API Docs A N _
Search Glossary
What are you looking for... ‘ =2
Q 1at are you looking for ) — ==...i
/ B ooonge & -
iy Asgn F
Webflow is free for students and educators Learn more & apply
Featu red courses Explore all courses —
N | vA THEENS . O W
|WebﬂOW University Courses Lessons Support More v Figma to Webflow (o} Try Webflow — it's free
‘ T—
el : BB m B zsexo0x «ar © O APy & B
E | =
° § S oo
Learn web design and z: L
2 ~ Spacing
development — visually I The artof T3
= storytelling - by you
// /// o p——— “ oam
Search from our library of lessons covering everything from layout s el el
and typography to interactions and 3D transforms. Pyl \
recr ’
-— 304 27 73 95 1
EEEEEER
ER ... .R
7 ‘ B o ounn-w.w1 é:’m{u
Asgn E
Featu red courses Explore all courses —
|WebﬂOW University Courses Lessons Support More v Figma to Webflow (o} Try Webflow — it's free
- P Asgn F
Featu red courses Explore all courses —>
21 day design portfolio Figma to Webflow Ultimate web design Web animations with Freelance web design CMS & dynamic
course Beginner - Advanced course After Effects & Lottie boot camp content
Beginner - Advanced Beginner - Intermediate Intermediate Beginner Beginner - Intermediate
Trending course
1 q q
1 Spacing Grid
Webflow 101 crash S —— IT Element basics Layout & Design
course _—
If you're looking to jump right in to Flexb T h
Webflow and get a feel for how to build Egeex ypography
your first website, this course is for TS Layout & Design Styling basics
VvOlul
|WebﬂOW University Courses Lessons Support More v Figma to Webflow (o} Try Webflow — it's free
Trending course
- Spacing Grid
Webflow 101 crash Element basics Layout & Design
course . .
If you're looking to jump right in to | h
Webflow and get a feel for how to build Flexbox Typography
your first website, this course is for 10 Layout & Design Styling basics
you.
o
. CSS width
o o - LS and height
¥ Element basics Element basics
Yy S —
Explore course —> Position Classes
Layout & Design Styling basics
NeW & featu I‘ed |eSSOI"IS Explore all lessons —>
= AN § IR B | R
=TT g AT R G (AT AT R [T
g K v
F { e | = F ]
|Webﬂow Product v Solutions v Resources A Enterprise Pricing Login Contact sales Get started — it's free
GET STARTED WEBFLOW UNIVERSITY
T Marketplace im Templates W Made in Webflow - Figma to Webflow course
Browse community-created Find website templates for Find and clone inspiring sites - W Learn our design process — all the way
resources business & personal use #MadelnWebflow $ from concept to completion.
%4 Libraries & Hire an expert #® Webflow apps 21-day portfolio course
Build faster with powerful Get professional help with your Extend your site’s functionality
layouts next project with apps Building a business website
Webflow Ecommerce
LEARN
i Visit Webflow University Z
= Blog U Ebooks & Whitepapers © Webflow TV
The latest trends in web design Free content on web design, Stream highly curated and
and no-code freelancing, and more original Webflow content
GET HELP
USER RESOURCES Support
¢/> Developers ax Community Forum
Made in Webflow


Sending a help request

screenElements:
Dialog
Search Bar

screenElements:
Text Field
Text Field

screenElements:
Dialog
Search Bar
Dialog
Text Field
Text Field
File Upload
Button
Dialog
Text Field
Text Field

screenPatterns:
Help & Support
Help & Support
Acknowledgement & Success
Help & Support

screenKeywords:
Page: Home H 992 PX 100 ¥ o4 £ Uy &y
Navigator ¢ A Webflow membership template for resource websites. O (EnDREEn
EliEcdy Selector
Announcement Banner
. x Memberbase All Resources  Log Out Free Sign Up
Navigation
[ Page Wrapper
Footer
Select an element on the canvas
ccess a to activate this panel.
free desig"
—
The best resources and D /1 am
collected and curated f¢ ‘x} ‘
Get Access Now I
Recommended
No Element Selected
|Page: Home H 992 PX 100 ¥ o4 £ Uy &y
Navigator ¢ A Webflow membership template for resource websites. O (EnDREEn
EliEcdy Selector
Announcement Banner
. x Memberbase All Resources  Log Out Free Sign Up
Navigation
[ Page Wrapper R
Footer
Select an element on the canvas
ccess a to activate this panel.
free desig
.
The best resources and D /1 am
collected and curated f¢ A \
Get Access Now I
7
v
v
-/ recommenoea
No Element Selected
|Page: Home H 992 PX 100 % (V] o4 £l Uy &y
Navigator ¢ A Webflow membership template for resource websites. O (EnDREEn
EliEcdy Selector
» &0 Announcement Banner
. x Memberbase All Resources  Log Out Free Sign Up
> Navigation
» [0 Page Wrapper
4 Footer
o Select an element on the canvas
c C e s s a I ra ry o to activate this panel.
freedesig=-—""""""—
—
The best resources an oy
collected and curated f A
Ul )
Get Access Now
Recommended
No Element Selected
|Page: Home H 992 PX 100 ¥ o4 £ Uy &y
Navigator ¢ A Webflow membership template for resource websites. O (EnDREEn
EliEcdy Selector
Announcement Banner
. x Memberbase All Resources  Log Out Free Sign Up
Navigation
[ Page Wrapper R
Footer
Select an element on the canvas
ccess a to activate this panel.
free desig
o
The best resources and D /1 am
collected and curated f¢ A \
Get Access Now I
7
v
v
-/ recommenoea
No Element Selected


Customer stories

screenElements:
Hero Image
Button

screenElements:
Grid List
Navigation Menu
Hero Image
Button

pagePatterns:
Testimonials & Customer Stories Page
Testimonials & Customer Stories Page
Testimonials & Customer Stories Page
Testimonials & Customer Stories Page
Hero Section

screenKeywords:
webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Filter by
5 Husilo Poactc oo« worcm - Aooan v pore | toon | [[emimtagemol) o/ wave N ] - ]
Manage your money e B
like a boss = = T
Categor v —_— R B | oZ iz
gory Fhe virtual event platform O
Industry v
[
= Hubilo 'll wave
In the trenches of a rebrand, Hubilo’s marketing team switched Looking for more design flexibility and the ability to empower
to Webflow to shrink development timelines and build a solid more of the team to manage site updates, Wave turned to
web foundation designed to scale. Webflow Enterprise to reduce their developer dependency.
Read story — Read story —
© responsival p—TTETE ) e E—— ‘iiTZ; :*
- emr——— ) R - . o CRERE R G SRR
4 = “. — O =i
Eﬂl.F Es | i 3 Spending =1 i
= == made easy i i i
= = e e 2o, o .
r i [ Made in Webflow
|webﬂow Product ~ Solutions v Resources v Enterprise Pricing Login Contact sales Get started — it's free
BUILD A WEBSITE - L % '
\ 74 ? \
Ly x\\
B Designer S cMs W Ecommerce - ‘ \\ . 3
Creative control and flexibility Flexible content management Manage stunning online stores
without code | Il Il || I‘ e
\\
. . . A v
4 Interactions & Memberships BETA N \‘ webflow Conf
Craft immersive experiences Curate gated content 7
READY TO GET STARTED?
OPTIMIZE FOR GROWTH
Find a Template
£ Editor & Logic BETA @ SEO
Smooth cross-functional Customize logic-based Fine tuned control, without Get inspired
collaboration workflows engineers
Customer stories
SCALE YOUR BUSINESS
Contact Support
¥ Security & Hosting
Accessibility at Webflow
State of the art web application Fast and reliable hosting
security practices provided by AWS
Made in Webflow
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Y « < PR 4 SH’F" FEATURED
ellorTrade  Financing  Carfinder ~ How Shift works ~ More v :g““w i’:y‘y:;gw‘:'a
S h A = J ¢
R o S “Our engineering team was spending far too

m T much time on trivial changes to static marketing

s ) * pages, which slowed down our sprints and
== & - Somen e setigs meant more code to manage. We wanted a CMS

gg @ 7 Je v that would improve site speed and reduce the
[ _ = A\U need for engineering time — which pushed us to
& consider a no-code approach.”
Read story —
. [ Made in Webflow

Filter by .
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales

Dell's Customer Experience design team delivers full-fidelity HelloSign runs all of their marketing pages through Webflow,

prototypes so their development team can implement designs letting their design and marketing team own web publishing
Fi Iter by faster, with less back and forth. without the help of developers.

Read story — Read story —
Category v
Industry v

saa B o - - Petal - e — - T
h Rewards for an —
Irresponsible -
orld

HeCo Petal

Designers JT Helms and Matt Cowen work together to build With over $380 million raised, Petal is changing the way

custom sites for major clients — and do everything without people get access to credit, and runs their entire marketing

relying on developers. website on Webflow.

Read story — Read story —

[ Made in Webflow
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
K / s S ‘
N Lo, ENCTy-a ‘-
< Ser, S s =TT
Ny - ;c..;"‘;:;.,%%.,.% oy \ 2P
— D
\,ﬂ,, P ~o
’«,,,,‘:’:.?% ~ @
o 2sy IS > .
> S - \ o,
- =~ =
Customer g
T »uf% = s ‘
oy, ’r"/(o'
tories &
- \
Webflow powers more than 100,000 websites for . g
businesses large and small. Read their stories and /
see what Webflow can do for your company. 3
TRANSFORMING THE DESIGN PROCESS AT:
getaround R RAMOTION V HELLOSIGN N% Lattice Petal {virta DAL 1V = ———


Enabling ecommerce

screenElements: Dialog Button

screenPatterns:
Bookmarks & Collections
Empty State

screenElements:
Stacked List
Badge

screenElements:
Dialog
Button
Stacked List
Badge

screenPatterns:
Other Action
Progress
Bookmarks & Collections
Empty State
Bookmarks & Collections

pageType: Application Application Application Application Application Application Application Application

screenKeywords:
Page: Home H 992 PX 100 ¥ o4 £ Uy &y
Ecommerce X A Webflow membership template for resource websites. O (EnDREEn
Selector
O Setup guide .
Memberbase All Resources  Log Out Free Sign Up
Q Discounts
H Orders
G" Subscriptions BETA b
- Select an element on the canvas
C c c e s s a to activate this panel.
ee desig
—
best resources and Ny
ected and curated f¢ A
O )
g ——
5et Access Now I
Recommended
blected
|w X
Ecommerce x  Categories ¥ Fiter | |  Select.. | | =) Export | | =t Import | | ## Settings _
]
LT @ setup guide 12 steps left Name Status Products Modified Published X
= Inventore Nobis Ut => Staged for Publish 0 Jan 9, 2023 4:21 PM
@ Products
ks
Laudantium Numquam Consequatur => Staged for Publish 0 Jan 9, 2023 4:21 PM
0 Categories >
S
= Quos Nostrum Id Et => Staged for Publish 0 Jan 9, 2023 4:21 PM
o @ Discounts
[l
-
Et Est Consequatur => Staged for Publish 0 Jan 9, 2023 4:21 PM
- E Orders
Molestiae Distinctio Voluptas Reiciendis => Staged for Publish 0 Jan 9, 2023 4:21 PM
“E G" Subscriptions -
=
Q Showing 1-5 of 5
|W Page: Home g 992 PX 100 % 0 o o3 (N &y
. f [0 None Selected
=i  Ecommerce X Setup guide Close
Selector
Y
Setup guide 12 steps left > 5
o pg p Set up your store og Out Free Sign Up
-_ Provide basic information and review settings for your store.
@ Products
E Add a business address Add a business address
) Add a business address in order to create shipping options and provide
P 0 Categories accurate tax calculations.
—
L
- a Discounts Review currency settings Review currency settings b
- Choose your store’s currency and define how your prices are formatted.
- H Orders Select an element on the canvas
s Add a product Add a product to activate this panel.
Add and describe your products any way you want with custom fields.
'_B G" Subscriptions :147.
Add a shipping method Add a shipping method
a Define where your store ships and how much you want to charge for
shipping. ..r'
| @ -
Review tax settings Review settings i
Control how your store calculates and collects tax on your products. J
- l—_\ 4
Design your store
Design your product pages, add a custom cart, and customize checkout for your customers.
Add and design your cart Add a cart
Place a customizable cart anywhere on your site from the add panel.
Design the product page Go to product page
Customize the look and feel of your product pages.
Design the checkout page Go to checkout page
Customize the look and feel of your checkout page.
[] Design ecommerce emails Go to email settings
Q Customize the design and language of emails sent to your customers.
P
9 Launch your store
Get your store ready to start accepting payment and orders from customers. _
|w X
Ecommerce % Discounts S Export =t Import _
]
L ° Setup guide 12 steps left

@ Products
ks

0 Categories
-
—
-
. @ Discounts >
-
- E Orders
“E G" Subscriptions -

No discounts exist
Create discount codes your customers can use at checkout

=
|W Page: Home g 992 PX 100 % 0 o o3 (N &y
. . [0 None Selected
=i  Ecommerce X Setup guide Close
—~ Add a shipping method Aad a shipping method Selector
etup guide 12 steps left > Define where your store ships and how much you want to charge for .
Shipping. og Out Free Sign Up
@ Products . . : ;
R Review tax settings Review settings
. Control how your store calculates and collects tax on your products.
0 Categories
-
—
L
.o  ¥& Discounts Design your store b
-
Design your product pages, add a custom cart, and customize checkout for your customers.
- H Orders Select an element on the canvas
°° Add and design your cart Add a cart to activate this panel.
Place a customizable cart anywhere on your site from the add panel.
'_B G" Subscriptions :147. 3
a Design the product page Go to product page
Customize the look and feel of your product pages. £
V47
. 0y
Design the checkout page Go to checkout page i
Customize the look and feel of your checkout page.
={OP—)
Design ecommerce emails Go to email settings
Customize the design and language of emails sent to your customers.
Launch your store
Get your store ready to start accepting payment and orders from customers.
Add payment provider Add payment provider
Payment providers allow your store to accept payment from customers.
Add hosting Add hosting @
A valid hosting plan is required to enable Webflow Ecommerce.
5 v Enable SSL Enable SSL
To ensure that payment processing is secure, SSL must be enabled.
oo Enable Checkout Enable checkout
e Your users won't be able to place orders until checkout is enabled.
|w X
Ecommerce X Products Y Filter M Select... =} Export =t Import £t Settings _
]
L ° Setup guide 12 steps left
@ Products >
ks
c .
- 0 ategories
=
Discounts
o B
- E Orders
“E G" Subscriptions -
You have 0 Products in your Collection.
Create sample items
Add 5 items Add 10 items Add 15 items
Sample items can help you start designing faster.
Or you can create a new Product.
e
|w X
Ecommerce X Products Y Filter M Select... =} Export =t Import £t Settings _
Ny @ setup guide 12 steps left Name Status Price Product type Modified Published X
= ,_f\ Unbranded Steel Ball => Staged for Publish $94.35 USD Advanced Jan 9, 2023 4:21 PM
@ Products > AR
]
B Generic Concrete’s.. > Staged for Publish $ 35.85 USD Advanced Jan 9, 2023 4:21 PM
0 Categories =
—
= 2% Generic Wooden Ba... => Staged for Publish $ 4.48 USD Advanced Jan 9, 2023 4:21 PM
o @ Discounts
.‘
- . R
.'%‘L Awesome Wooden ... => Staged for Publish $ 77.02 USD Advanced Jan 9, 2023 4:21 PM
- E Orders
B Awesome Plastic sh.. > Staged for Publish $14.31USD Advanced Jan 9, 2023 4:21 PM
“E G" Subscriptions -
u
Q Showing 1-5 of 5
|W Page: Home g 992 PX 100 % hp) < ‘“’ () &
Navigat v ] i - . S
B X1 A Webflow membership template for resource websites. Lottie Animation Styles
[ Body W% Create component
-
NP  ~© Announcement Banner
i Select
B \ [ Banmer Container x Memberbase All Resources  Log Out Free Sign Up elector
R Navigation . Select a Class or Tag
E » [ Nav Container
v [ Page Wrapper ¥ Grid Child
(] )
- ~ B Section
i Grid child styles aren't saved to the
oo ~ [0 Container E class so you can alter the placement
- v 2% Hero Grid of other elements that share the class.
- v [ Text Box I o f l%, GREIR
- i Heaang Access a libra r'yo R Eat prent grs
\" P Paragraph
] el o Position Auto Manual
0 Space ree de5|gn resources
e I I
W Button M\ —
N P Column span Row span
Outline button n @
_ The best resources and books from around the web, " G Align X T 4 3 1 As
~ 8 section collected and curated for your reading. @ ‘ A\ . Justity X (= | =] 3
_ — ) e
~ [ Container = Order b4 First ~Last  eee
~ [ Section Top
Ve Heading Get Access Now Contact Sales ~ Layout
W Button Display 3 [ [z] Al %
v £ Collection List Wraj|
v Spacin Lk
v &= Large 3 Grid a <
v £ eBook Box MARGIN o
¥ & Ebook Thu.. PADDING 0
P\ Image Co| 0 0 0 0
Paragraph 0
» @ Card Text Li [¢]
» & Empty State
v Size
» ) Call To Action Block
Featured Resources See All Resources _ )
4 Footer Width - Height °
Q Min W PX  MinH PX
oo
. Max W - MaxH -
Memberbase Memberbase Memberbase
9 (1 Body [0 Page Wrapper B Section O Container == Hero Grid we Lottie Animation =
Overflow () o4 = Auto


Plans

screenPatterns:
Subscription & Paywall
Pricing

screenPatterns:
Subscription & Paywall
Subscription & Paywall
Pricing
Settings & Preferences
Feature Info

screenKeywords:
Features Starter Freelancer Agency

CMS fields per collection (i} 30 60 60

CMS references per collection [ ] 5 10 10

Custom code o — v v

Remove Webflow badge on e _ _ v

unhosted sites

Site management features

Site transfer o v v v

Site password protection [ ] —_ v v

Code export [ ] — v v

Custom branding o — — v

Support and admin

Support (i} Email Email Email

Payment o — Credit card Credit card
Downgrade to Starter You are on Freelancer Upgrade to Agency
|PianS designed tO Freelancer For solo shops or small teams starting out
10 unhosted sites on webflow.io domains o
hei p yOU g rOW your $24 / mo Full CMS access on unhosted sites [ ]
. per seat, billed monthly . N
We beOW bUSineSS Free guest access in client Workspaces [ ]
Up to 3 seats as you build your team [ ]
You are on Freelancer
i . . . Site-specific access (coming soon) (i}
@ Build entire sites for clients in your
Workspace without friction
@ Transfer sites to clients and add a
Site plan to go live Agency For scaling businesses managing multiple clients
. . . . Unlimited unhosted sites on webflow.io domains
@ Collaborate with clients in their $42 / 4
. mo f
Workspace at no additional cost ' Full CMS access on unhosted sites (i)
per seat, billed monthly . N
Free guest access in client Workspaces [ ]
@ Unlock exclusive partner benefits Up to 9 seats as you scale your team e
(coming soon) Upgrade to Agency o o
Manage publishing permissions for your team [ ]
Site-specific access (coming soon) o
Starter For those getting started and learning webflow
1 seat o
$O / mo 2 unhosted sites on webflow.io domains [ ]
Downgrade to Starter
All prices are in USD and are charged per member with applicable taxes added at checkout.
|Webﬂow Dashboard Marketplace ~ Learn Resources v F 3 J5 Account -~
<« My Workspace Settings
Workspace Members Plans Billing Integrations Templates
Workspace
Workspace hame
My Workspace
You can upload images up to 256x256.
Public Workspace profile
Public profiles create a team page on Made in Webflow.
Off = Your Workspace profile is private.
Delete Workspace
|Features Starter Freelancer Agency
Downgrade to Starter You are on Freelancer Upgrade to Agency
&2 &
Lightning-fast, ultra-reliable Site plans.
Without the hassles.
Enjoy the fastest, most scalable hosting technology for your business
— without all the hassles of domain setup, FTP, cPanel, and other
annoying acronyms. Plus an entire website management platform.
Select site v Go to site
Learn more about hosting plans =
Explore Learn & get help Company Social
Dashboard Support About w
Marketplace University Careers o
|Webﬂow Dashboard Marketplace ~ Learn Resources v F 3 J5 Account -~
< My Workspace Settings
Workspace Members Plans Billing Integrations Templates
Workspace plans
Billed monthly Billed yearly
For in-house teams For freelancers & agencies Save up to 33% with yearly billing
H For solo shops or small teams starting out
Plans designed to Freelancer , serme
10 unhosted sites on webflow.io domains
hel p yOU g rOW your $24 / mo Full CMS access on unhosted sites
1 per seat, billed monthly Free guest access in client Workspaces
Webflow business g P
Up to 3 seats as you build your team
i . . . . Site-specific access (coming soon)
@ Build entire sites for clients in your
Workspace without friction
@ Transfer sites to clients and add a
Site plan to go live Agency For scaling businesses managing multiple clients
. . . . Unlimited unhosted sites on webflow.io domains
@ Collaborate with clients in their $42 /
Workspace at no additional cost . mo Full CMS access on unhosted sites
per seat, billed monthly . N
Free guest access in client Workspaces
@ Unlock exclusive partner benefits u
p to 9 seats as you scale your team
(coming soon) Upgrade to Agency o o
Manage publishing permissions for your team
Site-specific access (coming soon)


Apps

screenElements:
Navigation Menu
Grid List

pagePatterns:
Integrations Page
Integrations Page
Integrations Page

pageType: Marketing Marketing Marketing Marketing

screenKeywords:
Webﬂow Product ~ Marketplace ~ Learn Resources v Login Get started
BETA
Gi it
Add apps to your site and do even more.
Ready to build your own app? Visit our Developer Docs
Ecommerce Content Management Workflows Search + Filtering Analytics
Astroic Revidflow
by Astroic by ITecHut
Order invoice printing and bulk product Customer reviews in Webflow eCommerce
management for Webflow Ecommerce
Audienceful: Blogging & Newsletters . Superflow: Annotate live websites
' by Audienceful . by Superflow
‘ Publish Webflow posts and email newsletters .. Figma-style comments directly on Ul components
from a minimalist writing hub. & copy without leaving the live site.
Alloy Automation Ample Cloud
by Alloy by Ample Cloud
Alloy is the connective tissue for the ecommerce Import and sync your events to the world's most
software world. We integrate with hundreds of... powerful web design platform
Integrately Xano
11 by CompanyHub y by Xano
. Automate workflows bv intearatina with other ‘ Xano is the fastest wav to create a Scalable
|Annotations + Design Feedback Nocodelytics
by Punchlist by Nocodelytics Ltd
Gather comments and files you need to get your Simple Webflow analytics. Track users and get
projects done. insights that help you grow your business.
Load more
*%» <>
Request an app Want to build your own app?
Don’t see an app you would like to include in your site? Learn best practices for creating apps.
Request an app Read developer docs
Explore Learn & get help Company Social
Dashboard Support About w
Marketplace University Careers o
Designers Courses Sitemap y
Bloa Become an affiliate £
|Webﬂow Product v Solutions v Resources A Enterprise Pricing Login Contact sales Get started — it's free
GET STARTED WEBFLOW UNIVERSITY
T Marketplace im Templates W Made in Webflow - Figma to Webflow course
Browse community-created Find website templates for Find and clone inspiring sites - W Learn our design process — all the way
resources business & personal use #MadelnWebflow $ from concept to completion.
%4 Libraries & Hire an expert #® Webflow apps 21-day portfolio course
Build faster with powerful Get professional help with your Extend your site’s functionality
layouts next project with apps Building a business website
Webflow Ecommerce
LEARN
i Visit Webflow University Z
= Blog U Ebooks & Whitepapers © Webflow TV
The latest trends in web design Free content on web design, Stream highly curated and
and no-code freelancing, and more original Webflow content
GET HELP
USER RESOURCES Support
¢/> Developers ax Community Forum
Made in Webflow
|Astroic Revidflow
by Astroic by ITecHut
Order invoice printing and bulk product Customer reviews in Webflow eCommerce
management for Webflow Ecommerce
. Audienceful: Blogging & Newsletters . Superflow: Annotate live websites
by Audienceful . by Superflow
‘. Publish Webflow posts and email newsletters .. Figma-style comments directly on Ul components
from a minimalist writing hub. & copy without leaving the live site.
Alloy Automation Ample Cloud
e by Alloy by Ample Cloud
Alloy is the connective tissue for the ecommerce Import and sync your events to the world's most
software world. We integrate with hundreds of... powerful web design platform
Integrately Xano
by CompanyHub )’ by Xano
Automate workflows by integrating with other ‘ Xano is the fastest way to create a Scalable,
apps & get rid of tedious, time-consuming manu... Secure Backend for your Webflow site using No...
Parabola: Workflow Automation Monto - Apps for Ecommerce
by Parabola M by Monto
Build Flows to automate anything you'd usually do Boost your sales with Abandoned Cart Recovery,
in a spreadsheet, from reports to complex tasks. Reviews, Subscriptions, Affiliates, CRM & more!
Upsells and Cross-sells StoryChief - Content scheduler
by Flow Phantom by StoryChief
Boost AOV and increase revenue with the upsell The only Content Marketing Platform made for
and cross-sell solution built for Webflow... Webflow
{ CMS Sync Jetboost
!’ by Powerlmporter by Jetboost
" Easily sync your data with the Webflow CMS, Let your website visitors filter, search, and save
" without the zaps and headaches. CMS content, plus more — no code required. %
Whalesync Letterdrop
‘ ' by Whalesync l by Letterdrop
Two-wav svnc vour Webflow CMS with Airtable The best wav to publish to a Webflow bloa.


Duplicating a site

screenElements:
Dropdown Menu
Dialog
Dialog
Button

screenPatterns:
Action Option
Acknowledgement & Success
Other Action

screenKeywords:
webflow Dashboard Marketplace v Learn Resources v Iy J9 Account v
My Workspace v fed Q. Search sites...
My Workspace = Freelancer workspace
All sites Tutorials =} Date Created v LY
Access a library of Access a library of
Add sites free design resources free design resources
Move sitgs here from the —y —y
site menu.
* X Memberbase X Memberbase X Memberbase. X Memberbase X Memberbase X Memberbase.
I Starter site A B Starter site
Drafts L A
Copy of Membership site Membership site
View site membership-site-8c27e8.webflow.io
|webflow Dashboard Marketplace v Learn Resources v Iy J9 Account v
My Workspace v fed Q. Search sites...
My Workspace a . Freelancer workspace
All sites Tutorials % Date Created v ",
Access alibra = Delete
Add sites free design re;
. memenaeesy (B Duplicate
Move sites here from the S
site menu. M Move to folder
% Share
R e »° Editor
A § ¥ Settings
Drafts L
Membership site
membership-site-8c27e8.webflow.io
|1™ Duplicate Project
Site Duplication Started. You will get an email when it finishes
|1™ Duplicate Project
Your project, styles, pages, and images will be copied to a new project. You can
edit the subdomain and the name of your new project after it has been created.
Select the settings you want to copy:

Copy Hosting settings

Copy SEO settings

Copy Integration settings

Cancel
|Folder created
webﬂow Dasth . _ 39 Account v
My Workspace v fed Q Search sites...
My Workspace = Freelancer workspace
All sites Tutorials = Date Created v iy
. o
Access a library of
Add sites free design resources
Move sites here from the —y
site menu.
* X Memberbase X Memberbase X Memberbase.
A B Starter site
Drafts L
Membership site
membership-site-8c27e8.webflow.io