Join David Blatner for an in-depth discussion in this video Add hyperlinks, part of InDesign CC 2018 Essential Training.
- [Instructor] Many people think of InDesign as a print tool but InDesign is a tool for laying out pages and those could be either print pages or interactive onscreen pages. Now the four main interactive formats that InDesign supports are PDF, epub, Publish Online and Swift or Flash, which is as you probably know pretty much dead at this point. Now each one of these file formats support different types of interactivity. For example, epub and publish online support animation but they don't support form fields, and you can make a PDF with interactive form fields but PDF doesn't currently support animation.
But there is one thing that all these file formats support very well and that's hyperlinks. Let's see how you can add hyperlinks to your documents. I have version A of my interactive document open from my exercise files folder, and I have a graphic down here in the lower left corner. Whenever anybody clicks that graphic I'd like it to jump to a website, so I need to add a hyperlink to that object. That object is on a master page, so to get there I'll open my Pages panel, double-click once on my master page and then I can select the object.
When you're making a hyperlink you can either select the whole object with the selection tool or if it's text you can select the text inside the text frame. But in this case it's a graphic so I've selected it with the selection tool. Now I need the Hyperlinks panel and I could find that by going to the window menu and then choosing it out of the Interactive sub-menu, but there's a faster way. Instead I'm going to go up to my application bar and switch from Essentials or Advanced to Interactive for PDF. Now this workspace gives me most of the tools I need to make interactive files, so even though the workspace is called Interactive for PDF it's not just for PDFs.
They really should change that to just Interactive. Anyway, when I choose that workspace the Hyperlinks panel shows up down here in the doc. I'll click on that and now to make my hyperlink all I need to do is type a web address in this field up here at the top of the panel. I'll just type, pixelford.com. That's the name of this company. When I hit Return or Enter you can see it shows up down here in this list of hyperlinks at the bottom of the panel. Now in the future if I ever need to use that same URL on another object, all I need to do is pull it out of this popup menu, but for now I'm done.
I've made my hyperlink and now let's go back to the first page. I'm going to use a secret shortcut, command or control, pageup. That's kind of like hitting the back button in a web browser. It goes back to the last page I was looking at. In this case, the first page of the document. So now let's make another hyperlink, but this time I'm going to use the Type Tool. I'll grab that Type Tool and then select this text inside this text frame. Now this time instead of typing a weblink in the URL field, I'm going to come down to the bottom of the Hyperlinks panel and I'm going to click once on the New Hyperlink button.
Up comes the New Hyperlink dialogue box, and I have all kinds of options here. First, I'm going to change the Link To popup menu here from URL to Page, because I want to jump to a particular page in my document. Down here I'll change the number one to three, so when someone clicks this hyperlink it'll jump them to page three. Let's go ahead a click OK and see how it looks. I'm going to zoom into 200 percent by pressing command 2 or control 2 on windows and then I'll click out here.
InDesign added the hyperlink but there's a problem. It changed the color of my text. It even underlined it. This looks terrible! So why did InDesign do that? Whenever you apply a hyperlink to text, as opposed to a frame, then InDesign applies a character style to the text. Now, fortunately, you can very easily edit the style in the Characters Styles panel or you could simply turn it off by double-clicking the hyperlink down here in the Hyperlinks panel. That brings up the Edit Hyperlink dialogue box and now here in the middle I can change my character style from Hyperlink to, say, None.
I'll just leave it set to None and when I click OK you can see that it removed that formatting. I also want to point out a couple more things about the Hyperlinks panel. First, let's take a look at the hyperlink we just created. See this icon in the right column. This icon tells me it's a page link and if I click on it, it'll actually take me to that page. There I am, right on page three. Now the number to the left of that is where the hyperlink is in my document. If I click on that, it takes me back and selects that on my page.
So, as I said, whenever you export to Interactive PDF, Epub or Publish Online all these hyperlinks will work great. There's actually a lot more you can do with hyperlinks in InDesign and if you find yourself wanting to learn more about this subject, consider watching my title here in the online training library called "InDesign: Interactive PDFs."
- Creating a new layout
- Inserting pages
- Adding text
- Inserting graphics
- Applying color and transparency
- Drawing and editing frames and paths
- Formatting objects
- Formatting text
- Creating styles for uniform formatting
- Building tables
- Adding links and interactivity
- Printing and exporting InDesign documents