Is It Possible to Create Custom Pages in Discourse?

[Gaurav_Kumar_Sandan]

We are exploring the possibility of adding custom pages in our Discourse instance (for example, a help center or integration-specific page). We’re not fully sure if Discourse supports this natively or if it requires a plugin or theme customization. Could you please guide us on whether this is possible, and if so, what the recommended approach would be?

[NateDhaliwal]

You may want to check out

Landing Pages Plugin

The Landing Pages Plugin lets you make standalone landing pages for your Discourse instance. You can display topics, users and other content from your forum. You can restrict pages to groups, apply Discourse themes, set custom paths, and manage pages in a dedicated git repository. [Screen Shot 2021-02-23 at 6.11.10 PM] Get the code Read the documentation Request a feature Report a bug Not sure how to install a plugin? Follow t…

and

Page Publishing

This guide covers how to use the Page Publishing feature on Discourse. This feature allows Staff/Admin users to convert a topic into a standalone static page with custom styling. Examples include the Terms of Service and Privacy Policy pages. Required user level: Admin Publishing static pages on Discourse Page Publishing allows Admin users to create standalone static pages from topics. This is similar to the process for creating Terms of Service or Privacy P…

[Gaurav_Kumar_Sandan]

Hi, @NateDhaliwal
I have created a custom page, and it’s now working. How can I add custom HTML or CSS to this page?

[NateDhaliwal]

Hi there, which method did you use? Thanks.

[Gaurav_Kumar_Sandan]

Hi @NateDhaliwal
I’m using the Page publishing method

[NateDhaliwal]

I believe you can still use CSS to style published pages:

@Discourse

How can I customize the look of a published page?

Use the structure of the HTML document and corresponding CSS selectors to apply custom styles under Admin > Customize > Themes > CSS.

Additional resources

• Make CSS changes on Your Site

If I’m not wrong, published pages can be targeted with the .published-page CSS class.