<p>A link is a word or a group of words you can click on to go to another web page. This guide will show you how to add links to your pages using the content editor.</p>
<h2 class="-ml-4 flex group pl-4 whitespace-pre-wrap" id="adding-links"><a class="absolute -ml-10 mt-[3px] flex items-center opacity-0 border-0 group-hover:opacity-100" aria-label="Anchor" href="#adding-links"><div class="w-6 h-6 text-slate-400 ring-1 ring-slate-900/5 rounded-md shadow-sm flex items-center justify-center hover:ring-slate-900/10 hover:shadow hover:text-slate-700 dark:bg-slate-700 dark:text-slate-300 dark:shadow-none dark:ring-0"><svg width="12" height="12" fill="none" aria-hidden="true"><path d="M3.75 1v10M8.25 1v10M1 3.75h10M1 8.25h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></div></a>Adding Links</h2>
<p>You can add a link to your page by selecting a text block and clicking on the <strong>Set Link</strong> option in the dropdown menu.</p>
<div class="my-8 shadow-xl"><img class="rounded-xl" src="/images/screenshot-2024-02-01-184405-k3Mj.png" alt="null"></div>
<div class="my-8 shadow-xl"><img class="rounded-xl" src="/images/screenshot-2024-02-01-185013-I4MT.png" alt="null"></div>
<h2 class="-ml-4 flex group pl-4 whitespace-pre-wrap" id="opening-links-in-a-new-tab"><a class="absolute -ml-10 mt-[3px] flex items-center opacity-0 border-0 group-hover:opacity-100" aria-label="Anchor" href="#opening-links-in-a-new-tab"><div class="w-6 h-6 text-slate-400 ring-1 ring-slate-900/5 rounded-md shadow-sm flex items-center justify-center hover:ring-slate-900/10 hover:shadow hover:text-slate-700 dark:bg-slate-700 dark:text-slate-300 dark:shadow-none dark:ring-0"><svg width="12" height="12" fill="none" aria-hidden="true"><path d="M3.75 1v10M8.25 1v10M1 3.75h10M1 8.25h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></div></a>Opening Links in a New Tab</h2>
<p>To have your link open in a new browser tab when clicked, simply select the “<strong>Open in new tab</strong>“ from the link dropdown menu.</p>
<div class="my-8 shadow-xl"><img class="rounded-xl" src="/images/screenshot-2024-02-01-185051-QyMz.png" alt="null"></div>
<h2 class="-ml-4 flex group pl-4 whitespace-pre-wrap" id="editing-or-deleting-links"><a class="absolute -ml-10 mt-[3px] flex items-center opacity-0 border-0 group-hover:opacity-100" aria-label="Anchor" href="#editing-or-deleting-links"><div class="w-6 h-6 text-slate-400 ring-1 ring-slate-900/5 rounded-md shadow-sm flex items-center justify-center hover:ring-slate-900/10 hover:shadow hover:text-slate-700 dark:bg-slate-700 dark:text-slate-300 dark:shadow-none dark:ring-0"><svg width="12" height="12" fill="none" aria-hidden="true"><path d="M3.75 1v10M8.25 1v10M1 3.75h10M1 8.25h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></div></a>Editing or Deleting Links</h2>
<p>To edit or delete an existing link from your document, select the link in the editor and a menu will appear.</p>
<div class="my-8 shadow-xl"><img class="rounded-xl" src="/images/screenshot-2024-02-01-185124-UwNz.png" alt="null"></div>


A link is a word or a group of words you can click on to go to another web page. This guide will show you how to add links to your pages using the content editor.

## Adding Links

You can add a link to your page by selecting a text block and clicking on the **Set Link** option in the dropdown menu.

<div class="my-8 shadow-xl"><img class="rounded-xl" src="/images/screenshot-2024-02-01-184405-k3Mj.png" alt="null"></div>

<div class="my-8 shadow-xl"><img class="rounded-xl" src="/images/screenshot-2024-02-01-185013-I4MT.png" alt="null"></div>



## Opening Links in a New Tab

To have your link open in a new browser tab when clicked, simply select the “**Open in new tab**“ from the link dropdown menu.

<div class="my-8 shadow-xl"><img class="rounded-xl" src="/images/screenshot-2024-02-01-185051-QyMz.png" alt="null"></div>



## Editing or Deleting Links

To edit or delete an existing link from your document, select the link in the editor and a menu will appear.



<div class="my-8 shadow-xl"><img class="rounded-xl" src="/images/screenshot-2024-02-01-185124-UwNz.png" alt="null"></div>





A link is a word or a group of words you can click on to go to another web page within your Elegant application; or even external urls. This guide will show you how to create text links on your application using the content editor.

How to Add Links

Adding Links

Opening Links in a New Tab

Editing or Deleting Links

On this page