# How to convert a button into a link

This article will show you how to convert a button on your page to a link

* [Step 1 - Locate button in the html](#howtoconvertabuttonintoalink-step1-locatebuttoninthehtml)
* [Step 2 - Adjust the code](#howtoconvertabuttonintoalink-step2-adjustthecode)
* [Step 3 - Save html and check work](#howtoconvertabuttonintoalink-step3-savehtmlandcheckwork)

### Step 1 - Locate button in the html <a href="#howtoconvertabuttonintoalink-step1-locatebuttoninthehtml" id="howtoconvertabuttonintoalink-step1-locatebuttoninthehtml"></a>

Open the html editor and search to find the button to convert into a link

<figure><img src="/files/kWSdT4jEl2pVq8oVO9mR" alt="" width="375"><figcaption></figcaption></figure>

### Step 2 - Adjust the code <a href="#howtoconvertabuttonintoalink-step2-adjustthecode" id="howtoconvertabuttonintoalink-step2-adjustthecode"></a>

The button element opens with “\<button”, contains a “data-id” (amongst other values) and then closes with “/button>”

To turn this into a link, change the opening and closing tags to “a” and adjust the “data-id” to be just “id” and change “button” to “link”

<figure><img src="/files/pWzBdq6ovEmfwj5EbaNi" alt="" width="375"><figcaption><p>Remember to save after changes</p></figcaption></figure>

### Step 3 - Save html and check work <a href="#howtoconvertabuttonintoalink-step3-savehtmlandcheckwork" id="howtoconvertabuttonintoalink-step3-savehtmlandcheckwork"></a>

After you make the adjustments, click the **Save** button on the bottom right of the editor

Then click on the element on the page to confirm it now has the Link functionality


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/page-building-tips/how-to-convert-a-button-into-a-link.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.