Adding a billing section in the member section

I use the Memberful-Discourse integration.

I want to add a “billing” section right here :

In fact, when a user will click on billing, it will convert to the memberful account of the user. I will put a simple link to make it happen. I already have this link. I just want to know the code to add a section here.

Is it possible?

You could likely tie into the user-main-nav connector and add it to the users profile. It’s not exactly the same placement but it would have roughly the same effect.

https://github.com/discourse/discourse/blob/8296f493ed5548698647d6890ca1d2e069630198/app/assets/javascripts/discourse/templates/user.hbs#L207

4 Likes

Ok interesting, can you tell me exactly what I have to do please?

Combine that plugin outlet with this:

4 Likes

{{plugin-outlet name="user-main-nav" tagName='' connectorTagName='li' args=(hash model=model)}}

What is the unique-id?

My code so far is this (what do I have to change?) :

<script type='text/x-handlebars' data-template-name='/connectors/user-main-nav/add-header-links'>
       <a class="nav-link " href="https://lepeuplier.memberful.com/account" target="_blank">Facturation</a>
</script>
1 Like

I haven’t tested it but that looks good to me. The unique I’d is something you make up for the project.

5 Likes

It worked! Thanks so much!

6 Likes

I wrote a different code to make it appear at the place I want

<script type="text/discourse-plugin" version="0.8">
    api.onPageChange(() =>{
        addNav();
    });
    function addNav(){
        if($('.affiliation-link').length){
            // do nothing 
        } else {
            li = '<li class="no-glyph nav-interface affiliation-link"><a href="https://lepeuplier.memberful.com/account">Facturation</a></li>';
            $(".user-preferences-page .preferences-nav").append(li);
        }
    }

</script>

2 Likes