💡When you create a new Display, it is connected to your default Theme, so make sure you have those in order. Learn how to set up your themes here:
📖 This guide explains:
how to design your Displays with elements, including:
Navigating to the Display editor
You've configured your themes for your Displays so that they match your brand, or catalog colors. Now, it's time to build a Display! Doing so is easy:
In iPaper, select Displays from the vertical menu on the left. This will open the Display overview.
In the top-right corner, click Create Display, which will open the Display Editor. From here, there are a number of sections and options that you can use to create your Display:
Click on the mixing palette icon to select which theme to use for your Display.
Give your Display a name. This is for internal use, so consider a logical naming convention that allows you to easily find the right Display, later.
Access the Section properties for the section. You can also move, or delete sections from this menu.
Click on the + icon to start adding new rows to your section.
Click on + New section to add another section to your Display.
Sections vs. Rows
Sections and rows are the building blocks of your Display. Essentially, a section consists of the rows you add to it, and provides a coherent theme to the collection of rows through visual elements, such as a background.
💡 A Display can consist of as many, or as few, sections. Perhaps you want to put many rows into a single section, or use different sections for presenting different content: the choice is yours!
Sections
Sections provide a framework to your Display, which can be filled with different content, in the form of rows.
You can differentiate between sections in your Display by adding a background to them. Sections supports both video and images, so be creative!
Rows
Rows allow you to fill your sections with different types of content, including:
Images
Videos
Text
Buttons
Spacers
Images
Images are a great and effective way of highlighting product stories in your Display. Consider using individual product shots to highlight specific products, or use scene shots to give context to your products, such as where they can be used, and how.
Spacer
The spacer row is simply for layout purposes. Want to add a little room from your bottom row to the next section? Add a spacer!
Text
A simple way to add an introduction to the content of your section.
Buttons
Buttons allow you to create striking visual calls-to-action (CTAs). You can use these to direct your visitors to specific products, sections, or other content, highlighted in your Flipbook.
Video
You can upload a video directly to your Display, from your computer. Once uploaded, you can choose whether your video should autoplay or loop. Selecting either of these options will disable the video controls.
You can also turn your video into a CTA by entering a destination URL in the Action field!
💡 Consider using the autoplay, or loop functions for ambient videos that enhance the content you are highlighting in your Display, or Flipbook.
You can also customize the appearance of the video row somewhat using:
Margin: leaves a little of the section visible on each side of your row.
Padding: adds some padding on all sides of your row
Background: is always white currently to highlight your content. If you don't want the white background, you can simply remove it.
Now that you've set up your Display, it's time to set it on your website!