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

Creating a custom page on Crowdicity allows you to add your own content to share with users. If you're not sure how to create a custom pages, check out our Custom page help guide.

Custom pages are made up of different content elements. In this article, we'll walk you through the different options around each element that can be used.

In this article:

Text / HTML
Image
Video
Challenge Carousel
Activity Panel
Leaderboard
Ideas Panel
Blog Carousel
Line
Padding
Deleting

Adding Text/HTML

Use the text box to add page content such as text or HTML. You can edit the text by using the formatting buttons or by editing the HTML for the page.

The formatting buttons, at the bottom of the text editor box, allow you to:

  • Bold and italic text

  • Add a number or bullet lists

  • Add a hyperlink to text

  • Add an image

If you click on the 'HTML' button, it will open a window showing the HTML for the page content. You can directly edit this content using HTML style tags. Please note that you cannot add JavaScript to pages in Crowdicity.

Adding a button

Submit idea: Allows users to post directly into a challenge. If you choose this option, you'll be able to choose which published challenge users post to.

Good to know

The challenge list shows all published challenges, regardless of their access settings. If a user does not have access to the challenge you have linked, they will be shown an error page linking them back to the community homepage.

View challenges: directs users to the challenge directory page.
Custom: Administrators can add their own custom button text and link this to any page either on the community, or externally.

Adding an image

Make your page stand out by adding images.

Click the Upload image to open your file browser and upload an image (gif, jpeg, png, pdf with a max file size of 40 mb are accepted).

You can resize your image by entering the number of pixels wide you'd like this to be in the Width (px) box. The height of the image will be adjusted automatically.



Hyperlinking your image

Create clickable images by adding hyperlinks to them:

You can add any of the following links:

Submit idea: Allows users to post directly into a challenge. If you choose this option, you'll be able to choose which published challenge users post to.
Challenges: Published challenges in your community. Users will only be able to access these if they have the appropriate access, otherwise they will see an error page.
Pages: Link users to both Crowdicity and Custom pages you have in your community.
Custom: Link users to a site external to your community.

Good to know

The challenge list shows all published challenges, regardless of their access settings. If a user does not have access to the challenge you have linked, they will be shown an error page, linking them back to the community.

Embedding a video

Add videos using the videos URL or by embedding an iframe on your page into the Embed code field. You can select which method you use from the drop down menu in the element:

The sites from which we allow iframes are limited to protect the security and privacy of our users. You can find a full list of the allowed websites in our help guide on sites that are whitelisted for iframes

Challenge Carousel


The challenge carousel displays the challenges available to your community. Users will only see those that they have access to.

You can choose to display up to 4 challenges on the carousel. By default, these will be the top 4 challenges in the Challenge management. If you'd like to choose specific challenges, you can choose to display your Favourites.

Your favourite challenges are those with the star highlighted next to the challenge title in the Challenge Management tab:

Activity Panel

This provides a feed of recent posts in the community. It shows recently posted ideas and comments that users can click on to view them directly. The feed is specific to each user and will only show the activity related to challenges to which they have access.

Ideas panel

Shows ideas that have been posted in the community.

By default, 3 tabs will be visible to users: Top Voted, Latest and Random. These tabs allow users to decide which ideas they would like to see. You can change which of these tabs are visible by deselecting the tabs you'd like to hide. You can choose which tab to show to users first by using the Default drop down menu.

Leaderboard

The leaderboard element displays who is top of the community leaderboard and users that have recently joined the community.

By default, 2 tabs will be visible to users: Community (everyone) and Newbies (latest users). You can change which of these tabs are visible by deselecting the tabs you'd like to hide. You can choose which tab to show users first by using the drop down menu.

Blog Carousel

If you'd like to display blogs on your community, this can be done using the Blog Carousel Element. If you're not sure how to create a blog, check out our Creating and editing blog posts help guide.

You can choose to show up to a maximum of 4 blogs on the community.

Adding a Line


You can break up the content of your page by adding a line in between elements.

The line colour is determined by Design Elements tab in the Design tab on the Admin menu.

You can change the width of the line by adding padding around the element. The section below explains how to add padding to an element.


Adding padding to an element

In some cases, you may want to add some white space around the elements you've added, such as text or videos. This can be done by adding 'padding' to the left, right, top and/or bottom of the element.

To add white space around any elements, click the 3 dot menu in the right corner of the element to display the padding fields:

Enter the amount of padding at any/each side you would like in pixels. If you're not sure, try starting with a low number then work up until you're happy with how it looks.

The amount of padding you add will determine in how the element sits on your page as per the example below:

Without padding


With padding of 250px on both left and right sides:

Deleting an element

To permanently delete any element off the page, click the 3 dot menu in the top right of the element and click Delete.

Did this answer your question?