Widget for quick topic subscribe

Hey @martinjinda, unfortunately this is not possible at the moment. There are some cool things you can do with the HTML blocks on the sidebar like this example in our community:

Subscribing to a category, on the other hand, requires a bit more complexity with our API, and those blocks are limited in this regard. I've turned your question into an idea so that we can see what other users think about it.

Hi @martinjinda! I’ll move this idea to “Open” to gather more votes.

I have a follow-up question: Are there certain topics that you’d like more subscriptions on or do you want to have more subscriptions on all topics in general? 

I think he means categories in general instead of topics, correct me if I’m wrong @martinjinda 

Kinda both, it would be fine to have some sort of select box where you could choose between topics you are interested or just select all based on your preferences. If possible to create button “Subscribe to all” that would be great as well but I guess it is not.

And yes, it's called categories not topics.

Hey @martinjinda, unfortunately this is not possible at the moment. There are some cool things you can do with the HTML blocks on the sidebar like this example in our community:

 

Subscribing to a category, on the other hand, requires a bit more complexity with our API, and those blocks are limited in this regard. I've turned your question into an idea so that we can see what other users think about it.

Is documented somewhere what everything is now possible to do within HTML block widget?

I just found out you are able to copy&paste Subscribe button to the HTML widget, so we can somehow make it work, it won't be able to subscribe to multiple categories at once, but better than nothing. There will be some custom javascript and a lot of hardcoded which will need to be updated everytime you change categories. If anyone wanna do it as well this could work for you.

If anyone need it as well here is simple javascript code which takes array with your categories (name and id) and create widget with all subscribe buttons.

<ul class="subscribes-el" style="list-style: none;padding: 6px 12px; border-radius: 4px; background-color: #fff; border: 1px solid #e3e4ec;"></ul>

<script>
  var subcsData = [
    {
      label: "Master Data Management",
      id: 134
    },
    {
      label: "Data Quality",
      id: 135
    },
    {
      label: "Meta Data Management",
      id: 137
    },
    {
      label: "Reference Data Management",
      id: 138
    },
    {
      label: "News & Announcements 📣",
      id: 142
    }
  ];
  setTimeout(() => {
    var subscEl = document.querySelector(".subscribes-el");
    subcsData.forEach(data => {
      var subscList = document.createElement("li");
      subscList.innerHTML = `
        <li style="padding: 6px 0;">
            <ul class="main-menu-list main-menu-list--quicklinks">
                <li class="main-menu-list__item main-menu-list__item--no-hover" id="downshift-0-item-0" role="option">
                    <div style="display: flex; align-items: center; justify-content: space-between;">
                        <p style="margin: 0; max-width: 130px;">${data.label}</p>
                        <button
                            class="btn--toggle qa-forum-subscribe-button js-tooltip-trigger tooltip-trigger js-tooltip-trigger"
                            data-component="subscribe"
                            data-data="{
                            &quot;isGuest&quot;: 0,
                            &quot;url&quot;: &quot;/subscribers/subforum/${data.id}&quot;,
                            &quot;strings&quot;: {
                              &quot;subscribed&quot;: &quot;Unsubscribe&quot;,
                              &quot;unsubscribed&quot;: &quot;Subscribe&quot;
                            }
                          }"
                            aria-haspopup="true"
                        >
                            <span class="text">Subscribe</span>
                            <span class="loader"></span>
                        </button>
                    </div>
                </li>
            </ul>
        </li>
        `;
      subscEl.append(subscList);
    })
  }, 500)
</script>

it will look like this:

Nice one, thanks for sharing @martinjinda! It looks very nice but I noticed you didn’t add this to your community yet, were there any problems?

Just to let you know, it is possible to target specific pages where to add this widget, like a specific topic or category but this does require custom code work as well. Hopefully, we can also add this functionality where you’ll be able to limit/choose which pages to have the sidebars.