Add a link that looks like a button

Buttons can be very useful, but be aware that you mostly want one call to action per page. So don't add additional buttons without thinking about whether that might lead to your supporters deciding to do nothing on the page.

To add a link that looks like a button, you can add this within the editor of your textfield.

To make your link look like a button, add class of button to the <a> tag that is your link.

You can either:

  1. Add the link using the standard visual editor and then add the class="button" bit from below in the Source view to make it look like a button.
  2. Click the "Source" button then use HTML to add the whole code from below
<a
	href="https://whereever-you-want-to-link-to"
	class="button"
>
	Your button text
</a>

You can also add the expanded class to have a wider button

<a
	href="https://whereever-you-want-to-link-to"
	class="button expanded"
>
	Your button text (expanded)
</a>

And this is what those links that looks like buttons look like.

CleanShot 2023-11-14 at 11.52.29@2x.png

 

You may also want add target="_blank" to your link. This will open the site in a new window or tab (depending on the user's browser setting). More info on MDN Web docs

<a
	href="https://whereever-you-want-to-link-to"
	class="button"
	target="_blank"
>
	Your button text
</a>

For further help, contact support@more-onion.com

Have more questions? Submit a request