Skip to content
  • There are no suggestions because the search field is empty.

How to Build a Spokenote Landing Page in the Page Editor

Learn how to create a fully branded Spokenote landing page using the Page Editor. This guide walks through adding a logo, recording or uploading a video, creating a call-to-action button, customizing colors, and publishing your page for viewers.

Ready to create a video experience your audience will actually want to interact with? The Spokenote Page Editor lets you build a branded video landing page in just a few minutes—no design degree required.

Follow these simple steps to create your page from start to finish.

Step 1: Add Your Company Logo or Header Graphic

Start by turning on the Top Image toggle.

This allows you to add your company logo, campaign banner, or header image to the top of your landing page.

💡 Pro Tip: Your logo is often the first thing visitors see. A little branding goes a long way.

Step 2: Upload Your Header Graphic

Click Choose File and select an image from your computer.

Supported examples include:

  • Company logos
  • Campaign graphics
  • Event banners
  • Product images

As soon as the image uploads, you'll see a preview on the right side of the screen.

Step 3: Adjust the Logo Size

Use the Max Width field to resize your logo or header image.

Watch the live preview panel on the right to see how it will appear to visitors.

Find the sweet spot between "professional" and "taking over the entire page."

Step 4: Choose How You'll Add Your Video

Now for the fun part.

You have three options:

Option A: Record a Video
Click Record to create a video directly inside Spokenote using your computer's webcam and microphone. Perfect for:

  • Welcome videos
  • Thank-you messages
  • Personalized outreach
  • Quick updates

Option B: Upload a Pre-Recorded Video
Already have a video saved? Click Upload instead of Record and select a video from your computer, cloud storage, shared drives, or downloads folder. No need to record twice.

Option C: Choose from the Media Library
Already have images or videos stored in Spokenote from a previous upload — like the logo you added earlier, or a video used on another page or campaign? The Media Library lets you browse and reuse that existing content instead of uploading it again.

  • Open the Media Library from within the Page Editor.
  • Browse your previously uploaded images and videos.
  • Select the one you want to use for this page or campaign.

You can also upload something new directly into the Media Library at this point if what you need isn't there yet. It doesn't have to already exist from a prior upload.

💡 Why this is useful: if you're building multiple pages or a campaign that reuses the same logo, intro clip, or branded asset, the Media Library saves you from uploading the same file over and over.

Step 5: Review Your Video

Take a moment to preview your recording.

Check:

✅ Audio quality

✅ Video quality

✅ Lighting

✅ Message delivery

Need a do-over? Click Reset Video and try again.

Step 8: Upload a Pre-Recorded Video (Optional)

Already have a video saved?

Click Upload instead of Record and select a video from:

  • Your computer
  • Cloud storage
  • Shared drives
  • Downloads folder

No need to record twice.

Step 6: Add a Call-to-Action Button

Once your video is ready, turn on the Button toggle.

CTA buttons appear directly below your video and help viewers take the next step.

Examples:

  • Schedule a Meeting
  • Visit Our Website
  • Donate Now
  • Contact Us
  • Learn More

Step 7: Add Your Button Text

Enter the message you'd like displayed on the button.

Examples:

  • Schedule a Demo
  • Learn More
  • Request Information
  • Email Me
  • Shop Now

The preview panel updates automatically so you can see exactly how it will look.

Step 8: Choose Your Button Action

Next, select what happens when someone clicks the button.

Available options include:

🌐 Website Link — Direct visitors to a webpage

📧 Email — Launch an email to your team

📱 Text Message — Allow viewers to send a text

📞 Phone Call — Let viewers call you directly

Choose the option that best supports your campaign goals.

Step 9: Enter Your Destination

Depending on your selected action, enter:

  • Website URL
  • Email Address
  • Phone Number
  • Text Message Number

Spokenote automatically connects the button to the action you choose.

Step 10: Customize Button Colors

Match the button to your brand by adjusting:

  • Background Color
  • Text Color

The live preview updates instantly so you can see your changes in real time.

🎨 Make it look like your brand—not someone else's.

Step 11: Save Your Landing Page

Happy with everything?

Click Save.

A confirmation window will appear reminding you that Dynamic Video and page content cannot be edited after saving.

Select Save one final time and you're done!

🎉 Congratulations—you've officially built your first Spokenote landing page.

How to Page Editor Workflow