DotCMS: How to add a hyperlink button on a page or contentlet

Updated from an original article written by Michelle Kryska.

Instructions for making hyperlinked text appear as a button in dotCMS.

To add a hyperlink button (or make hyperlink text appear as a button) on a web page or in a contentlet in dotCMS, follow these steps:

  1. Select/Highlight the text that you wish to appear as a hyperlink button.
  2. Click/Select on the chain link icon in the WYSIWYG editor toolbar.
  3. URL - REQUIRED FIELD:  In the URL field, insert the URL/link for the page or contentlet (destination) to which you wish to link.
  4. Text to Display - REQUIRED FIELD: Replace the auto-populated URL/link with the text to display on the button.
  5. Title - REQUIRED FIELD:  Type in a title or text that describes the link destination. This text appears when the user's mouse hovers over the button.
  6. Target - OPTIONAL FIELD: From this dropdown field, select if the hyperlink destination will open in the same window (None), or a new window.
  7. Class - REQUIRED FIELD: From this dropdown field, select Button.
  8. Click/Select Publish.

Did you find this article useful?

You Might Also Be Interested In

Tag List
  • all content types,
  • dotcms,
  • dotcms training,
  • web team