Level 5 - Lesson 9: CoPilot Designer Editing Popup Nodes

PREV:

Level 5 - Lesson 8: CoPilot Designer Editing Random Nodes - (Coming soon)

NEXT:

Level 6: Voiceover Audio

Lesson information:

As you watch the video, look out for these learning points:

Pop-up Nodes are a great way to welcome a user to a learning experience and impart information throughout the flow.
How to tie Pop-up Nodes to Variables and Conditional Nodes.

Pop-up Nodes (edit features on the right-side panel)

→ Add text + optional image

Add a Header, sub-header and text message
Add a jpeg or png image (logo, photo, visual aid), if desired.

→ *Tips

*If a learner is falling below the threshold for a particular skill, you may want to create a Pop-up Node to notify the learner and remind / encourage them to apply previously learned skills.
*Duplicate a page to add an additional page and have more space for text (280 character limit per page)
*Preview your Pop-up in 3D Preview to make sure it looks the way you’d like it to!

‣

Video Transcript

Hey everyone, Lisa here with a quick lesson in using and editing pop-up nodes. Pop-up nodes, we use them a lot and they are a really great way to welcome a user to a learning experience, maybe give them a hint of what's to come.
We also use them throughout our flows to impart information, perhaps that they might want to reference or keep in mind.
And in fact, we often tie them to variables and conditional nodes. So if a learner is, let's say falling below a threshold for a particular skill, active listening, we might trigger a pop-up node that tells them, hey, don't forget to use the skills that you learned in the last flow with your coach about active listening.
And be sure to apply them here. So lots of different ways that you can utilize those. Once you have one created in your canvas as with all nodes, you can edit them directly into the node right here.
That's kind of your quick edit functionality or on the right hand rail, it popped out and gives you the ability to add a little bit more metadata and detail.
Now I am just going to throw in some placeholder text here so that when we go to three view preview, we're able to see what it looks like.
There is also the ability to add a JPEG or PNG generally something that's fairly small, not super high resolution. And that might be a logo
That might be a really simple visual aid that you'd like your pop up to have. Now underneath here, you're able to change the name of the button.
Let's call it button. But the default is okay. You can also add a secondary button if you'd like. That's kind of a cool little extra function.
And then you can add a second page of your pop up. So that's just a little bit of functionality, as well as if you've run out of characters here, you get about 280.
Maybe you need a second page of your pop up. And with that, you could just duplicate the first one. And here it is.
You can add more. I'm just going to call this number two for all of these. And now we have our, Pop up, we have our quick flow.
Let's go back and see what it looks like in 3D preview. You can delete this part.
Hope this is helpful. Thanks everybody.

✅

Mark Actions as ‘Completed’ in the Actions Checklist

Download any supporting Resources & Documents:

📘

Mark this Lesson as ‘Completed’ in the Progress Tracker

…and then go to the next Lesson! 💪

Level 6 - Lesson 1: VO Basics

Completed