How to create a linkable button (Drag Drop Editor)

This help page assumes you know how to create a text link in a page as outlined in this guide - https://www.help.cms-tool.net/how-to-link-a-page

Changing or setting a link as a button

Create your link or click the existing link to bring up the link popup.

Above are two existing text links we are looking to convert into buttons.


Choosing a button type from the link modal

Once the style popup is visible (via the edit link option, or by highlighting some text and clicking the chain icon, choose the button type (generally BUTTON - PRIMARY) from the options available.


Clicking the edit link to bring up to link popup where you can choose button type.

Choosing your button type.


This will change the link to a button using the style as set in the template.

Our text is now a button link.


Adding a button using the add snippet block option

You can also add a button via the ADD SNIPPET BLOCK option that appears when editing an existing block. Click the add snippet block button and choose the button snippet, or use the drag-drop snippets from the right sidebar.

Snippet block popup with the default button indicated.

This will drop the button into the page as a new snippet block.

Changing the alignment of the button

By default the button is centered in the page, you can change the alignment to left, right, by highlghting the text of the button, then using the TEXT ALIGN tool from the toolbar to choose the alignment.

Button text highlighted and the text-align option indicated.

Here is some text

More From This Section

Here are some tips on finding the right answers in this FAQ
You may find it easier to print out the following steps to help create your website.
This page quickly outlines the toolbar functions in the editor
How to add a logo to your website
A quick overview of the editor buttons and what they do
Read here about the importance of publishing changes
You can change the fonts used by the website via the DESIGN > Fonts and Text Colours button
Where to go to change/rename the text that appears in the heading of the website (standard templates)
You can edit your templates footer area via the Design menu.
How to change your contact details on the site and your account
You can give your pages unique filenames and rename in bulk as needed
How to use the Drag and Drop editor including adding links
Add or create a button link in your content using the drag drop editor
Select the text you want to link and click the chain icon to launch the link wizard
You can style a link as a button in the TinyMCE editor.
If you have more than one website here is how to switch between them.
You can change settings to do with any page via the OPTIONS tab.
Not sure about website terminology? Find the definitions of all the web-related terms we use
Detailed instructions on removing stored information from your browser.
This is the most common issue our support desk faces. Browsers cache pages and this causes you to see old/stale content. If this is your issue, there are several answers...
The preferred web browsers for editing content in our CMS is Google Chrome - for both PC and Mac. However, we do widely support Internet Explorer, Firefox, Safari, Opera, etc. Usage of our WYSIWYG rich content component may differ from browser to browser.
Here is a quick list of things that everyone should know.
If you keep getting logged out after only a few steps, then the problem is to do with session cookies... You need to enable these... here are some tips
Adding a Favicon to your site.

FAQ Topics

Search for help:

> Home