Streaming live at 10am (PST)

Use Link Block element as form submit button?

Anyone who can help me with this? I would like to use a link block element as a form submit button so I can add multiple elements to it.

Thanks in advance!

19


Here is my site Read-Only: https://preview.webflow.com/preview/somethingcreative?utm_medium=preview_link&utm_source=designer&utm_content=somethingcreative&preview=58667fb134ee4bb72c99e86dd3806657&mode=preview

Hi,

Technically, you cannot make a link button a submit buttons as far as I am aware! But there is a way around this that I can think of:

  1. Convert your link block to a div block
  2. Set its cursor to pointer.
  3. Set the Div’s position to relative.
  4. Drag a submit button inside of the div block.
  5. Set the submit button’s positioning to the following:
  6. Set the submit button’s opacity to 0%.

This means that anyone clicking on your div will actually click on the invisible submit button that is inside the div.

I hope this helps!

3 Likes

Thanks! That seems like a good workaround :slightly_smiling_face:

1 Like

I’m not gonna lie, I did think about this but for the life of me I didn’t think to set the link box opacity to 0%. :roll_eyes:

One cool side effect of this is, since you’re not using the link block, you can set the link to something unique, or useful, or easter-egg-ish when you hover over the button. Try it.