Create visually appealing Pages to organize content

What's in it for you

Enable your sales reps to have better presentations and sales conversations with Pages. With Showpad's Pages feature, you can design visually appealing landing pages with groups of content around a topic or persona. Presenting with engaging and contextually relevant Pages, sales reps can feel more comfortable working away from the classic email to have more tailored conversations for an overall better buyer experience.

Pages are stored in your content library, so you can quickly search for them and add them to multiple Experiences.

Note: Existing Detail Pages will be migrated as new Pages in a phased roll-out following the release and coordinated with you by your customer success manager. After the migration, you can use them across all other Experiences you created. Pages are not shareable and cannot have global permissions.

Key features

• Mix and match content on a visually appealing, well-designed Page
• Include your Page in multiple Experiences 
• Increase marketing impact by enabling better sales communications 
• Track analytics to see how your Page performs

You need this to succeed

• Showpad Plus or Ultimate package
• A Showpad admin account
• Assets in your content Library

The quick way to awesomeness

• Design and add content to a Page
• Add your Page to Experiences 
• Track analytics to see how your Page performs 

Do this step by step

1. Set up your Page
2. Add content to your Page sections
3. Styling your Page
4. Use Pages in Experiences and Collections
5. Edit and delete Pages

Set up your Page

You can create Pages from within your Content tab. After you've created a Page, you will drag and drop it into the channel builder to add to your experiences. This set up makes it easy as an admin to add a page to multiple experiences. When you add your Page to a classic experience, the linked assets are added to the experience as well. 

1. Navigate to the Content tab in the online platform. 
2. Click the Add button, and select Create Page. 
3. Start by adding a name for your Page.
4. To add tags, start typing in the Tags box, and select the ones you'd like to add. You can also create a new tag by typing what you'd like to call it, then select to add the new tag. 
5. Choose a style layout for your Page. Based on your package, you will see varied options including Header Left, Full Header, Header Right, or Blank Canvas. Each template includes one text content block and one gallery content block. Pages cannot be created in landscape format.

   Note: Blank Canvas is only available on Showpad's Ultimate package pricing. When using Pages on the Plus package, the headers will be fixed for whichever template you choose, and you will not be able to add additional gallery blocks.

6. Click Create, and your new Page will open. 
7. To add content blocks to your Page, drag and drop them onto the canvas. Lines will appear when you drag content blocks to the Page, and you can choose to create a new section or add the block to an existing section. These sections will be used for styling your page later on. You can create up to four columns wide of content blocks, but you cannot resize the width of the blocks. The maximum page width is 1100px, and the maximum margin size is 250px on each side. Note: Customers with the Plus package cannot edit or add to the templated section, but can add and edit sections underneath it.
    In the next section, read more about creating each type of content block.

Add content blocks to your Page

Pages are visually appealing and versatile, therefore there are numerous types of content blocks you may add to the sections of your Page. Below you will find step-by-step guidance on adding various types of content to your Page. While working on your Page, remember to click Save so your changes aren't lost. 

Text

1. To work with text block content, click in the text box on your Page to open the edit panel on the right.
2. In the text block editor, type what you want to write in your text block. It will automatically start to populate into the Page. 
3. Change the appearance of your text with the rich text editor functionality. Choose your font, font size, font style, and color. You can also create bulleted or numbered lists, and include hyperlinks.

Gallery

1. Click on the gallery block to open the edit panel. 
2. Drag and drop images from your device into the Content section of your gallery block, or select Browse to find and upload the files you're looking for. Currently, you can add up to five images to the gallery.
3. Under the design section, check Fit to block if you want your images to zoom in to fit the block.
4. Choose whether or not you want margins around the images. Keep in mind that the image gallery will not expand beyond the page maximum width of 1100, even if no margins are selected. 
5. If you have uploaded more than one image, you will see the option to Show Thumbnails. If selected you will have a display navigation of all images in the library with thumbnails showing below the main image. 
6. If you have uploaded more than one image, you will also see the option to Automatically transition from one image to the next. If you check this selection, a slider will appear where you will choose the duration between transitions in seconds.
7. To make edits or delete an image from the gallery, hover over the image. You will see an edit icon and a trash icon. 
8. If you choose Edit, change the focal point in the image by dragging the box to your desired focal point. The image to the right will preview how this change the appearance of the image.  
9.  The other option you have while editing an image in the gallery is to attach a link to the image. An image can be linked to an Asset, Page, or Experience. 
10. If you would like to link your image, select the type of content you want to link to from the drop-down menu, select the Type if desired, and then search for and select the content.
11. To delete an image from the gallery, hover over the image and click the trash icon.
12. When you've finished creating your image gallery, click Save Page.

Assets

