Adding QR Code Interactivity to Your Doodly Videos

voomly-team-avatar png

Sunday, September 29, 2024

We’re always looking for new ways to level up your whiteboard animations, right?

From using frameworks and matrices to adding GIFs, there’s no shortage of ways to make your videos more engaging.

Well, here’s another trick to add to your toolkit: QR codes!

These little squares have become a familiar sight, from menus to marketing materials, and they’re super easy to integrate into your animations.

Think of it as the next step in boosting interactivity.

With a quick scan, your viewers can jump straight to your website, product page, or bonus content—making your whiteboard videos more dynamic and action-driven.

It’s a simple way to keep your audience engaged beyond the animation itself.

In fact, according to Forbes, interactive content like QR codes significantly boosts engagement and conversion rates.

So, why not take advantage of that and add QR codes to your Doodly videos?

It’s just one more way to make sure your audience stays connected and interested.

In this tutorial, we’ll show you how to easily add QR codes to your Doodly animations, giving your videos that extra edge.

Ready to take your whiteboard animations up a notch?

Let’s jump in and make it happen!

Step 1: Understanding the Use of QR Codes in Whiteboard Animations

Alright, let’s dive into why QR codes are such a game-changer for your whiteboard animations.

You’ve probably seen QR codes everywhere—on menus, ads, product packaging—and for good reason.

These little scannable codes make it super easy for people to engage with content.

With just a quick scan, users can be taken to a webpage, a video, or even a download link without lifting more than their phone.

So how does this fit into your Doodly whiteboard animations?

By adding a QR code to your video, you can provide viewers with more ways to interact.

It’s no longer just about watching—viewers can scan a QR code and instantly jump to your website, product page, digital business card, or another video you’ve created.

This gives them a seamless way to take action, all within the video itself.

For example, if you’re using a whiteboard animation to explain a new product, you can add a QR code at the end that links directly to a purchase page.

Or, if you're delivering an educational video, you could use a QR code to provide additional learning materials or a downloadable PDF.

One thing to keep in mind: QR codes are great for desktop viewers, as they can easily use their phones to scan the code.

But for mobile viewers, scanning the QR code becomes a bit tricky since they’re already on their phone.

That’s why it’s always a good idea to include a clickable link in your video description or pinned comments if you’re posting on social media.

That way, no one misses out.

In the next section, we’ll cover how to create and configure your very own QR code, ready to take your animation to the next level.

Step 2: Creating and Configuring a QR Code

Now that we know why QR codes are a fantastic addition to your whiteboard animations, let’s get into the fun part—creating your own QR code!

​Creating a QR code is super easy. You have two main options: using an online generator or leveraging tools you might already have, like Canva, which comes with a built-in QR code generator.

Option 1: Use a Free Online QR Code Generator​

  • Head to Google and search for "free QR code generator."
  • You’ll find tons of options like QRCode Monkey or QR Stuff. Pick one that looks good to you.
  • Enter the URL or the action you want the QR code to lead to—whether it’s a webpage, a file download, or even an email contact link.
  • Customize the design if the tool allows it (you can often change the color or add a logo).
  • Hit “Generate” and download your shiny new QR code!

Option 2: Use Canva to Create a QR Code

Let’s take it up a notch by using Canva, a tool many of us already use for quick designs. Canva has a built-in QR code generator, and it’s super easy to use.

  • Open Canva and create a new design. For this example, let’s make an Instagram post size (1080x1080), as it's a nice square format.
  • Click “Elements” on the left-hand side and type in “QR code generator.”
  • Click the QR code app, and a box will pop up asking for your URL. Enter the URL you want your QR code to link to—whether it’s your website, another Doodly video, or a landing page.
  • Canva will generate the code for you instantly. Resize and position it wherever you need in your design.
  • Download the QR code in a PNG or JPEG format, and you’re ready to move on to the next step!

QR codes are flexible, and you can use them in multiple places. For example, link to a website, share a PDF, or direct viewers to an interactive landing page. It’s up to you!

Step 3: Adding the QR Code to Your Doodly Video

Now that you’ve created your shiny new QR code, it’s time to take things up a notch by integrating it into your Doodly video. It’s a simple process that can instantly add more interactivity to your animations.

