diff --git a/resources/assets/vue/components/accounting/sections/TransactionsMappingComponent.vue b/resources/assets/vue/components/accounting/sections/TransactionsMappingComponent.vue
index a29a4066..d7c84020 100644
--- a/resources/assets/vue/components/accounting/sections/TransactionsMappingComponent.vue
+++ b/resources/assets/vue/components/accounting/sections/TransactionsMappingComponent.vue
@@ -62,9 +62,9 @@
                             <div v-if="stage === 1">
                                 <div class="btn btn-primary btn-sm m-t-10 requestModal" data-type="approveMappingTransaction">Approve all the Mapping Below</div>
                                 <modal-component class="animate__animated animate__fast animate__fadeIn" type="approveMappingTransaction">
-                                    <general-confirmation-form-component 
-                                        contentText="Are you sure you want to approve all these Transaction?" 
-                                        modalType="confirm" 
+                                    <general-confirmation-form-component
+                                        contentText="Are you sure you want to approve all these Transaction?"
+                                        modalType="confirm"
                                         class="text-center"
                                         :apiRoute="route('api.accounting.statement_transaction.owner.groupApprove')"
                                         apiMethod="post"
@@ -103,6 +103,12 @@
                     <div class="row text-center m-t-50 m-b-50 p-t-50 p-b-50" v-show="exportStage === 0">
                         <div class="col">
                             <div class="btn btn-lg btn-primary" @click="exportStage++">Export Invoices To AutoCount</div>
+                            <br>
+                            <div class="row">
+                                <div class="col">
+                                    <a href="https://docs.google.com/presentation/d/1N9QQOEMajYVVHQ4lMN7_Cu0BYNe4NYdV-TnxAhJUgRE/edit?usp=sharing">Learn How to do this step?</a>
+                                </div>
+                            </div>
                         </div>
                     </div>
                     <div class="row text-center m-t-50 m-b-50 p-t-50 p-b-50" v-if="exportStage === 1">
@@ -117,11 +123,23 @@
                             </div>
                             <div class="btn btn-lg btn-primary m-t-20" @click="importInvoice">Import Invoices</div>
                             <!-- todo-new: delete later --><br><div class="btn btn-lg btn-primary m-t-20" @click="exportStage++">Nest Step</div>
+                            <br>
+                            <div class="row">
+                                <div class="col">
+                                    <a href="https://docs.google.com/presentation/d/1XwKcdBCpHQSCQmsgnUHsypcqk5kdc8uZMqkjW9JXiw4/edit?usp=sharing">Learn How to do this step?</a>
+                                </div>
+                            </div>
                         </div>
                     </div>
                     <div class="row text-center m-t-50 m-b-50 p-t-50 p-b-50" v-show="exportStage === 2">
                         <div class="col">
                             <div class="btn btn-lg btn-primary" @click="exportStage++">Export Receipts To AutoCount</div>
+                            <br>
+                            <div class="row">
+                                <div class="col">
+                                    <a href="https://docs.google.com/presentation/d/1xMiWjU1hqPaihMhbgflFSDsu1sC_0Lk7OFmwDaXVt-w/edit?usp=sharing">Learn How to do this step?</a>
+                                </div>
+                            </div>
                         </div>
                     </div>
                     <div class="row text-center m-t-50 m-b-50 p-t-50 p-b-50" v-if="exportStage === 3">
@@ -136,6 +154,12 @@
                             </div>
                             <div class="btn btn-lg btn-primary m-t-20" @click="importReceipts">Import Receipts</div>
                             <!-- todo-new: delete later --><br><div class="btn btn-lg btn-primary m-t-20" @click="exportStage++">Nest Step</div>
+                            <br>
+                            <div class="row">
+                                <div class="col">
+                                    <a href="https://docs.google.com/presentation/d/1xMiWjU1hqPaihMhbgflFSDsu1sC_0Lk7OFmwDaXVt-w/edit?usp=sharing">Learn How to do this step?</a>
+                                </div>
+                            </div>
                         </div>
                     </div>
                     <div class="row text-center m-t-50 m-b-50 p-t-50 p-b-50" v-show="exportStage === 4">