diff --git a/components/Calculator/CalculatorShareButton.vue b/components/Calculator/CalculatorShareButton.vue
deleted file mode 100644
index 1eefc1ef..00000000
--- a/components/Calculator/CalculatorShareButton.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-    <div>
-        <v-btn
-            outlined=""
-            color="primary"
-            large=""
-            @click="openShareDialog()">
-            <v-icon left="">
-                {{ icon }}
-            </v-icon>
-            <span>Sonuçları paylaş…</span>
-        </v-btn>
-
-        <LazyCalculatorShareDialog
-            v-model="isShareDialogShown"
-            v-bind="$attrs" />
-    </div>
-</template>
-
-<script>
-import { mdiShare } from "@mdi/js";
-
-export default {
-    data: () => ({
-        icon: mdiShare,
-        isShareDialogShown: false
-    }),
-    methods: {
-        openShareDialog() {
-            const vm = this;
-            vm.isShareDialogShown = true;
-        }
-    }
-};
-</script>
diff --git a/components/Calculator/calculator-quick-share.vue b/components/Calculator/calculator-quick-share.vue
new file mode 100644
index 00000000..6fcb5c34
--- /dev/null
+++ b/components/Calculator/calculator-quick-share.vue
@@ -0,0 +1,105 @@
+<template>
+    <div class="calculator-quick-share grey darken-4">
+        <template v-for="_item in items">
+            <v-btn
+                :key="_item.title"
+                :href="_item.url"
+                :color="_item.color"
+                :title="_item.title"
+                elevation="0"
+                rel="nofollow noopener noreferrer"
+                target="_blank">
+                <vh-icon
+                    :icon="_item.icon"
+                    size="28" />
+            </v-btn>
+        </template>
+
+        <v-btn
+            elevation="0"
+            light=""
+            @click="emitOtherClicked()">
+            Diğer…
+        </v-btn>
+    </div>
+</template>
+
+<script>
+import { mdiFacebook, mdiWhatsapp } from "@mdi/js";
+import {
+    createFacebookShareUrl,
+    createWhatsAppShareUrl,
+    createXShareUrl
+} from "@/utils/create-social-media-share-url.js";
+import { createShareUrlOfCalculator } from "@/utils/create-share-url-of-calculator.js";
+
+export default {
+    emits: ["click:other"],
+    props: {
+        queryString: {
+            type: Object,
+            default: () => {
+            }
+        }
+    },
+    methods: {
+        emitOtherClicked() {
+            const vm = this;
+            vm.$emit("click:other");
+        }
+    },
+    computed: {
+        url() {
+            const vm = this;
+            return createShareUrlOfCalculator(vm.$route.path, vm.queryString, true);
+        },
+        items() {
+            const vm = this;
+            return [
+                {
+                    url: createFacebookShareUrl(vm.url),
+                    title: "Facebook'ta paylaş",
+                    color: "#0566ff",
+                    icon: mdiFacebook
+                },
+                {
+                    url: createXShareUrl(vm.url, ""),
+                    title: "X'de paylaş",
+                    color: "#000",
+                    icon: "x.svg"
+                },
+                {
+                    url: createWhatsAppShareUrl(vm.url),
+                    title: "WhatsApp ile gönder",
+                    color: "#25d366",
+                    icon: mdiWhatsapp
+                }
+            ];
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped="">
+$padding: .625rem;
+$button-border-radius: .5rem;
+$button-border-radius-large: 1rem;
+
+.calculator-quick-share {
+    display: flex;
+    flex-flow: row nowrap;
+    gap: .5rem;
+    border-radius: calc(#{$button-border-radius-large} + #{$padding});
+    padding: $padding;
+    .v-btn {
+        flex: 1;
+        border-radius: $button-border-radius;
+        &:first-child {
+            border-radius: $button-border-radius-large $button-border-radius $button-border-radius $button-border-radius-large
+        }
+        &:last-child {
+            border-radius: $button-border-radius $button-border-radius-large $button-border-radius-large $button-border-radius
+        }
+    }
+}
+</style>
diff --git a/pages/kdv-hesaplayici/index.vue b/pages/kdv-hesaplayici/index.vue
index 30267869..32d7a27d 100644
--- a/pages/kdv-hesaplayici/index.vue
+++ b/pages/kdv-hesaplayici/index.vue
@@ -67,8 +67,14 @@
                     :items="resultList"
                     class="mb-10" />
 
-                <form-row direction="horizontal">
-                    <CalculatorShareButton
+                <form-row
+                    label="Sonuçları paylaş"
+                    direction="horizontal">
+                    <calculator-quick-share
+                        :query-string="form"
+                        @click:other="showShareDialog()" />
+                    <CalculatorShareDialog
+                        v-model="ui.isShareDialogShown"
                         :screenshot-output="resultList"
                         :form="form"
                         :calculator-title="page.title" />
@@ -115,7 +121,8 @@ export default {
                     title: "%20",
                     form: { rate: 20 }
                 }
-            ]
+            ],
+            isShareDialogShown: false
         },
         form: {
             price: "",
@@ -125,6 +132,10 @@ export default {
         results: {}
     }),
     methods: {
+        showShareDialog() {
+            const vm = this;
+            vm.ui.isShareDialogShown = true;
+        },
         isPresetActive(preset) {
             const vm = this;
             return preset.form.rate === vm.form.rate;
diff --git a/pages/konsol-vergisi-hesaplayici/_slug.vue b/pages/konsol-vergisi-hesaplayici/_slug.vue
index 0e746977..e8b28eae 100644
--- a/pages/konsol-vergisi-hesaplayici/_slug.vue
+++ b/pages/konsol-vergisi-hesaplayici/_slug.vue
@@ -52,8 +52,14 @@
                     </form-row>
                 </div>
 
-                <form-row direction="horizontal">
-                    <CalculatorShareButton
+                <form-row
+                    label="Sonuçları paylaş"
+                    direction="horizontal">
+                    <calculator-quick-share
+                        :query-string="form"
+                        @click:other="showShareDialog()" />
+                    <CalculatorShareDialog
+                        v-model="ui.isShareDialogShown"
                         :screenshot-input="screenshotInput"
                         :screenshot-output="resultList"
                         :form="form"
@@ -108,6 +114,10 @@ export default {
     }),
     methods: {
         moneyFormat,
+        showShareDialog() {
+            const vm = this;
+            vm.ui.isShareDialogShown = true;
+        },
         _calculate() {
             const vm = this;
 
@@ -198,7 +208,8 @@ export default {
             preset,
             ui: {
                 options,
-                otherCalculations
+                otherCalculations,
+                isShareDialogShown: false
             },
             form
         };
diff --git a/pages/konsol-vergisi-hesaplayici/index.vue b/pages/konsol-vergisi-hesaplayici/index.vue
index 4808d027..68611ec0 100644
--- a/pages/konsol-vergisi-hesaplayici/index.vue
+++ b/pages/konsol-vergisi-hesaplayici/index.vue
@@ -78,8 +78,14 @@
                                 class="mb-10" />
                         </form-row>
 
-                        <form-row direction="horizontal">
-                            <CalculatorShareButton
+                        <form-row
+                            label="Sonuçları paylaş"
+                            direction="horizontal">
+                            <calculator-quick-share
+                                :query-string="form"
+                                @click:other="showShareDialog()" />
+                            <CalculatorShareDialog
+                                v-model="ui.isShareDialogShown"
                                 :screenshot-input="screenshotInput"
                                 :screenshot-output="resultList"
                                 :form="form"
@@ -112,7 +118,8 @@ export default {
     data: () => ({
         page: konsolVergisiHesaplayiciPage,
         ui: {
-            calculations: buildCalculations()
+            calculations: buildCalculations(),
+            isShareDialogShown: false
         },
         form: {
             currency: "USD",
@@ -121,6 +128,10 @@ export default {
         results: {}
     }),
     methods: {
+        showShareDialog() {
+            const vm = this;
+            vm.ui.isShareDialogShown = true;
+        },
         _calculate() {
             const vm = this;
 
diff --git a/pages/telefon-vergisi-hesaplayici/_slug.vue b/pages/telefon-vergisi-hesaplayici/_slug.vue
index 8f0035cb..69117815 100644
--- a/pages/telefon-vergisi-hesaplayici/_slug.vue
+++ b/pages/telefon-vergisi-hesaplayici/_slug.vue
@@ -60,8 +60,14 @@
                     </form-row>
                 </div>
 
-                <form-row direction="horizontal">
-                    <CalculatorShareButton
+                <form-row
+                    label="Sonuçları paylaş"
+                    direction="horizontal">
+                    <calculator-quick-share
+                        :query-string="form"
+                        @click:other="showShareDialog()" />
+                    <CalculatorShareDialog
+                        v-model="ui.isShareDialogShown"
                         :screenshot-input="screenshotInput"
                         :screenshot-output="resultList"
                         :form="form"
@@ -121,6 +127,10 @@ export default {
     }),
     methods: {
         moneyFormat,
+        showShareDialog() {
+            const vm = this;
+            vm.ui.isShareDialogShown = true;
+        },
         _calculate() {
             const vm = this;
 
@@ -220,7 +230,8 @@ export default {
             ui: {
                 options,
                 otherCalculations,
-                registration: registrationOptions
+                registration: registrationOptions,
+                isShareDialogShown: false
             },
             form
         };
diff --git a/pages/telefon-vergisi-hesaplayici/index.vue b/pages/telefon-vergisi-hesaplayici/index.vue
index 5b9e524d..ed566718 100644
--- a/pages/telefon-vergisi-hesaplayici/index.vue
+++ b/pages/telefon-vergisi-hesaplayici/index.vue
@@ -86,8 +86,14 @@
                                 class="mb-10" />
                         </form-row>
 
-                        <form-row direction="horizontal">
-                            <CalculatorShareButton
+                        <form-row
+                            label="Sonuçları paylaş"
+                            direction="horizontal">
+                            <calculator-quick-share
+                                :query-string="form"
+                                @click:other="showShareDialog()" />
+                            <CalculatorShareDialog
+                                v-model="ui.isShareDialogShown"
                                 :screenshot-input="screenshotInput"
                                 :screenshot-output="resultList"
                                 :form="form"
@@ -122,7 +128,8 @@ export default {
         page: telefonVergisiHesaplayiciPage,
         ui: {
             calculations: buildCalculations(),
-            registration: registrationOptions
+            registration: registrationOptions,
+            isShareDialogShown: false
         },
         form: {
             currency: "USD",
@@ -132,6 +139,10 @@ export default {
         results: {}
     }),
     methods: {
+        showShareDialog() {
+            const vm = this;
+            vm.ui.isShareDialogShown = true;
+        },
         _calculate() {
             const vm = this;