Working with Widgets > 2D > Hyperlink
  
Hyperlink
What Does This Widget Do?
The Hyperlink widget allows you to include a hyperlink within an experience.
When Should I Use This Widget?
Use a Hyperlink when:
• You want to include an external link in an experience.
• You want to link to other published experiences.
Are There Any Special Properties, Services, Events, or Actions?
To view a list of common widget properties, services, and events, see Common Widget Properties, Services, and Events.
The following tables list properties, services, and events that are specific to this widget.
Property
JavaScript
Type
Description
URL
url
string
Specifies the URL to which the hyperlink goes.
The Widget in Action
Here’s an example of what your widget might look like!
Minimum Steps Required for Use
What It Looks Like
1. Drag and drop a Hyperlink widget onto the canvas.
2. Enter the link text you want displayed in the Text field.
3. Enter a URL in the URL field.
Style the Widget with CSS
You can use CSS to style the widget! The following is an example of a CSS class you could create and apply:
* 
Keep in mind that it’s best to give your classes unique names so they do not conflict with other classes or OOTB properties.
CSS Example
What It Looks Like
.ptc-hyperlink {
font-size: 16px;
font-family: Verdana;
font-weight: normal;
font-style: oblique;
text-decoration: underline;
color: rgb(35, 97, 146);
}
For more information on implementing CSS classes, see Application Styles.