Customize the design of Experiences

Note: This article is about the new beta Admin App, which is still in development. Changes may occur. Please provide feedback directly in the beta app.

Make your Experiences unique and engaging by customizing their design to align with your company’s branding and industry. You can personalize the look with backgrounds, Cover Images, logos, and default folder icons.

Tip: We've provided Illustrator and Photoshop templates to assist you in creating Experiences and Cover Images. Export the slices and upload them to Showpad as individual image files. The templates are available for download at the end of this article.

See how it looks

Key features

• Stand out from the competition and present content in a visually appealing style
• Add a custom Cover Image to an Experience to let users quickly find what they need
• Download our Photoshop and Illustrator templates to get started

You need this to succeed

• The beta Admin App enabled
• Feature availability depends on your subscription package
• Design and Photoshop or Illustrator knowledge

Do this step by step

We created multiple articles to explain how to customize Classic and Advanced Experiences. Click on the article title to view each article.

Classic Experience

• Set a background
• Add a logo
• Set a Cover Image
• Set a default folder icon
• Upload a custom folder icon
• Download Experience Photoshop and Illustrator templates

Advanced Experience

• Set a Cover Image
• View the design options for each type of Advanced Experience
• Download Experience Photoshop and Illustrator templates

View design options for each type of Advanced Experience

When you click the Design tab in the Advanced Experience Builder, you can adjust the global design settings for the selected Advanced Experience. A live preview is visible on the right side of the screen.

Tip: Photoshop design templates for each available Experience can be found at the bottom of this article.

In general, the design of all Showpad Experiences includes elements such as Logo, Page style, Breadcrumbs, and Buttons. However, each Advanced Experience has different design options. For all the details on a specific Advanced Experience, see the Design section in the following articles:

• Atom Experience: Create an Atom Experience to guide the sales conversation
• Mapper Experience: Create a Mapper Experience to visualize products
• Selector Experience: Create a Selector Experience to customize presentations in real-time

Learn how to customize Experiences on the current Online Platform.

Download the Illustrator and Photoshop templates