Installing changelog system Headwayapp in Bubble app

Hello everyone,

Does anyone know how to install the changelog app https://headwayapp.co/ in Bubble?

This is the code Headwayapp gives:

<script>
  // @see https://docs.headwayapp.co/widget for more configuration options.
  var HW_config = {
    selector: ".CHANGE_THIS", // CSS selector where to inject the badge
    account:  "your_account_id"
  }
</script>
<script async src="https://cdn.headwayapp.co/widget.js"></script>

It asks for a CSS selector but trying to put the ID element in the code does not work.

Thanks a lot.

The selector is the element where you want widget to show.
I guess that you can use item ID Attribute and use the same thing that you have set there.
For example, Create a group and set ID Attribute. if you use headway as attribute, enter #headway to replace “.change_this”

Thanks for your reply @Jici

I´ve just tried to create a group an in the ID I put “headway”, inserted the code in “Settings > Scripts/meta tags in header” where I changed the “.change_this” by “#headway” and it´s not working.

<script>
  // @see https://docs.headwayapp.co/widget for more configuration options.
  var HW_config = {
    selector: "#headway", // CSS selector where to inject the badge
    account:  "my_account_id"
  }
</script>
<script async src="https://cdn.headwayapp.co/widget.js"></script>

Any ideas?

Thanks!

Is your app on a paid plan? If not, Bubble won’t put the script in the header.

Hello @keith thanks for your reply,

Yes it´s in a paid plan.

I’m doing some test and I see that if you put it in page header, this won’t work. The page header is generated too fast and the element doesn’t exist.
I added the script to an HTML element. The element is found (you can always set the html to be visible only when the “target” element is visible to be sure).
The dev console show me the correct behavior but nothing show. But the “hw_badge” is added to the element.

Hi @Jici

I´m trying with an HTML as well but nothing.

How did you do to get it working?

I got it working.

You need to add at least one changelog and then the bullet is shown.

Thanks a lot @Jici for your help! :pray:

1 Like

Since it looks you´re a pro, do you mind taking a look at this?

This topic was automatically closed after 70 days. New replies are no longer allowed.