diff --git a/variations/zps/pages/o-zpevniku.vue b/variations/zps/pages/o-zpevniku.vue
index f52a78f..59dbe85 100644
--- a/variations/zps/pages/o-zpevniku.vue
+++ b/variations/zps/pages/o-zpevniku.vue
@@ -31,16 +31,33 @@
         </BasicButton>
       </p>
     </div>
+
+    <div class="mx-auto my-10 max-w-[400px]">
+      <div data-darujme-widget-token="uzsiey6anqbiywa3"></div>
+    </div>
   </div>
 </template>
 
 <script setup>
+import { onMounted } from 'vue';
+
 useHead(
   generateHead(
     'O zpěvníku ProScholy.cz',
     'Jak vzniká největší český křesťanský online zpěvník a kdo ho tvoří'
   )
 );
+
+onMounted(() => {
+  +function(w, d, s, u, a, b) {
+    w['DarujmeObject'] = u;
+    w[u] = w[u] || function () { (w[u].q = w[u].q || []).push(arguments) };
+    a = d.createElement(s); b = d.getElementsByTagName(s)[0];
+    a.async = 1; a.src = "https://www.darujme.cz/assets/scripts/widget.js";
+    b.parentNode.insertBefore(a, b);
+  }(window, document, 'script', 'Darujme');
+  Darujme(1, "uzsiey6anqbiywa3", 'render', "https://www.darujme.cz/widget?token=uzsiey6anqbiywa3", "100%");
+})
 </script>
 
 <style lang="postcss" scoped>