In this tutorial, you will learn how to add hyperlinks in Sozi documents and how to link to a Sozi frame.
Download and open the example document
This tutorial is based on an SVG document that contains the drawing elements of our presentation. Download the base SVG document (Right-click on the link and choose Save link target as).
This SVG document has been created with Inkscape. We recommend to install Inkscape before proceeding.
Create the frames of the presentation
tutorial-links.svg in the Sozi presentation editor.
Create five frames as illustrated by the following screenshots:
Edit the frame titles and IDs as follows:
You can already open the presentation in a web browser to check that all frames are correctly defined.
When a Sozi document is opened in a web browser, the content of the address bar changes each time you move from one frame to another.
In the example above the address bar shows the URL:
If your document is served by a web server, the first element of the URL will be
https instead of
In the URL above, the HTML file name is followed by a hash character (
and the ID of the current frame (
As a result, if you are sharing a presentation on the web, it will be possible to make a direct link to any frame.
Creating hyperlinks in a Sozi presentation
The SVG standard supports hyperlinks natively. For this reason, Sozi provides no specific feature related to the creation of links in your presentations. You must add them to your SVG documents using Inkscape or any other SVG-compliant vector drawing software.
Open the document
tutorial-links.svg in Inkscape.
Right-click on the big arrow that points in the top-left direction
and choose Create Link.
This action opens the Object attributes dialog where you can edit the properties of the link.
To create a link to the top left frame, we only need to set the
Href attribute to
Process similarly for the other frames: for each arrow, create a link to the corresponding frame ID.
Finally, select the blue circle and create a link to
Update and play the presentation in a web browser
Save the SVG document in Inkscape. Move back to the Sozi window to update the SVG content of the presentation. The update operation is automatic.
Open the file
tutorial-links.sozi.html with your favorite web browser.
It will automatically focus on the first frame.
Click inside the white background of the document to move to the next frame
(See also: Playing a presentation)
or click on an arrow to move directly to the corresponding frame.
Download the full presentation (Right-click on the link and choose Save link target as).