diff --git a/src/partials/footer.hbs b/src/partials/footer.hbs
index 9d49017..bb35a0f 100644
--- a/src/partials/footer.hbs
+++ b/src/partials/footer.hbs
@@ -1,2 +1,5 @@
 {{> footer-content}}
 {{> footer-scripts}}
+{{#if env.SITE_ASCIINEMA_PROVIDER}}
+{{> asciinema-create-scripts}}
+{{/if}}
diff --git a/src/partials/head-styles.hbs b/src/partials/head-styles.hbs
index ceeecab..72cc7e5 100644
--- a/src/partials/head-styles.hbs
+++ b/src/partials/head-styles.hbs
@@ -9,4 +9,7 @@
     <link rel="stylesheet" href="{{{uiRootPath}}}/css/vendor/search.css">
     <link rel="stylesheet" href="{{{uiRootPath}}}/css/vendor/page-search.css">
     <link rel="stylesheet" href="{{{uiRootPath}}}/css/vendor/{{#if (asciidocExtensionRegistered '@asciidoctor/tabs')}}asciidoctor{{else}}spring{{/if}}-tabs.css">
+    {{#if env.SITE_ASCIINEMA_PROVIDER}}
+    {{> asciinema-styles}}
+    {{/if}}
 
diff --git a/src/partials/header.hbs b/src/partials/header.hbs
index 8a39422..fd7fcb3 100644
--- a/src/partials/header.hbs
+++ b/src/partials/header.hbs
@@ -1,2 +1,5 @@
 {{> header-scripts}}
 {{> header-content}}
+{{#if env.SITE_ASCIINEMA_PROVIDER}}
+{{> asciinema-load-scripts}}
+{{/if}}