How to make a link look like a button

It is common to include a link in the campaign, usually on the final screen of a campaign, to redirect the participant to an external website. In this tutorial, we explain how to do it and how to highlight it, giving it the appearance of a button.

You can include the code shown below, either in the WYSIWYG of any screen of the campaign or in the custom HTML.

To make it clickable, add the following code:

<a href="https://your-link.com">Button text to your link</a>

To open it in a new tab, include the target blank:

<a href="https://your-link.com" target="_blank" rel="noopener noreferrer">Button text to your link</a>

To give it the appearance of a button, add the classes:

btn btn-default

The complete code would be:

<a class="btn btn-default" href="https://your-link.com" target="_blank" rel="noopener noreferrer">Button text to your link</a>

Below, you can see an example of how it would be displayed.

Other specifications.

If you have any questions, contact us at help@cool-tabs.com.

Related content.

How to configure the final or result screens.