If you're creating a fundraising video, you already know how important it is to make donating feel effortless.

You can add a donation link in your video description — and maybe a pinned comment, too.

But most people won’t scroll. Many won’t even see it.

That means you’re leaving potential donations on the table.

What actually works better is placing the Donate Now button right on the video itself.

The viewer watches your message, feels the impact, and sees a clear way to give — no searching, no second steps.

So how do you make that happen?

In this guide, you’ll learn how to design a donation-ready video using Doodly, and add a clickable Donate button that lives on top of your video — fully visible and interactive.

No complex setup. No coding. Just a few simple steps to turn your video into a direct, action-driving experience.

If you can upload an image and copy a link, you're more than ready to do this.

Let’s walk through how it’s done.

Before adding a clickable button, you’ll need a video to attach it to — and for that, you’ll use Doodly.

Let’s walk through a sample setup.

In this example, you’re creating a video for a nonprofit campaign.

The goal is simple: get viewers to donate after watching.

To support that, your final scene should give the Donate Now button space to stand out clearly.

To plan your layout, start by uploading a Donate Now image into Doodly.

You can grab a free version from sites like Freepik or Pixabay, then import it into your asset library.

Drag it into your final scene as a placeholder while you design the layout around it.

This image won’t be clickable — you’ll replace it later in Voomly. But using it now helps you build your scene with the right spacing.

Once the button is in place, adjust your characters, text, and background to frame the call to action.

You want the button to be visible, clear, and not crowded by other elements.

After you’ve finished arranging your scene, it’s time to remove the placeholder image.

As mentioned earlier, this version of the Donate Now button is just for layout purposes.

You’ll be adding the actual clickable version inside Voomly — so to keep your video clean and distraction-free, delete the placeholder before exporting.

Once that’s done, open the Scene Settings for your final scene.

​Since removing the image slightly shortens your scene’s duration, you’ll want to add extra time back in.

Adding around 10 seconds ensures the real button you’ll insert later in Voomly has enough time to appear and stay visible long enough for viewers to take action.

With that done, you're ready to export your video. Click the Export button at the top left of your Doodly editor.

In the popup window, select the Upload to Voomly tab (not “Save to computer”).

Then choose your preferred resolution — 720p works fine for most fundraising content — and hit Export.

Once the upload finishes, close the window and head to the top right corner of Doodly. Click the cloud icon to open your freshly exported video in Voomly.

Once your video opens in Voomly, you’ll land on the Video Drive page where all your uploaded videos live.

Locate the one you just exported from Doodly.

If you're using Grid View, hover over the video and click the three dots in the upper-right corner. Then choose Customize video player.

This opens Voomly’s editing panel, where you’ll set up your interactive Donate Now button.

Inside the customization screen, head to the Interactions tab on the left. This is where you’ll find interactive tools like button, image, text, annotation, image annotation, quiz, turnstile, chapter and the share button.

Before adding anything, move the playhead in your timeline to the exact moment where you want the Donate Now button to appear.

In this example, we placed the button shortly after a drawn arrow points to a blank space — a natural moment to prompt viewers to take action.

Once your playhead is in the right spot, go back to the Interactions tab. Find Image, then drag and drop it onto the video canvas. This creates an image placeholder on the screen and a new interaction on your timeline.

You can rename the image interaction if you’d like — it helps keep things organized, especially if you add more elements later.

With the image placeholder added to your video, it’s time to set up what happens when someone clicks it.

Start by selecting the Image Interaction on your timeline. On the right-hand menu, you’ll see an Action section.

By default, the "On Click" setting is set to Do Nothing — which, of course, we want to change.

Open the On Click dropdown and choose Open URL. Then paste the link you want to direct viewers to.

This could be:

Basically, wherever you want them to complete the donation process.

Below the URL field, there are a few more optional settings. You can:

You can leave these at their default settings unless you want a specific visual behavior. In this tutorial, we’ll keep them as-is.

Now it’s time to upload the real Donate Now button image.

​Click the Upload Image option. Find the image file you used earlier as a placeholder in Doodly (or upload a new one).

Once uploaded, the placeholder on your video will be replaced with your actual button.

Resize the image by dragging the bottom-right corner of the image on the canvas. You can also move the button by clicking the top-right icon and dragging it to the spot you want.

Once you’re happy with the size and placement, preview the result. Move the playhead just a bit earlier in the timeline, click play, and check how it looks when the button appears.

​When it feels right, hit Save in the upper-right.

Now that your button is active and clickable, it’s time to put your video out into the world.

​In the top-right corner of the Voomly editor, click the Share button (right next to Save). This opens a panel with several sharing options, depending on how and where you want your video to appear.
​
​You've got a few solid choices: