Home>Support>Download button: How to make it direct download?

Download button: How to make it direct download?

Hello,

I have the option to create a download button but I would like to know how can I apply to this button to be a direct download. I basically don’t want people to have to access to another page when they download. I really like the button I have at the moment and would like to keep it like this but as a direct download or if the circle icon could be a direct download itself would be even better, if it is possible. Here is the page : http://www.samruault.com/about-me/

Thanks
Sam

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 8 months ago wouter

    Just change the link of your circle icon.

    Now its going to your cv&portfolio page: http://www.samruault.com/download/cv-portfolio/

    Change that link to the location of your actual file.
    I think its: http://www.samruault.com/download/cv-portfolio/?wpdmdl=268
    Altough that seems a bit weird. I would expect something like: http://www.samruault.com/download/cv-portfolio/MyPortfolio

    btw; Nice portfolio ;)

  2. 8 years, 8 months ago samruault

    Hi,

    Thanks for the portfolio comment :)

    I couldn’t find where to change the name on the download manager. Instead, I found a way to, when clicking on download that it opens a pdf window with the pdf to download or not. Is it possible to do that but in a brand new page? In the visual editor it usually ask if we want to but not in the icon visual editor. Should I ask some coding?

    And another thing, the more info button under the download text, looks a bit weird. Is it possible to take it off?

    Thanks,
    Sam

  3. 8 years, 8 months ago wouter

    What do you mean by “a brand new page”. I think it depends now on the browser whether the pdf is being previewed (like in chrome) or it’s downloaded if the browser isn’t capable. Otherwise I don’t know. You could always tell people to ‘right click to download’ The “more info” field could be useful for such a line.
    If you don’t mean a page you made, but just not the page/tab you’re currently on? then I only know that in html it’s

    target="_blank"

    added. So maybe adding that to the more URL works. But I won’t be surprised if it doesn’t!

    Removing the “more info” would require some custom CSS. Do you have the css editor plugin installed?

    I’m currently also completely redesigning my portfolio and website, so i’m running into similar problems. Maybe I’ll ask you for help or advise at some point :)

  4. 8 years, 8 months ago samruault

    Hi,

    Thanks for the help it is in fact the target=”_blank” function that I need but even when I add it to the html code it doesn’t work. At least I know what to try and try again until it works :) Thanks

    If you have any question and I know how to, I will help you of course :)

    Thanks for your time :)

  5. 8 years, 8 months ago samruault

    Hi,

    I tried all I could by adding the code but it doesn’t work. Do you have any idea on why? Is there a specific way of doing it?

    Sam

  6. 8 years, 8 months ago wouter

    Where are you adding th target=”_blank” to your code?

    Make sure it looks like:

    <a href="http://www.samruault.com/wp-content/uploads/2016/01/Portfolio-SamRuault-Brand-creative.pdf" target="_blank">DOWNLOAD!</a>

    To open in a new page/tab

    I think I figured out your direct download. Use this html

    <a href="http://www.samruault.com/wp-content/uploads/2016/01/Portfolio-SamRuault-Brand-creative.pdf" download>DOWNLOAD!</a>

    It should work this way!

  7. 8 years, 8 months ago wouter

    Scratch that. It doesn’t :(

    Worked in my test file, but not here. Sorry…

  8. 8 years, 8 months ago samruault

    My coding is like this:

    I have 3 elements linked to this download so the others a more or less in the same way:

    CV & Portfolio

    Download

    There is no issue with the link or the writing all of that is correct it just doesn’t want to open it in a new tab or window.

  9. 8 years, 8 months ago samruault
    <a href="http://www.samruault.com/wp-content/uploads/2016/01/Portfolio-SamRuault-Brand-creative.pdf" target="_blank" class="more-button">Download <i></i></a>
    <a href="http://www.samruault.com/wp-content/uploads/2016/01/Portfolio-SamRuault-Brand-creative.pdf" target="_blank" class="link-title"> <h4>CV & Portfolio</h4> </a>
    <a href="http://www.samruault.com/wp-content/uploads/2016/01/Portfolio-SamRuault-Brand-creative.pdf" target="_blank" class="link-icon"> </a>
  10. 8 years, 8 months ago samruault

    It works from this website on the first comment when I didn’t put the brackets

  11. 8 years, 8 months ago wouter

    Try this:

    <a href="#" onclick="location.href='http://www.samruault.com/download/cv-portfolio/?wpdmdl=268';return false;">YOUR TEXT OR IMAGE</a>

    Not sure why it works for me, but I ‘stole’ the code from your original http://www.samruault.com/download/cv-portfolio/ download button on that page.

  12. 8 years, 8 months ago samruault

    It still doesn’t work.

    For some reason, the HTML page I can access of my home page is not the same version as the one I can see online, the HTML is an older version. Maybe it doesn’t update each time I apply some code. It is apparently what it done to my Home page.

    Did this ever happened to you?

    Thanks
    Sam

  13. 8 years, 8 months ago wouter

    Too bad. I’m learning as I go, so for now i’m as stuck as you on this. (especially since my own thread is still ‘pending approval’. Gives me time to help you though :) )

    What do you mean by the html page access from your home page?

    Not seeing the most recent version could be due to caching. If you have a caching plugin installed you should disable it while working on your site.
    If for some other reason caching happens just use Ctrl+F5 when refreshing your browser instead of just F5

  14. 8 years, 8 months ago ktpub

    I wish ya’ll could figure this out because I need this also. Ha Ha.

    If you go to this page, it shows you how to do it but I can’t seem to get it to work with my Avada theme, I think because of the shortcodes that are being used for my buttons.

    http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_a_download

  15. 8 years, 8 months ago ktpub

    What, did ya’ll go to sleep on me?

  16. 8 years, 8 months ago SiteOrigin
    Hi, I Work Here

    Hi ktpub

    Many sites will put a note under the link letting users know they should right click and Save As to directly download. This is the most common setup I see. You could add download as W3Schools have demonstrated but in order to do so you’d need to move your link out of the Circle Icon widget so you’d have direct access to the a tag. You could also try removing the link and instead, insert the HTML directly into the Circle Icon content field.

  17. 8 years, 8 months ago samruault

    Thanks to all of you guys for your replies :)

    So if I understand well, it is not possible to create a link that open in a new page with the Circle icon widget.

    Well at least, for me it still doesn’t work. I will choose the first option outer gave me. How did you find the link I should include? It doesn’t work for me anymore, I think it is because I changed the file but I don’t know where to grab the link.

    Thanks,
    Sam

  18. 8 years, 8 months ago SiteOrigin
    Hi, I Work Here

    So if I understand well, it is not possible to create a link that open in a new page with the Circle icon widget.

    You can enable the following setting in the widget: Link title and icon to “More URL”

    How did you find the link I should include?

    Are you referring to the link to the file that you want users to download? You can find this link by going to the Media Library, locating the file, editing it and then copying the URL from the right column metabox.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More