Get Started

We're delighted that you have chosen to get started with Scroll Sites for Confluence Cloud.

Scroll Sites lets you deliver Confluence as a fully custom, responsive website in minutes — no code required.

In this practical tutorial you’ll learn how to:

Create a first site
Customize the Look and Feel
View site

Before You Begin

Pre-requisites

To complete this tutorial you will need the following:

A Confluence instance with Scroll Sites installed. Learn how to install Scroll Sites.
A new or existing Confluence space. We highly recommend creating a new space for this tutorial with some content that you would like to publish or to use an existing space that contains such content already.

Important terms

Site

A Scroll site is a hosted website.

In short, Scroll Sites transforms pages you have in Confluence (typically contained in a Confluence space) into HTML pages that are then published as a website on the internet.

Theme

A theme determines the look and feel, that is, the visual appearance of your site.

With Scroll Sites you don’t have to develop your site from scratch. Instead, Scroll Sites comes with ready-to-use themes that are fit for diverse purpose. The theme ensures that your site has the structure and features you need to bring your specific publishing use case to life (e.g a help center, blog etc.)

All themes can be further customized using the theme configurator to create a look and feel that is true to your or your customer’s brand.

Content source

A content source is the content you select to include and publish in your Scroll site. You can either select to publish an entire Confluence space or a Scroll Document (which are subset of pages in a Confluence space).

With Scroll sites, Confluence acts as your content management system. Meaning: The content that is published in your site comes from and is managed in Confluence. You simply select the content that should be part of your Scroll site. Everything else remains privately stored in your Confluence.

Create a First Site

Let’s get started by creating your very first Scroll site. Creating a new site only takes a minute.

For this tutorial, we will be selecting the Help Center theme. This theme transforms your content in Confluence into a branded, searchable, and easy to navigate help center for your documentation.

To create your first site:

From the Confluence main navigation, click Apps > Scroll Sites.
From the My Sites screen, click Create site. The site creation wizard opens.
Under Choose Theme, select Help Center.
Click Next.
Under Set up your site, in the Site name field, enter a name for your site - anything you’d like.
The site name will help you distinguish your site later on in the app and will show in your published site.
In the Site domain field, enter the name that should appear as your site’s subdomain. By default, your domain will be .scroll-sites.com. Don’t worry, you can change this or connect a custom domain later on.
Click Next.
Under Add content, open the Space drop down and select the Confluence space where the content you want to publish is located in.
Under Type of content, select Pages. This will add all pages from the selected space to your site.
Click Add content. Adding one space is sufficient for now. You can add more space or even Scroll Documents later on.
Click Create.

Well done!

You have created your first Scroll site using the Help Center theme.
Your now landed on the My sites screen from where you can click to configure your site further.

Customize the Look and Feel

In this next part, we will style and customize the selected Help Center theme in order to create a look and feel for your site that fits your brand’s requirements.

To customize the Help Center theme:

From the My Sites screen, click the card that has your site’s name.
From the left sidebar, click Site Settings > Look and Feel.
Under the section Look and Feel, click the button Customize Theme. This will open the theme configurator.
From the left sidebar of the theme configurator, click the tab Sections and under Header change the Background color to a color of your choice.
Click Save changes and close the theme configurator.
From the Site settings screen, click Publish changes in the top right.

View Site

From the left sidebar, you can now click View site to visit the site you have created.

Well done!

Your site is now ready to receive first visitors. Just share the site URL or embed it anywhere it’s needed - for example, in your website or directly in your product.

What’s Next?

This tutorial is just the beginning. You can do much more with Scroll Sites.

Check out our documentation to learn how to:

Add more content - include, for example, versioned or translated content.
Connect your custom domain - make your site easy to find and keep it true to your brand.
Discover more themes - enable more use cases by creating sites with other themes.
Follow our best practices - get the most out of your use of Scroll Sites.