# Customizing Subscription Plugin pages

**URL:** <https://meta.discourse.org/t/customizing-subscription-plugin-pages/175305>\
**Category:** Development\
**Tags:** subscriptions\
**Created:** [January 6, 2021, 6:54pm UTC](https://meta.discourse.org/t/customizing-subscription-plugin-pages/175305 "2021-01-06T18:54:18Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)\
**Post date:** [January 6, 2021, 9:23pm UTC](https://meta.discourse.org/t/customizing-subscription-plugin-pages/175305/3 "2021-01-06T21:23:15Z")

</div>

> [@justin](#):
>
> `{{plugin-outlet}}` in that file

Oh! So I can! I can!!!

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/9/090a824958d63ffb5a7e43c572f8efbc0897af8f.png)

> [@justin](#):
>
> A raw plugin outlet won’t work though because it’s not a raw file.

Doh!

OK, so something like

```plaintext
       <div class="product-purchase">
          {{#if product.subscribed}}
            <span class="purchased">&#x2713; {{i18n 'discourse_subscriptions.subscribe.purchased'}}</span>
            {{#link-to "user.billing.subscriptions" currentUser.username class="billing-link"}}
              {{i18n 'discourse_subscriptions.subscribe.go_to_billing'}}
            {{/link-to}}
            {{plugin-outlet name="after-go-to-billing" args=(hash product=product)}}
          {{else}}
            {{#link-to "s.show" product.id disabled=product.subscribed class="btn btn-primary"}}
              {{i18n 'discourse_subscriptions.subscribe.title'}}
            {{/link-to}}
            {{plugin-outlet name="after-subscribe-title" args=(hash product=product)}}
          {{/if}}
        </div>

```

And then I can do something like

```plaintext
<script type="text/x-handlebars" data-template-name="/connectors/after-go-to-billing/foobar">
    <div class="pfaffmanager-product"> maybe a link using {{product.id}}</div>
</script>

```

Or you could even hide and replace pretty much all of those product blocks.

I may make sense of plugin outlets after all.

### CSS changes

So just wrap the whole `s.hbs` template in a `<div class="subscription">`, and then you could do stuff like

```plaintext
.subscription 
  {
    h1 {
    content: "Hello, world";
    background-color: yellow;
  }
}

```

Does that seem right? If there’s nothing really stupid here, then I think I’m on my way to being able to make a sensible PR.

---

_[View the full topic](https://meta.discourse.org/t/customizing-subscription-plugin-pages/175305)._