How to add clickable links (Hyperlinks) in LaTeX?

In this tutorial, you will learn how to add clickable links in LaTeX. Hyperlinks to any website or email address in your LaTeX document.

Adding links in your LaTeX document can be done by any url or hyperref package. But with the url package, you can’t add a clickable link in the document.

Add not clickable links with url package

First of all, you have to load the package with \usepackage{url} in the preamble of your document. Now you can use the \url{<url or email>} command to add not clickable links in your document.

\documentclass{article}
\usepackage{url}
\begin{document}

  This is a website URL: \url{https://www.codespeedy.com/}
  
  This is an email ID: \url{contact@codespeedy.com}
  
\end{document}

Output:

Add clickable links with hyperref package

With the hyperref package you add clickable links in documents also you can customize the appearance of the link. Add this in the preamble: \usepackage{hyperref}.

To add a link with a description you can use the \href{<link>}{<des>} command.

And if you want to add the URL without any description then you can use the \url{<link>} command.

\documentclass{article}
\usepackage{hyperref}
\begin{document}

  This is a website URL with a description: \href{https://www.codespeedy.com/}{CodeSpeedy}
  
  URL without any description: \url{https://www.codespeedy.com/}
  
\end{document}

Output:

I know you’re thinking an annoying border appears around the link, but don’t worry it won’t show up in the printed document. It can only be seen on a computer.

But if you don’t want to see this border on the computer then you can use the [hidelinks] option with hyperref package. Like this:

\usepackage[hidelinks]{hyperref}

\documentclass{article}
\usepackage[hidelinks]{hyperref}
\begin{document}
\begin{center}
    \textbf{Clickable links}
\end{center}

  This is a website URL with a description: \href{https://www.codespeedy.com/}{CodeSpeedy}
  
  URL without any description: \url{https://www.codespeedy.com/}
  
\end{document}

Output:

Add clickable emails with hyperref package

In order to add a clickable email ID in the document you can use this command:

\href{mailto:<Email-ID>}{<Email-ID>}

Take a look.

\documentclass{article}
\usepackage{hyperref}
\begin{document}
\begin{center}
    \textbf{Clickable Email ID}
\end{center}

  This is our Email ID: \href{mailto:contact@codespeedy.com}{contact@codespeedy.com}

  This is our Email ID: \href{mailto:contact@codespeedy.com}{Drop a Mail}
  
  Email ID with \verb|\url| command: \url{mailto:contact@codespeedy.com}
  
\end{document}

Output:

Customize the appearance of clickable links

The hyperref package provides a lot of options to customize the appearance of the link. Also, this package provides a command \hyperref to make clickable links (internal links) to jump to sections, subsections, figures, tables, or anything using the \label you have set.

To know more about the hyperref package, you can read the documentation.

\documentclass{article}
\usepackage[colorlinks=true, linkcolor=blue, urlcolor=blue]{hyperref}

\begin{document}
\begin{center}
    \textbf{Clickable Links \& Email ID}
\end{center}

  This is a website URL with a description: \href{https://www.codespeedy.com/}{CodeSpeedy}
  
  URL without any description: \url{https://www.codespeedy.com/}
  
  This is our Email ID: \href{mailto:contact@codespeedy.com}{contact@codespeedy.com}

  This is our Email ID: \href{mailto:contact@codespeedy.com}{Drop a Mail}
  
  Email ID with \verb|\url| command: \url{mailto:contact@codespeedy.com}
  
\end{document}

Output: