![ideascale-icon.png]](https://help.ideascale.com/hs-fs/hubfs/ideascale-icon.png?width=40&height=40&name=ideascale-icon.png){kind=icon}
Similar to landing page sections, Custom page components are preconfigured templates that administrators can use to create more visually appealing and professional custom pages.
Once a custom page is created, the administrator is directed to the page editor. In edit mode, a variety of components are available to design a visually engaging, professional custom page that aligns with the goals of the campaign or community. To begin, click the Components icon in the editor toolbar to expand the full list, then drag and drop the desired components onto the page canvas in the preferred order. Components can be reordered, edited and configured to match the layout requirements, allowing administrators to quickly assemble rich, branded experiences without any coding.
TABLE OF CONTENTS
Hero
Card
Activity Summary
Tags
Campaigns
Ideas
FAQ
CTA
Text
Statistics
Teams
Instructions
Achievements
Hero
The Hero component works as a main welcoming text containing an image, a text area and a button. Any of these can be hidden using the Eye icon or edited with the Pencil icon. Admin can change the image, edit text and change the colour, text and hyperlink for the button.
1. Edit Hero Section: Using the Pencil icon on the hero section, you can switch the layout so that the image and text positions are reversed (image on the left and text on the right).
2. Image/video: The image section allows to insert either an image (using upload/image link) or a video using a link.
3. Button: The button section allows editing the text, hyperlink URL, Button colour and text colour of the button.
Card
Card component works as flashcards that can be used for a quick snippet of information. It has a heading text and card section that have an icon option to choose from library, icon colour selection, title and description area. Multiple cards can be added in this component. Any of these can be hidden using the Eye icon or edited with the Pencil icon.
1. Heading: The heading text can be edited.
2. Card: The individual card section allows editing the card icon from the available list, icon colour, and text for the title on the card and its description. Each card can be hidden or deleted as well.
3. Add new item: This option allows to create additional flashcards.
Activity Summary
The Activity Summary component displays the count and percentage of logins, engaged members, idea votes, ideas, comments, and votes from the past week, compared to the previous week. All this data is autopopulated and cannot be edited except for the heading.
Tags
The Tags section auto-populates all the community tags applied to ideas within the community. Only the heading text can be edited.
Campaigns
The Campaigns component displays all featured, active campaigns within the community. Each member’s authorization level determines campaign visibility. This component shows the image and name of the top three campaigns, with navigation arrows to scroll through all available campaigns. The admin can edit the heading, visible campaigns and display type.
1. Heading: The heading text can be edited.
2. Choose Campaigns: The admin can either choose All campaigns or select specific campaigns using the Selected campaigns option.
3. Display Type: The campaigns can be displayed in Stack, Carousel or Grid format. The Stack and Grid format will provide a View ideas button that navigates to the campaign ideas' page.
Ideas
The Ideas component displays ideas from across all or from specific campaigns selected by the administrator. Ideas can be sorted by Trending, Most Recent, or Most Viewed to highlight activity and surface the most relevant contributions. Additional filters allow refining the list by all or a single selected tag or label, making it easier to focus on specific topics and themes. The heading text is fully editable. The visibility of ideas to the members will depend on their authorization level.
1. Heading: Edit the section title to match the purpose of the page or campaign (for example, “Featured Ideas” or “Latest Contributions”).
2. Campaign: Admin can select All campaigns or multiple specific campaigns.
3. Sort ideas by: The ideas can be sorted as per Trending, Recent or Idea Views.
4. Segment by Tag: This option allows to display ideas with either all community tags or a single specific tag. Only ideas that include the selected tag will be shown.
5. Segment by Label: This option allows to display ideas with either all labels (system and custom) or a single specific tag. Only ideas that include the selected label will be shown.
FAQ
The FAQ component is best suited for organizing and presenting common questions and answers about the IdeaScale community or any internal competitions and challenges that are currently in progress. It includes a heading section and a question-and-answer section, both of which can be edited or deleted, and additional question sections can be added as needed.
1. Heading: A heading and subtitle can be edited for the section. It can also be hidden if the admin doesnt want any heading for the section.
2. Question & Answer: The question & answer section can be edited or removed entirely. Using the rich text editor, you can modify the answer field to include formatted text, images, and hyperlinks.
3. Add New Item: This button adds in additional question & answer sections in the component.
CTA
The CTA (Call to Action) component allows admin to add a heading, a brief explanatory text, and up to two buttons that encourage members to take specific actions. Administrators can fully customize the button text, destination URLs, and colors to align with community branding. This component is ideal for directing members to key activities such as submitting an idea, joining a challenge, registering for an event, or reviewing campaign guidelines, helping to guide traffic to the most important next steps in your innovation workflow.
1. Heading: A heading and subtitle can be edited for the section. It can also be hidden if the admin doesnt want any heading for the section.
2. Button: The button section contains option to add the button text, URL field to add hyperlink, a hex color code for the button and text colour that can be set to White, Black or default. It can also be hidden if the admin doesnt want any heading for the section.
Text
The Text component provides a flexible area where administrators can add custom content, including formatted text, images, and hyperlinks. It includes both a heading and a description field that can be styled to match the design and communication goals of the page.
1. Heading: Admin in can add a title text here. Heading is a mandatory field.
2. Description: A custom descriptory text can be added here with rich text editor. An image, video and hyperlinks can also be added. It is also a mandatory field.
3. Text Color: Admin can set the whole text to Dark (Black), Light (White) or Default color.
Statistics
The Statistics component displays community-wide metrics for ideas, comments, and members in an at-a-glance card format, helping members quickly understand overall engagement levels. Each statistics card can be individually hidden to focus attention on the most relevant insights for the page.
1. Heading: The heading text can be edited.
2. Cards: The Ideas, Comments, and Members statistics displayed on each card are automatically populated from community data and cannot be manually edited. However, each individual card can be hidden as needed.
Team
The Team component is an effective way to highlight the core team behind your community or campaign. Administrators can add a brief overview of the team, along with individual profiles for each member, including names, roles, and photos.
1. Heading: A heading and subtitle can be edited for the section. It can also be hidden if the admin doesnt want any heading for the section.
2. Team Member Tiles: The admin can edit, hide or delete any team member tile. Under the edit, they can edit the Name, Designation, Image (photo) and Alt text. The image can be uploaded from the computer or an image URL can be pasted.
3. Add New Item: This button adds an additional team member tile to the team that can be edited.
Instructions
The Instructions component allows administrators to add any additional guidance or context they want to provide to members. This section is ideal for outlining participation rules, evaluation criteria, timelines, or step-by-step directions that help members understand exactly what is expected of them. Using the rich text editor, administrators can include formatted text, links to supporting resources, and visual elements to clarify processes and reduce confusion.
1. Header: The heading text can be edited or hidden.
2. List Item: Each list item of instructions can be edited, deleted or hidden. Admin can add a title, description, upload imageor paste image link and add an alt text.
3. Add New Item: This button adds an additional list item in the component.
Achievements
The Achievements component displays content in a flashcard-style format to highlight the most important accomplishments of a company or campaign, providing members with a quick, at-a-glance overview of key successes.
1. Header: The heading text can be edited or hidden.
2. Achievement card: Each card can be edited, deleted or hidden. Admin can add a title and description to it. Both are mandatory fields.
3. Add New Item: This button inserts 2 additional achievement card in the component.
