Contributor ⭐️⭐️

Solved

Adding a "create a topic/post" button lower down on the screen

Forum|Forum|3 years ago
December 12, 2022
8 replies
168 views

Hi all,

Is it possible to add a Create a post button lower down on the page than the one in the top header? I have been running some beta calls with some of our early adopters prior to launching in January and the main thing coming back is that the create button is not in the expected place when a user is in a category itself. they are expecting it to be at the top of the category feed. I can’t find a way to customise the category pages in this way, is it possible?

Thanks!

Ellie

Best answer by olimarrio

Hi @ellie.jordan.rh 👋,

There’s a couple of ways to go about this and as @revote mentioned they would involve custom code.

I would recommend adding a sidebar widget via Control → Customization → Sidebar. Then add a custom HTML widget to your General Sidebar which includes a CTA and button to create a new topic. Much like we have done here (although we’ve added to the Topic Sidebar):

Custom HTML Topic Sidebar. CTA for users to ask a question
Another method could be to make the mega menu sticky. You can find a useful tutorial for how to achieve this here but essentially it involves fixing the position of the mega menu and then adding some padding to the content below so that it is always visible. This way, the create topic button will always be visible.

If you’re looking for another specific place to add the button, I would encourage you to raise an idea, as trying to do this via custom code would be too fragile and tricky to maintain as our product evolves.

Let me know if you need any help or have any more questions 😁

revote

VIP ⭐️⭐️⭐️⭐️⭐️

I think you are talking about the desktop view? I agree, I would like to see it in a place where it feels more natural for the users.

E

ellie.jordan.rhAuthor

Contributor ⭐️⭐️

I think you are talking about the desktop view? I agree, I would like to see it in a place where it feels more natural for the users.

Hi,

yes in the desktop view. As soon as the user scrolls down the screen a little to see the feeds, the create topic button is off screen and when I have run sessions to gather feedback and watch how people use the site, there is clear confusion over where to go because they need to scroll back to the top.

revote

VIP ⭐️⭐️⭐️⭐️⭐️

I am not sure is this possible to do with some custom code, maybe someone can help us?

olimarrioAnswer

Gainsight Employee ⭐️

Hi @ellie.jordan.rh 👋,

There’s a couple of ways to go about this and as @revote mentioned they would involve custom code.

I would recommend adding a sidebar widget via Control → Customization → Sidebar. Then add a custom HTML widget to your General Sidebar which includes a CTA and button to create a new topic. Much like we have done here (although we’ve added to the Topic Sidebar):

Custom HTML Topic Sidebar. CTA for users to ask a question
Another method could be to make the mega menu sticky. You can find a useful tutorial for how to achieve this here but essentially it involves fixing the position of the mega menu and then adding some padding to the content below so that it is always visible. This way, the create topic button will always be visible.

If you’re looking for another specific place to add the button, I would encourage you to raise an idea, as trying to do this via custom code would be too fragile and tricky to maintain as our product evolves.

Let me know if you need any help or have any more questions 😁

revote

VIP ⭐️⭐️⭐️⭐️⭐️

There’s a couple of ways to go about this and as @revote mentioned they would involve custom code.

I would recommend adding a sidebar widget via Control → Customization → Sidebar. Then add a custom HTML widget to your General Sidebar which includes a CTA and button to create a new topic. Much like we have done here (although we’ve added to the Topic Sidebar):
Another method could be to make the mega menu sticky. You can find a useful tutorial for how to achieve this here but essentially it involves fixing the position of the mega menu and then adding some padding to the content below so that it is always visible. This way, the create topic button will always be visible.

These are my favorites.

I have to test adding the HTML widget.

I have to say that sticky mega menu brings the Create topic button available for the users and addition, users doesnt have to scroll up/down so much. Sadly this requires a developer.

V

VarshaAhir

Contributor ⭐️⭐️⭐️

Hi has anyone made any progress on this one? Keen to know if there’s a solution I can improvise here.

K

KevyM

Contributor ⭐️⭐️⭐️

Hello,

Here is how I did it using HTML. You could put this anywhere within a HTML Widget either in the main content area or in the sidebar. Mix it with other HTML for a full custom layout.

Notes:

Adjust styles to match your brand and change the url.

Example below has no rollover state, that needs to be added.

Maybe there is a more refined way, I would be interested in seeing that.

<div style="display: flex;
  justify-content: center;
  align-items: center; padding-bottom: 20px">
 <button style="padding: 10px 20px;
    background-color: #FA4515;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;" onclick="location.href='https://yourcommunityurl.com/topic/new'">+ Create Topic</button>
</div>

sleslie99

Contributor ⭐️⭐️⭐️

Thank you @KevyM I really appreciate you sharing your code with us/me. I really needed to add a button like this.

I love working with communities of people- online and in person!!!

Didn't find what you were looking for?

Sign up

Welcome to the Gainsight Community