Process / Project Walkthrough Widget Creator (V1.9)

Build a walkthrough and export a single self-contained snippet that works in embeds.

Saved

Widget Settings

Widget Title (visible + crawlable)

Step FAQ Header Text

Global FAQ Header Text

Show “Next Step” button

Output FAQ schema (JSON-LD) Include Step FAQs in schema

Colors

Background

#000000

Card Background

#000000

Heading Text

#000000

Body Text

#000000

Muted Text

#000000

Font Sizes

Widget Title (px)

Step Heading (px)

Step Summary (px)

Body Text (px)

Nav Step Buttons (px)

FAQ Text (px)

Shadows

Widget Shell Shadow

Cards Shadow (Nav + Main)

Step Buttons Shadow

Active Step Shadow

Image Shadow

Radius (px)

Show progress (“Step X of Y”) Show Step FAQs Transparent widget background

Transparent background only affects the outer widget shell. Nav/Main still use “Card Background”.

Steps

Global FAQ (optional)

Step-level FAQ is edited inside each step. Images are stored inline (base64) in the export.

Live Preview Click steps to switch. Phone mode simulates mobile width.

Export Snippet

Paste the export into a Code Block / embed area on the real page.

Our Process

Step 1 of 2

Discovery & Planning

We clarify goals, budget, timeline, and constraints.

We start with a clear plan so the project is predictable and stress-free.

FAQh

How long does it take?

Timelines vary by scope. We’ll give a clear schedule during planning.

Process / Project Walkthrough Widget Creator (V1.9)

Widget Settings

Colors

Font Sizes

Shadows

Steps

Global FAQ (optional)

Our Process

Discovery & Planning

Build & Execution

FAQh

Cosmic Outliner