Creating a custom page

Medallia Ideas provides pages on your navigation menu such as the People Page and Blog page as well as allowing you to add your own. You can create multiple custom pages to present different content to your users in the PAGES CMS tab on the Challenge Management.

Restriction: This guide relates only to pages created after January 24th 2019.

Creating a custom page

Click Pages CMS to see start creating your custom page. From here you'll see the Add a dropdown option the right hand side of the screen with the Custom Page option set as default. Click Create to open the Custom page tools.

Custom page editor with its options

When creating a page the following tools and options are available:

​Page title
Add the name that will appear for users on the navigation menu ​Add Metadata: If your community is open, you can provide metadata for your page by clicking on the menu button next to Page title.
Settings
Provide the page name and metadata description or delete the page. ​Add element: Defines the type of content you're adding (such as text, video, image, etc.)
Preview
Switch between desktop and mobile devices to see how your page will be displayed on different devices.
​Publish/Unpublish
Make your pages visible to your community or unpublish them while you work on them.
Save
Save your page and any changes you make.
Use a different banner
If you'd like you'd like to have a page specific banner you can add this here.

Adding a banner

If you would like your custom page to have a different banner image to the one used for the rest of the community, you can add an image that will only be used for this specific page. Check the Use a different banner? option to upload an image.

Use a different banner? checkboax with Upload an image button

To do this, click the Use a different banner box to bring up the image upload button. Click this to either drag and drop your image to the banner, or click Attach image to open a window to browse files on your computer. When the image has successfully uploaded, you will see it in on the page.

Banner image of two hands holding a tablet device

Your image should be 1024px wide and we recommend that it's also around 130px high; an image that isn't 1024 pixels wide will need to be stretched or squashed to fit, but the height is up to you.

If you have set your community name to appear in your community banner, you will also see it in your custom banner. The guide to changing the community banner explains how to turn this on and off.

What can be added to a custom page

Custom pages are created by adding Elements to your pages. There are 9 different elements you can add to your page:

Text/HTML
Add text or HTML code to your content page.
Image
Upload an image which can also be users to hyperlink to other areas of the community
Video
Upload video content to your community. See our Using iframes to embed content to check which sites we accept iframes from.
Challenge Carousel
Shows a rotating carousel of challenges on your community. Users will only see the challenges for which they have access to, regardless of which you choose to present.
Activity Panel
Displays recent user, idea and challenge activity from across your community. Users will only see information relating to the challenges they have access to.
Leaderboard
Choose to show the Community Leaderboard, Newbies (users who have recently joined the community) or both.
Ideas Panel
Displays a selection of ideas from the community. You can choose to display the Latest, Top Voted, Top commented.
Blog Carousel
Select to display 3, 4 or 5 blogs in a rotating carousel.
Line
Add a line break to separate different content areas. The line colour will display as the colour 'Design elements' is set to on the community. You can change this colour in the Design tab, however, please note that this will effect other areas of the community as well.

How to add an element to a page

To add content to your page, click the Add element button to view the list of elements. Hover over the element you'd like to add, then click and drag this on to the any row of your page, release the mouse button to drop the element into place:

Animation: click Add element and select text HTML, then drag it and drop the new element on the page body

You can drag up to 3 elements on a row which can be placed in any order. If you'd like to reorganize them, just drag and drop any element to a new location on their current row, or to a new row entirely:

Animation rearranging elements in the page editor by dragging them to their new location

Each of the elements have their own specific options. To see these in more detail see our Customizing elements help guide.

Previewing your content

Before you publish a page to your community, you can preview what this will look like on a desktop and mobile devices. This can be done at any point by clicking the Desktop and Mobile device options:

Preview buttons for desktop and for mobile previews

When clicking these options, you'll see device view of what your page will look like:

Desktop

Desktop preview of the Innovation Hub page

Mobile

Mobile preview of the Innovation Hub page

Return to editing mode by clicking the X next to the preview image.

Saving as a draft and publishing pages

​Saving your page

When you create a page it will be ready to edit straight away. Once you've completed any changes you'd like to make, you'll need to click Save at the top right of your page to confirm the changes.

Save Page button on the custom page editor

Publishing your page

Once you've saved your page and you're ready to publish it to your users, just click Publish, which will appear next to the save button at the top of the page.

Publish and Save Page buttons

Unpublished pages will appear with grey titles in your navigation bar and are only visible in Pages CMS.

Deleting elements and pages

​Deleting an element

To delete any element on the page, simply click the menu in the top right corner of the element and click Delete element. ​​

Deleting a page

To delete a custom page from your community, click the settings icon in the top left of the page and click Delete Page. This will open a confirmation window advising that this is permanent and cannot be undone.