# How to add customer HTML after “post\_1” (part2)

**URL:** <https://meta.discourse.org/t/how-to-add-customer-html-after-post-1-part2/202619>\
**Category:** Support\
**Created:** [September 4, 2021, 3:30pm UTC](https://meta.discourse.org/t/how-to-add-customer-html-after-post-1-part2/202619 "2021-09-04T15:30:09Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![valsha](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/valsha/32/230631_2.png) [@valsha](https://meta.discourse.org/u/valsha)\
**Post date:** [September 5, 2021, 5:20pm UTC](https://meta.discourse.org/t/how-to-add-customer-html-after-post-1-part2/202619/3 "2021-09-05T17:20:18Z")

</div>

All together it will be something like this?

```plaintext
<script type="text/discourse-plugin" version="0.8">
api.decorateWidget("post:after", helper => {
  const firstPost = helper.attrs.firstPost;
  const h = helper.h;
  if (firstPost) {
    return h("div#custom-ad", [
      h(
        "a.custom-ad-link",
        { href: "example.com" },
        h("img", { src: "https://picsum.photos/id/74/750/90" })
      )
    ]);
  }
});
</script>
#custom-ad {
  .custom-ad-link {
    img {
      width: 100%;
    }
  }
}
#custom-ad {
  max-width: calc(45px + 690px + (11px * 2));
}

```

---

_[View the full topic](https://meta.discourse.org/t/how-to-add-customer-html-after-post-1-part2/202619)._
