# Shortcode packages (html, css, js)

**URL:** <https://discourse.gohugo.io/t/shortcode-packages-html-css-js/472>\
**Category:** support\
**Created:** [December 13, 2014, 6:28am UTC](https://discourse.gohugo.io/t/shortcode-packages-html-css-js/472 "2014-12-13T06:28:06Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![parasquid](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/parasquid/32/158_2.png) [@parasquid](https://discourse.gohugo.io/u/parasquid)\
**Post date:** [December 13, 2014, 6:28am UTC](https://discourse.gohugo.io/t/shortcode-packages-html-css-js/472/1 "2014-12-13T06:28:06Z")

</div>

After checking out hugo sometime ago, I’ve decided to try it out once more and wow!! Everything’s a lot nicer 🙂 Especially the shortcodes – I think it’s quite clever how it was implemented (just drop in an html and that’s it).

I’m in the process of converting my blog (again) from octopress/jekyll to hugo and I have a somewhat naive question.

Is there a way to do some sort of “package” for a shortcode? I’m converting a few of the shortcodes I’m using and some of them require custom css. Right now I put all the custom css the shortcode needs to use into the /static folder.

I was wondering if shortcodes can have their own css and js folders so that (e.g.) I can give someone a .zip file and instructions to unzip this package in their /layouts/shortcodes folder and that would work.

I’m sorry if this has been discussed before - I’ve been looking around in the forums and googling (but most of what I get from googling are movie related). I’d really appreciate it if I get a finger pointed in the right direction 🙂

---

<div class="post-metadata">

**Author:** ![michael\_henderson](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/michael_henderson/32/10490_2.png) [@michael\_henderson](https://discourse.gohugo.io/u/michael_henderson)\
**Post date:** [December 13, 2014, 8:24am UTC](https://discourse.gohugo.io/t/shortcode-packages-html-css-js/472/2 "2014-12-13T08:24:17Z")

</div>

It’s not the prettiest answer, but you can zip layouts/shortcodes/blah + static/css/blah + statics/jss/blah and then tell them to unzip from the site’s folder.

---

<div class="post-metadata">

**Author:** ![parasquid](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/parasquid/32/158_2.png) [@parasquid](https://discourse.gohugo.io/u/parasquid)\
**Post date:** [December 13, 2014, 10:10am UTC](https://discourse.gohugo.io/t/shortcode-packages-html-css-js/472/3 "2014-12-13T10:10:59Z")

</div>

I guess I’d also need to zip in the theme’s head section of the html so that I can include the call to the stylesheet ☹

Is there any plans for this in the future? I’m also starting to dabble in go and was hoping to contribute to hugo to get better experience. In that case, what would be the best approach? Are there any hooks while processing particular partials where another partial can fill it in (similar to rails’ content\_for) ?
