External Links

Article Overview

This article explains how to enable external links in lessons that utilize HTML Screens, allowing learners to access additional web-based content.

Steps to Enable External Links

	Open the HTML Code
	Locate the linked element within the HTML file
	Modify the Link Attribute If the element contains `href`, replace it with: `<a data-skyllful-external-link="https://example.com">Link</a>` If the element does not contain `href`, add the attribute manually: `<div data-skyllful-external-link="https://example.com">Clickable Element</div>`
	Save and Upload the File Ensure all links to be enabled have the correct attribute. Upload the modified HTML file into Skyllful Studio.

Open the HTML Code

Locate the linked element within the HTML file

Modify the Link Attribute

If the element contains href, replace it with:

<a data-skyllful-external-link="https://example.com">Link</a>

If the element does not contain href, add the attribute manually:

<div data-skyllful-external-link="https://example.com">Clickable Element</div>

Save and Upload the File

Ensure all links to be enabled have the correct attribute.
Upload the modified HTML file into Skyllful Studio.