Add link option to headings - needed to output valid html

I believe this is a quirk in Webflow.

To make a heading element linked you have to add a link block and a heading inside of it resulting in incorrect html i.e

a > h1

<a href="" class="w-inline-block">

<h1>How do I set my rental preferences?</h1>

</a>

This is invalid as its a block level element inside an inline element.

It should be the other way around. i.e

h1 > a

<h1>

<a href="" class="w-inline-block">How do I set my rental preferences?</a>

</h1>

Webflow please add an option to headings to link it and then give us the normal link UI options to set a link that outputs 

  • Andy Neale
  • Apr 1 2018
  • Already exists
  • Apr 2, 2018

    Admin Response

    4/2/18 Update:

    We actually already have this! All you have to do is double-click into the heading field and you'll see a menu pop up. Insert the link and you'll have the following structure in the exported code: 

    <body>
      <div class="section">
        <h1><a href="https://www.webflow.com">HEADING</a></h1>
      </div>
    </body>

  • Andy Neale commented
    April 02, 2018 17:23

    Thanks, I can get it working on normal html headings.

    But it does not work on collection lists. When you set the heading to pull text from a collection list it deletes the link.

    I believe this does not yet exist correctly until it works on collections lists too since the majority of my content comes from collection lists.

    Any thoughts on this?

  • Andy Neale commented
    April 18, 2018 21:05

    Hi Webflow

    Please re open this.

    The solution does not work on collection lists which counts more than plain html headings IMHO.

  • Andy Neale commented
    April 26, 2018 20:45

    Weblow Admin please respond!

    This cannot exist if it does not work for collection headings.. or am I missing something?