Create an Atom Experience for guided sales conversations

Note: This article is no longer maintained. For updated information, please refer to the corresponding Admin App article. We recommend updating your links if you’ve linked to this article.

Atom is an immersive, easy-to-build Advanced Experience you can create for your users. Use this Showpad Experiences template to quickly translate your existing Showpad folder structure into a beautiful and flexible mind map. Atom lets you contextualize your offer in a branded and logical way. This is the simplest way to turn your Showpad folder structure into an impacting and more focused presentation.

See how it works

Key features

• Let your users analyze the needs of their prospects
• Show your products and services in an easy and interactive way
• Perfect for getting started with Showpad Advanced Experiences

You need this to succeed

• Showpad Plus or Ultimate plan
• Showpad Advanced Experiences activated
• A well-thought-out idea of how to structure your content
• You can download a design template on our Design guidelines page
• Content in the content library
• If needed, contact your Customer Success Coach for more information

The quick way to awesomeness

1. Start with building a structure by adding Nodes in the Experience Builder
2. Build a path your users can follow by creating other nodes within a node
3. Link to a visual Page that shows detailed information about a particular topic
4. Customize your design with icons, logos, and colors to match your company's branding
5. Start sharing content with Showpad Experiences

Do this step by step

Nodes

Navigation in the Atom experience is done by clicking or tapping on nodes. You can see these nodes as folders and pages that guide your user during their sales conversations. We'll start by creating these nodes in the Experience Builder.

1. Open the Experience Builder and create a new Experience by selecting Advanced Experience.
2. Select the Atom template and click Create.
3. The Experience Builder will open. You'll see two tabs: Navigation and Design.
   Navigation: Here's where you create the nodes, change their colors or icons, and link to your content.
   Design: Here's where you can change the look & feel of the Atom template.
4. Start with creating your nodes in the Navigation Layout window. Click the + icon and give your node a logical name.
5. When creating your node, you'll notice a second Node Configuration window appears. Here, you can change the background color of the icon, and upload your custom (transparent) .png file. The node color will change depending on the node the user visits. For best results, upload a .png file of 100x100px.
    
   It's not mandatory to use an icon. You can simply work with a background color to visualize a node.
6. If you need to delete a node you've created, hover over it on the Navigation Layout menu. Click the trash can icon. You will also be removing any possible links related to assets or tags for that particular node. Click Yes to proceed with the deletion when prompted.  
7. When creating new subnodes, make sure to open them before adding more nodes inside them. As in the animation below, click the newly created node to be able to add other subnodes within its folder structure.