Tutorial draft

How to build a Loop.

A polished first-pass tutorial plan for recording the Loops Builder walkthrough. Use this to capture the screen, record the voiceover, and edit a professional launch video.

2:50 walkthrough16:9 + mobile cut

Scene one

Your community should not look like everyone else's.

Clean intro, branded frame, simple promise, then straight into the builder. No filler. No developer language.

Step

Name

Step

Modules

Step

Preview

Storyboard

Eight scenes, one clear path.

This is structured for a tight 2-3 minute tutorial. Each scene has the voiceover, screen target, and exact action to record.

Scene 1

Open with the promise

0:00

Visual

Loops Builder landing page

Narration

Your community should not look like everyone else's. Loops Builder helps you create a branded social community around the people you serve.

Show the hero, then click Start Building.

Scene 2

Name the community

0:18

Visual

Community name, slug, and purpose fields

Narration

Start with the basics: what your community is called, where it lives, and who it is for.

Type a clean example name and show the URL preview updating.

Scene 3

Save time with a website scan

0:38

Visual

Existing website scan panel

Narration

If you already have a website, Loops can use it as a starting point for copy, style, and community setup.

Paste a sample site, run scan, and show imported suggestions.

Scene 4

Choose the experience

0:58

Visual

Layout and community type options

Narration

A Loop can feel like a learning space, member hub, local network, creator world, private group, or something completely your own.

Select a layout and point to the live preview.

Scene 5

Install modules

1:20

Visual

Modules grid

Narration

Turn on the pieces your people need: feed, events, courses, chat, directories, resources, commerce, and more.

Toggle several modules and show how the preview changes.

Scene 6

Set brand and rules

1:45

Visual

Logo, colors, privacy, permissions

Narration

Your community keeps its own look, culture, access rules, and owner controls while staying connected to the wider Loops universe.

Change colors, choose privacy, and highlight owner control.

Scene 7

Preview before paying

2:10

Visual

Preview demo button and generated community preview

Narration

Before launch, preview the experience. Make sure the flow, modules, and first impression feel right.

Click Preview demo and show the generated community page.

Scene 8

Launch and handoff

2:35

Visual

Payment and launch summary

Narration

When you're ready, launch your Loop. The owner receives the community link, dashboard access, invite tools, and setup details.

Return to builder final step and show the handoff checklist.

Voiceover

Clean, premium, direct.

This script avoids feature soup. It sells the transformation: build a real community experience, preview it, and launch when it feels right.

Your community should not look like everyone else's.

Loops Builder helps creators, businesses, schools, churches, teams, clubs, and local groups create a branded social community in minutes.

Start with the basics: name your community, choose the URL, and describe who it is for. If you already have a website, Loops can scan it and use that as a starting point.

From there, choose the experience. Your Loop can feel like a learning space, a member hub, a creator world, a local network, a private group, or something completely your own.

Install the modules your people need: feed, events, courses, chat, directories, resources, commerce, and more. Then set your brand, privacy, rules, and owner controls.

Before you pay, preview the community. Make sure the layout, modules, and first impression feel right.

When you're ready, launch. Your Loop gets its own community experience, owner dashboard, invite tools, and connection to the wider Loops universe.

Loops Builder: start your community, shape the experience, and launch your own corner of the social web.

Production guide

How to make it look professional for free.

Record the screen with OBS Studio. Edit in CapCut Desktop or Canva. Add captions, music at low volume, and two branded title cards. That is enough to make this feel like a real SaaS tutorial.

OBS for recordingCapCut or Canva for editing
Record at 1920x1080 or higher with the browser zoom set to 100%.
Use a clean demo account and avoid showing private email, API keys, billing data, or dashboard internals.
Keep mouse movement slow and intentional; pause for half a second after each click.
Record the screen first, then record voiceover separately for cleaner audio.
Add captions, soft zooms, and short section labels in CapCut or Canva.
Export one 16:9 version for the website and one 9:16 cutdown for social clips.

Next step

Record the raw walkthrough.

Open Builder