Uploading the QR Code to Doodly

  • Open Doodly and create a new scene or open an existing one.
  • Head over to the 'Props' tab. At the top, you’ll see a blue and white plus sign—click that to upload your QR code image.
  • Find the QR code you created earlier (either from Canva or another generator), and drag it into the props library.
  • Now, simply drag the QR code from the props panel onto your canvas, positioning it where you want it to appear in your video.

Enhancing Engagement​

The QR code can lead to any number of actions—whether it’s linking to a contact form, offering a special promotion, or providing extra resources like a video or downloadable PDF.

Keep your audience’s needs in mind and give them an easy way to take action right from your video.

In the next step, we’ll discuss additional tips for making sure your QR code works for both desktop and mobile viewers!

Step 4: Providing Alternative Options for Mobile Viewers

While QR codes are a great way to add interactivity, mobile viewers might find it tricky to scan a QR code while watching the video on their phones. But don’t worry, there are several easy ways to make sure your content is accessible for everyone, no matter the device.

1. Include Clickable Links

The simplest solution for mobile viewers is to include a clickable link in the video description or as a pinned comment if you’re posting your video on social media platforms like YouTube or Facebook.

This way, mobile users can tap the link and still access the content you’re promoting via the QR code.

Pro Tip: In your video, mention something like, “If you’re watching on mobile, click the link below!” to guide your viewers.

2. Keep the QR Code in View Throughout the Video

Another option is to keep the QR code visible throughout the entire video by embedding it into the background.

This way, viewers can scan the code at any point without missing their opportunity.

Here’s how to do it:

Create a Background in Canva:

  • Open Canva and create a new design with dimensions 1920x1080 (Doodly’s default size).
  • Place your QR code in one of the corners so it doesn’t interfere with the main content but stays visible.
  • Download the design and save it as a PNG or JPEG.

Set the Custom Background in Doodly:

  • In Doodly, click the gear icon for background settings.
  • Select “Custom Image” and upload your Canva background with the embedded QR code.
  • Apply this background to all scenes in your video.

3. Make the QR Code Dynamic

For added engagement, you can make the QR code appear at key moments during the video rather than having it sit there the entire time.

This keeps things dynamic while still giving viewers the opportunity to interact with the code when relevant.

​Now, if you're looking for an even smoother, more integrated solution for mobile users, Voomly is the way to go!

The Voomly Advantage: Interactive Clickable Features

One of the best ways to ensure easy interaction for mobile viewers is by using Voomly. Voomly, part of the Voomly Cloud, allows you to add different types of clickable buttons directly inside your video.

So, when viewers are watching your Doodly animation on their phones, they can simply tap a button and be taken directly to your website, product page, or any other link you want.

Benefits of Using Voomly for Clickables:

  • Seamless Integration: Add buttons anywhere in your video so viewers can take action without needing to pause.
  • Mobile-Friendly: Clickable buttons are perfect for mobile viewers who can’t scan QR codes while watching your video.
  • Customizable CTAs: Create action-driven buttons that guide viewers exactly where you want them to go.
  • Track Engagement: With Voomly’s built-in tracking, you can measure how many viewers clicked through, giving you insights into your video’s performance.

By using Voomly’s interactive features, you ensure that your video is accessible and engaging for everyone, no matter the device.

Whether it’s clickable links, QR codes, or buttons, your viewers will have multiple ways to interact with your content!

Step 5: Final Touches and Tips for Optimizing QR Codes in Videos

You're almost done! Now that you've added your QR code to your Doodly video and made sure it's accessible for both desktop and mobile viewers, let’s wrap things up with a few final touches and tips to ensure your QR code works seamlessly and looks great.

1. Test Your QR Code

Before publishing your video, always test the QR code to make sure it works properly. Grab your phone and scan the code from your video preview to verify that it takes viewers exactly where you want them to go.

2. Optimize for Timing and Placement​

Remember, timing is everything! Ensure the QR code appears at the right moment in your video, giving viewers enough time to scan it. Ideally, place it toward the end, or during a natural pause in the content, so viewers aren’t distracted from the main message.

Bonus Tip: You can add a slight delay before the QR code appears, giving viewers a moment to focus on it. In Doodly, adjust the timing so that the QR code fades in smoothly as the video wraps up.

