Surf pages divide your content into chapters, allowing readers to quickly find the content they are most interested in.

To create or edit a Surf page, first ensure you are on the Surf tab:

You can now add an image/video, insert some text and choose some styling options to create your page.

Click the Upload button:

Use the Upload image/video dialogue to select your image from a variety of sources.

If an image has been uploaded, it can be cropped and re-positioned using the Crop button:

Note: It is currently not possible to crop videos or GIFs with our cropping tool.

If you have uploaded a video you will need to choose a frame for it to fall back to. This image will be used when generating the sharing assets for you Doc (this includes the animated gif and the website embed code) and the thumbnail image in the contents of your Doc.

Start by clicking the "Cover" button.

Then drag the slider to the frame of the video you want to use.

Add a heading and subheading to your Surf page to help readers understand what your chapter is about:

To format your heading and subheading, simply highlight the text and a toolbar will appear. You can then choose to make your text bold, italicize it, change the colour of the text and even link it to a URL. You can also add a personalization token to give it your personal touch.

Note: if you aren't able to access these formatting options on your Doc, it may be because custom HTML has been used to format your Surf text previously. Reach out to our Support Team to enable this feature on your Doc.

You can choose the style and alignment of your headings using the drop-downs below. Try to pick a combination which works well with your chosen image/video.

Finally, choose the colour theme for your section using the colour palette

Hover over a Surf page thumbnail in the timeline at the bottom of the editor to access additional options for each page:

From here you can:

• Copy a chapter
• Paste a chapter
• Add an additional chapter
• Delete a chapter
• Reorder the chapters by dragging them

Please note that these actions affect both the Surf and Immerse parts of a chapter.

For more details on Surf page best practices, see this article.