Squarespace Integration

There are few simple steps to follow to have your Ziggeo application added to your Squarespace website.

First we need to add header information. This will allow our resources to be present on your pages and make everything work.

Then you need to add embeddings and we will guide you through all steps.

1. If not already log into your Squarespace account.
2. Once you do, go to: Settings > Advanced > Code Injection > Header

At this location all you would need is to add the code that follows. This will then add the necessary webpage resources for it to know about our service.

    <link rel="stylesheet" href="//assets.ziggeo.com/v2-stable/ziggeo.css" />
    <script src="//assets.ziggeo.com/v2-stable/ziggeo.js"></script>
    <script>
        var ziggeoApp = new ZiggeoApi.V2.Application({
          token: "APPLICATION_TOKEN",
          webrtc_streaming_if_necessary: true,
          webrtc_on_mobile: true,
          auth: true
        });
    </script>

You would need to replace the APPLICATION_TOKEN in the code above with your own Application token. You can get it by loggin into your Ziggeo account and then find it in Overview section of your application.

Now this is only done once, so once you do this you are all set. You only need to add embeddings into places where you want a player or recorder shown. How to do this is explained in the next section.

Locate the page where you want to add the recorder.

Once you do, you would click on "Add Content Block" and then "Code".

You can create the code using any of the parameters found in our docs.

The following is an example that you can copy past to your pages as is (or add to it):

    <ziggeorecorder ziggeo-theme="modern" ziggeo-themecolor="red" ziggeo-width="640" ziggeo-height="480"></ziggeorecorder>

• At this time you just save your page.

• That is it, you have done all you needed.

Locate the page where you want to add the player.

Once located click on "Add Content Block" and then "Code".

You can create the code using any of the parameters found in our docs.

The following is an example that you can copy past to your pages as is (or add to it):

    <ziggeoplayer ziggeo-theme="modern" ziggeo-themecolor="red" ziggeo-width="640" ziggeo-height="480" ziggeo-video="VIDEO_TOKEN"></ziggeoplayer>

Replace the VIDEO_TOKEN in the code above with the actual video token. You can find it at any time by logging into your Ziggeo account and find them under Videos page of your application.

• At this time you just save your page.

• That is it, you have done all you needed.