Skip to content
English
  • There are no suggestions because the search field is empty.

Enable External Links

Enabling external links in Lessons that use HTML Screens lets Learners open additional web-based content from a Lesson, and this article shows Content Developers and Instructional Designers how to add the link attribute to the HTML.

Before you begin

This procedure applies to HTML Screens. You edit the captured HTML file in a text editor, so open the HTML file before you start.


How do you enable an external link?

Step Action
1 Open the HTML code in a text editor.
2 Find the linked element in the HTML file.
3 Modify the link attribute using the table below.
Insert image here: s2_0X_img01_enable-external-link.png — An HTML file open in a text editor with the data-skyllful-external-link attribute added to an element; highlight the element and the added attribute. Alt: An HTML file in a text editor showing the data-skyllful-external-link attribute added to an element.
4 Make sure every link you want to enable has the correct attribute.
5 Save the file, then upload the modified HTML file into Skyllful Studio.

Which attribute do you use?

Situation Attribute to use
The element already has an href <a data-skyllful-external-link="https://example.com">Link</a>
The element has no href <div data-skyllful-external-link="https://example.com">Clickable Element</div>

Note: Replace https://example.com with the URL you want the Learner to open.


What if the external link does not work?

Contact your Local Administrator first. If your Local Administrator cannot resolve the issue, submit a case through the Skyllful support portal.


Related Articles

  • [LINK TO: Capture a Webpage Using HTML] — How to capture a webpage as an HTML Screen.
  • [LINK TO: Edit an HTML Capture] — How to edit an HTML Screen.
  • [LINK TO: Replica Maker Overview] — What Replica Maker is and how it works.

Last Reviewed: July 29, 2026 | Skyllful Knowledge Base | Content Developers, Instructional Designers