1. Click on the Asset block to open the edit panel. 
2. Under the General section, start by adding a title to the asset block. 
3. If you'd like to add an Icon to the asset block, toggle the setting on, then drag and drop or browse for your icon to upload. 
4. Under the content section, you have the option to add content Manually by searching for assets, or with Tags. If you choose Manually, search for the asset you want to upload then select it from the list. It will be added to the section.
5. If you choose to add content using Tags, search for the tag you want to match the assets to. Keep in mind, selecting on a tag will add all the assets that match. You can add more than one tag, but only content that matches ALL of the tags will populate. 
6. You will see a list of the content now included in your block, and underneath you'll have the option to limit the number of files in the block. 
7. In the Settings section, choose to display assets in grid view or list view. 

Pages

1. Click on the Pages block to open the edit panel. 
2. You will have the same options to set up your Pages content block as your Asset content block, however, you will be adding a Page. See directions above.

Experiences

1. Click in the Experiences block to open the edit panel. 
2. Start by adding a title to the content block, if desired.
3. If you'd like to add an Icon to the asset block, toggle the setting on, then drag and drop or browse for your icon to upload. 
4. Under the content section, you can select the type of Experience you would like to add to the Page, which will help filter through available options if you have a large number.
5. In the Experience menu, type in the search for the name of the Experience you want to add to your Page then select it from the drop-down menu. 

Spacers

Spacers are added to create some white space between content blocks. Click on your spacer, and use the adjuster to change the height of your spacer within the Page canvas.

Styling your Page 

1. To style your page, click the palette icon under the content blocks. If you have multiple sections in your Page, you will have the option to click a palette to choose which section you're styling. 
2. To set a background color for the selected section, click the Background color bar. Select a color or enter a Hex number, then hit enter.
3. To update the Font color, click the color bar then select a color or enter your desired hex number. Click enter, and the font in the selected section will change.
4. If you'd like to add a background image, drag and drop the image or click Browse to select the image from your device. The image will fill the selected section of your Page.
5. When you're done editing the Styling options, click the palette icon to return to editing your content blocks.

Adding Pages to Experiences 

Note: Pages are not visible on the Android or Windows app when opened in a classic experience, but they are visible on all platforms when opened in Advanced Experiences. Pages are not compatible with the Selector Advanced Experience. 

1. To add your page to a Classic Experience, navigate to your content tab in the online platform.
2. Within the Library & Channels tab, select All Pages from the pages section.
3. Search for the Page or use the tag filter option.
4. Click Open Channel Builder.
5. Click Select a Channel and choose a channel to add your Page to.
6. Drag and drop the Page into the channel builder.  
7. If you're adding the Page to an Advanced Experience, navigate to the channel builder in the Content tab, and select the experience. Click Edit Channel. 
8. To add a Page to an Atom, select the node you want the Page connected to, and toggle the Link Content on. In the Content Configuration section, select Page as the Content Type, then choose a Page from the drop-down menu. 
9. To add a page to a Mapper Experience, click Edit on the map in the Map Configuration section. 
10. Select a hotspot to add the Page to, or create a new one by selecting Hotspot and dragging and dropping the line and hotspot icon. 
11. Click the Link tab. In the Content Type drop-down menu select Page, then choose your page from the drop-down menu. Click Save. 
12. To link a Page to an Experience App, edit the link field in the Edit screen of your Experience App. From the editable link drop-down menu, select Pages. Pages in Experience Apps are not visible on Android or Windows. 

Edit and delete Pages

Move Pages to the trash bin

1. To delete your page, navigate to the Content tab on the Online Platform. 
2. Expand the Pages section on the left side menu and select All Pages.
3. Check one or more of the Pages you want to delete, then click Select an Option. 
4. Select Move to Trash.
5. A message will ask if you're sure you want to move these Pages to the trash. Click Ok if you are sure. 
6. If you need to restore your Page, click Trash from the Pages menu on the left side of the content tab. Check the page you want to restore, then click Select an Option. You can choose to Restore or Permanently Delete. 

Duplicating Pages 

1. To duplicate a page, navigate to your Content tab and select All Pages from the left side menu.
2. Check the Page you want to duplicate, then click Select an option.
3. Select Duplicate. 
4. An error message will appear to let you know if you've tried to duplicate a page to a Division where they may not have access to all assets in the Page. In this case, assets to which a division doesn't have access will be removed from the Page. You can duplicate a Page to another Divison, but not another account.
5. Click Save. To edit the name of the Page click on it to open the asset properties on the right, then click Edit in the information tile. Change the name of the content then click update.

Editing Page tags in bulk

1. To duplicate a page, navigate to your Content tab and select All Pages from the left side menu.
2. Check the Page or Pages you'd like to edit, then click Select an option.
3. Select Edit. 
4. Search for Tags you want to add to the selected Pages, or create a new Tag. You can delete Tags by clicking the minus icon.  
5. Click Apply to update the Tag selections.