Skip to content
English - United States
  • 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 two 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

Step 5: Record Your Video

When you're ready:

  1. Position your camera
  2. Smile 😄
  3. Click the red Record button

Your recording can be up to 5 minutes long.


Step 6: Stop Recording

Once you've finished your masterpiece, click Stop.

Don't worry if it wasn't perfect. You can always record again before saving.


Step 7: 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 9: 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 10: 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 11: 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 12: 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 13: 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 14: 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