3. Consider Size and Visibility

Make sure your QR code is large enough to be easily scanned but not so big that it overwhelms the rest of your animation. A good rule of thumb is to keep the QR code visible, clear, and free from any overlapping graphics or text.

4. Think About Call-to-Action (CTA)

Don’t forget a strong CTA! Encourage your viewers to scan the QR code by giving them a reason to do so. Whether it’s a “Scan here for a special offer!” or “Learn more by scanning this code!”—make sure your audience knows exactly what they’ll get by interacting with the QR code.

5. Preview Before You Publish

Before hitting publish, preview your video. Double-check that the QR code placement, timing, and visibility all look perfect. Ensure the video flows smoothly, and everything is aligned with your goals. Once you’re satisfied, you’re ready to go live!

Conclusion: Enhancing Your Doodly Videos with QR Codes

And there you have it! Adding a QR code to your Doodly videos is a simple yet effective way to bring interactivity and engagement to your animations. Whether you’re directing viewers to your website, a special offer, or even another video, QR codes give your audience an easy way to connect with your content in real-time.

Let’s quickly recap what we’ve covered:

  • We explored how QR codes can boost interactivity in whiteboard animations, making your videos more dynamic and action-driven.
  • You learned how to create and configure a QR code using Canva or an online generator.
  • We walked through the process of adding your QR code to a Doodly video, optimizing placement, and ensuring clear visibility.
  • We also made sure you provided alternative options for mobile viewers, keeping the experience smooth for everyone.
  • Finally, we discussed important final touches and tips to ensure your QR code works perfectly and your video stands out.

By integrating these tips into your next whiteboard animation, you can take viewer engagement to the next level. Whether you're in marketing, education, or content creation, QR codes can help turn passive viewers into active participants.

Now it’s your turn! Go ahead and experiment with QR codes in your next Doodly project. Who knows, that little square of interactivity might just be the key to making your content pop.

Got questions? Feel free to drop a comment below, or share your experiences with adding QR codes to your animations. We’d love to hear about your creative uses!

Leave a comment

Your email address will not be published. Required fields are marked *

cover-2-1024x623.gif

8 Min Read

Video marketing is a preferred method to promote business these days. It is a great marketing tool that can help you stay relevant and help guide potential clients towards you. […]

cover-jpg-1024x576.jpg

8 Min Read

Did you know that a customer review is the most important factor in your SEO strategy? It can be hard to get and keep customers, but once they move to […]

cover-2-1024x576.png

8 Min Read

Have you ever seen a product that made your head turn? It caught your attention, right? Now, that doesn’t necessarily mean you were interested in the product, but for some […]

Skyrocket Sales & Conversions Like Never Before Using Voomly’s Incredibly Intuitive Interface!

Voomly is the perfect platform to host videos advertising your brand.

And with its ultra-customizable, no-coding-required video tools, you’ll get the absolute best results from your sales videos.

Select video player colors, border skins, player skins, and customized thumbnails … potentially increasing your sales video views by as much as 4X, according to some research.

Drive website traffic by adding a clickable brand logo to your video player … so anyone watching your videos can easily find out more about your products and services.

Promote a professional image by using video players that “travel” with your video … so when your videos are shared via social media, everyone sees them in a video player that displays your logo and brand colors.

Hide or display controls, like the play bar, time, volume, speed, autoplay, full-screen option and more, customizing your player to your marketing goals.

image_2022_05_30T06_20_22_141Z.png

Give Voomly A Try For FREE Today

30-Day Money Back Guarantee

If you are not completely satisfied with Voomly within 30 days, we will refund 100% of your payment. Just email us at support@voomly.com and every penny will be gladly refunded to you within the first 30 days. Nothing could be more fair than that.

This site is not a part of the Facebook website or Facebook INC. Additionally, this site is NOT endorsed by Facebook in ANY WAY. Facebook is a trademark of Facebook INC. You understand this to be an expression of opinions and not professional advice. You are solely responsible for the use of any content and hold Voomly LLC and all members and affiliates harmless in any event or claim. You can also safely assume that I get paid anytime you click on a link on this site. We recommend that you do your own Independent research before purchasing anything.