Single Custom link in dynamic list?

Hey all, i need a single item in my dynamic list to link out to another website and not a page in my project.

I need my ‘visual design’ object to link to my dribble page and not a page on my website

Any help would be appreciated as this is rather urgent :frowning:

Here is my public share link: LINK
(how to access public share link)

WOW :slight_smile: very problematic. No way to use conditional-visibility and use two kinds of buttons/links (if “open in blank” is true “hide X show Y”)

By custom code

var visualDesign =  document.getElementById("visual-design");
visualDesign.href = "";
visualDesign.setAttribute("target", "_blank");



hmm this doesnt seem to work, I copied the exact code you did and it still links me to the page within my project.

I also tried a different way of implementing an external link like this

 var visualDesign =  document.getElementById("visual-design");
 visualDesign.href = <a href="" rel="external">External link</a>
 <script type="text/javascript" src=""> . 
  <script type="text/javascript">
   $('a[rel="external"]').attr('target', '_blank');

You change my code (Your code is wrong).

First no need to load Jquery (Webflow already load jquery).

  • The code will work only in the live url (Not in designer/preview/editor mode).
  • Remember to select the link tag!! (We want to change the href)

My code with docs:



open script tag


store element inside var - by getElementById method Docs

var visualDesign =  document.getElementById("visual-design");


Change Href. Docs

visualDesign.href = "";


the setAttribute() method adds the specified attribute to an element, and gives it the specified value. Docs

visualDesign.setAttribute("target", "_blank");


close script tag