diff --git a/aircox/templates/aircox/widgets/episode_header.html b/aircox/templates/aircox/widgets/episode_header.html
new file mode 100644
index 0000000..da6a8af
--- /dev/null
+++ b/aircox/templates/aircox/widgets/episode_header.html
@@ -0,0 +1,10 @@
+{% extends "aircox/widgets/header.html" %}
+
+{% block header-nav %}
+{{ block.super }}
+<div>
+    <a class="heading" href="{{ object.program.get_absolute_url }}">
+        {{ object.program.display_title }}
+    </a>
+</div>
+{% endblock %}
diff --git a/aircox/templates/aircox/widgets/preview.html b/aircox/templates/aircox/widgets/preview.html
new file mode 100644
index 0000000..88df426
--- /dev/null
+++ b/aircox/templates/aircox/widgets/preview.html
@@ -0,0 +1,39 @@
+{% load i18n %}
+
+{% block outer %}
+<article class="preview {% if not cover %}no-cover {% endif %}{% if is_active %}is-active{% endif %}{% block tag-class %}{{ tag_class|default:"" }}{% endblock %}"
+        style="{% block tag-style %}{{ tag_style }}{% endblock %}">
+{% block inner %}
+    {% block headings-container %}
+    <header class="headings{% block headings-class %}{% endblock %}" >
+    {% block headings %}
+        <div>
+            <a href="{{ url|escape }}" class="heading title">{% block title %}{{ title|default:"" }}{% endblock %}</a>
+        </div>
+        <div>
+            <span class="heading subtitle">{% block subtitle %}{{ subtitle|default:"" }}{% endblock %}</span>
+        </div>
+    {% endblock %}
+    </header>
+    {% endblock %}
+
+    {% block content-container %}
+    <section class="content headings-container">
+        {% block content %}
+        {% if content and with_content %}
+        {% autoescape off %}
+            {{ content|striptags|linebreaks }}
+        {% endautoescape %}
+        {% endif %}
+        {% endblock %}
+    </section>
+    {% endblock %}
+
+    {% block actions-container %}
+    <div class="actions">
+        {% block actions %}{% endblock %}
+    </div>
+    {% endblock %}
+{% endblock %}
+</article>
+{% endblock %}