Tutorial 3

Add medias

You want to let your visitors see your Youtube presentation video, or hear your latest hit? AppDrag lets you do that and a lot more. Let’s take a look.

Media

Step 1: Add media element

Whether it is a video, a PDF or a playlist, share any media with your audience in a few clicks.

Start by opening the media elements gallery by clicking on the add button, select the elements category, and finally Medias.

Then simply drag and drop the element you want to show, a Youtube video, a Soundcloud playlist, or even a pdf document anywhere on the page


Step 2: Get media link

You now have to get the link of your media, no worries, it’s very simple.

For a youtube video, simply open it in your browser, click in the address bar and copy the address shown, this is the video’s link.

Do the same for others video platforms like Dailymotion or Vimeo.


Step 3: Customise element

Now, to customise an element, simply double click on it, enter the link you got earlier and then click on the refresh button.

And, that’s it! After you publish your website, your visitors will be able to enjoy your newly integrated medias.


PDF

Step 1: Upload a PDF document

To show a pdf document to your visitors or to let them hear an mp3 file, you first need to upload them.

To upload a new file Click on the “Assets manager” button, select the “Files” category and click on the “Upload file” button.

In this new screen you will be able to drop any file you want to host, from mp3 to pdfs.

​You can also use the browse button to select on the computer the file you want to upload.

Once its uploaded, copy the link by clicking on the link button (the blue one).


Step 2: Customise element

After you copied your pdf's link, double click on the pdf element you dropped (Add components > Elements > Medias > PDF element).

Then, simply paste your link in the dedicated input, and click the refresh button.

That's it, your visitors will now be able to see your pdf documents.

Previous: Quick Modifications

Go to previous tutorial

Next: Page Header

Go to next tutorial