WL_Roadmap_1280x720.mp4

0 views

en Português Español

How was the video ?

Description

Transcript
Tags

Auto Scroll

00:00:00

In this tutorial, I'm going to be discussing the Roadmap Widget
00:00:03

The Roadmap Widget is an easy way to create a beautiful roadmap for your launch or company or a project of any kind
00:00:11

So if you ever want to display a series of steps or a timeline, you would simply use the Roadmap
00:00:16

It's located right here
00:00:18

Once you create that, it's going to ask you to input your items
00:00:21

We've got this one already pre -made just so you can see how it looks and you can see we have series of steps on the left
00:00:26

And on the right, the preview we can see each one has a picture, a title, a subtitle, and some text
00:00:32

So if you wanted to add another item, you would simply click the blue button, add a new item to the list
00:00:37

And it's very easy to input your title and your subtitle
00:00:42

And then your text would go right here and then you would put an image or an icon so we have a large library of free icons or welcome to use
00:00:54

Or you can use our global media library or upload your own image, whatever you want
00:01:00

And once you upload an image and save it, it will automatically add that to your roadmaps so you can see once we scroll down, it now has the picture, the title, the subtitle and the text
00:01:11

right there, very easy to use
00:01:14

And you can change the look and the layout right below here so you can see we're on this first one where it organizes it left, right, left, right
00:01:21

If you wanted to use the second one, you can see it'll put all the images on the left and then you'll see all the text on the right
00:01:27

So if we wanted to use that, it'll automatically update that
00:01:31

So now we have all the images on the left and the text on the right
00:01:34

And it does it all for you automatically
00:01:37

And if you want to use this one on the third one right here, this would actually make use of the bracketed steps right here
00:01:46

So you can rearrange these items once they're in your list
00:01:51

You can rearrange them however you want
00:01:52

So if you see right here, I can put step two right above step one and it'll update that
00:01:58

Now that's above and I can rearrange this however I want
00:02:00

And you can also put an item within another item
00:02:03

So if I take this step three and put this below and a little bit to the right of step two, that'll add that to that particular item
00:02:11

So now it acts as a category
00:02:13

So you can see step three is within step two and you can do that however you want and reorganize them however you want
00:02:21

And it's a very powerful tool to show a roadmap or a series of steps for a launch, a company or a project and an easy way to show a timeline as well
00:02:32

So I would recommend playing around with this and kind of experimenting
00:02:36

And as far as additional options are just like all of the other widgets, you can switch this to mobile only or desktop only
00:02:41

So you can have different roadmaps for mobile versus desktop
00:02:45

And the additional styles are just like all the other widgets
00:02:49

You can determine the space on the desktop
00:02:51

You can add some CSS for the custom widget class and you can even add a background or animations
00:02:57

So it's a very simple and powerful tool that will automatically create a roadmap for you in a very easy to use way