Video tutorials
/
Create an Interactive YouTube Playlist in Salesforce Screen Flows: No Code with Avonni Components
Screen Flows

Create an Interactive YouTube Playlist in Salesforce Screen Flows: No Code with Avonni Components

A screen flow that lists videos stored in Salesforce and plays the selected one in a video player.

Beginner
9:13
Tutorial
Create an Interactive YouTube Playlist in Salesforce Screen Flows: No Code with Avonni Components
Play video
Chapters
0:00 Introduction & Final Result 1:00 Custom Object overview setup 1:30 Creating the screen flow and adding a Get Records element 2:01 Adding a Screen Element 2:42 Configuring the Avonni List 4:50 Configuring the Avonni Illustration 6:03 Creating a formula to dynamically generate the youtube link 6:45 Configuring the Avonni Video Player 8:04 Adding our flow on a page using Lightning App Builder
Click a chapter to jump to it
Watch on YouTube

What you will build

Build a playlist in a screen flow: a list of videos stored in a custom object, and a player that shows the selected one. For Salesforce admins who want media on a Lightning page without code.

  • A custom object that stores the videos, loaded with Get Records
  • The Avonni List, configured to show the videos
  • An Avonni Illustration for the empty state
  • A formula that builds the YouTube link of the selected video
  • The Avonni Video Player, and the flow added to a page with Lightning App Builder

Before you start

The Avonni Flow Screen Components package.

Transcript

Show the full transcript
In this video
List
See the component
Documentation
Read the step by step docs
See it as a use case
No items found.
Build it in your org

Free in sandboxes, 10 free production licenses.

Start free
Keep going

Related tutorials

How to Build Reorderable Lists in Salesforce (Avonni List + Flow)
11:00
Screen Flows

How to Build Reorderable Lists in Salesforce (Avonni List + Flow)

A drag-and-drop list in a screen flow that saves the new order back to Salesforce, shown on a backlog.

Intermediate
Tutorial
Build a Dynamic, Reactive Map in Salesforce Screen Flows with Avonni Components: No Code
14:32
Screen Flows

Build a Dynamic, Reactive Map in Salesforce Screen Flows with Avonni Components: No Code

A screen flow with a map of accounts and a details panel that updates when you select an account.

Beginner
Tutorial

Find your next tutorial

Browse the whole library, filtered by where it runs and what you want to build.

All video tutorials