Gutenburg Buttons Not Clickable (Do Not Link to Page)

  • Resolved nicholas0

    (@nicholas0)


    4 years, 7 months ago

    Hi,

    I’m trying to add call-to-action buttons to blog posts on my site. I would like to use Gutenberg’s built-in button feature since I like how they look. However, after adding the buttons, when I visit the page, I can’t click on them (they don’t actually link to the page).

    I DID add a URL to link to (there’s a section that says “link settings” and then “link rel,” which is where I put the URL). When I mouse over the button on the front end, it doesn’t even give a preview of where the link goes like it does when I mouse over active links.

    Any ideas on how to fix this?

    Thanks so much!
    Nicholas

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi Nicholas

    I can see from your code that there is no link information being set in the button.

    <a class="wp-block-button__link has-background has-accent-background-color" rel="https://www.beyondphdcoaching.com/free-consultation/">Book a Free Consultation</a>

    I think what you have done is insert information in the sidebar options for the button. You need to add a link to the button via the toolbar.

    Find the button where you have added it in the editor, click on it, and you should see either a toolbar pop up or a new toolbar appear at the top of the editor. One of the toolbar items will be a link icon, click this, and enter the URL you had previously entered as the REL value.

    Should do it!

    Plugin Author Q

    (@itsjonq)

    Heya @nicholas0 ,

    Hope you’re doing well! Yes, @bonkerz is correct :).

    I’ve created a screenshot with annotations on where you need to click:
    https://d.pr/i/gg9Q9r

    I can certainly see why that may be confusing.

    Hopefully this helps!

    Thread Starter nicholas0

    (@nicholas0)

    Thank you both so much! That worked… I REALLY appreciate your help!!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Gutenburg Buttons Not Clickable (Do Not Link to Page)’ is closed to new replies.