All Collections
Pages CMS
Creating a custom page
Creating a custom page
S
Written by Sonal Singhal
Updated over a week ago

Crowdicity 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. Please note that this guide relates only to pages created after January 24th 2019.


In this article:

Creating a custom page
Adding a banner
What can be added to a custom page
How to add an element
Previewing page
Saving as a draft and publishing pages
Deleting elements and pages


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 wirh the Custom Page option set as default. Click Create to open the Custom page tools.


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.

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.

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:

Tab

Description

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:

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

Each of the elements have their own specific options. To see these in more detail see our Customising 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:

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

Desktop:

Mobile

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.

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.


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.

Did this answer your question?