diff --git a/threema-connector-product/README.md b/threema-connector-product/README.md
index 23f3305..b8b02a3 100644
--- a/threema-connector-product/README.md
+++ b/threema-connector-product/README.md
@@ -11,11 +11,9 @@ Credentials and credits are required to send messages. The credentials can be cr
 ![Result screen](./images/resultScreen.png)
 
 ## Setup
-This Connector requires an "End-to-End Threema ID". [Request new ID](https://gateway.threema.ch/en/id-request)
-<br> 
-For generating the keys and requesting a new Threema.Gateway ID refer to [Generate keys](https://gateway.threema.ch/en/developer/howto/create-keys/php).
-
-To use the Threema Connector, add the following variables to your Axon Ivy Project:
+1. Generate a new key pair using the "createKeyPair" process.
+2. Create "End-to-End Threema ID" at: [Request new ID](https://gateway.threema.ch/en/id-request) <br>
+3. Add the following variables to your Axon Ivy Project:
 
 ```
 @variables.yaml@
diff --git a/threema-connector-product/product.json b/threema-connector-product/product.json
index 13070f6..97d486b 100644
--- a/threema-connector-product/product.json
+++ b/threema-connector-product/product.json
@@ -44,27 +44,6 @@
           }
         ]
       }
-    }, 
-    {
-      "id": "maven-dropins",
-      "data": {
-        "dependencies": [
-          {
-            "groupId": "com.axonivy.connector.threema",
-            "artifactId": "threema-connector",
-            "version": "${version}"
-          }
-        ],
-        "repositories": [
-          {
-            "id": "maven.axonivy.com",
-            "url": "https://maven.axonivy.com",
-            "snapshots": {
-              "enabled": "true"
-            }
-          }
-        ]
-      }
     }
   ]
 }
diff --git a/threema-connector-test/src_test/threema/connector/test/util/KeyPairGeneratorTest.java b/threema-connector-test/src_test/threema/connector/test/util/KeyPairGeneratorTest.java
new file mode 100644
index 0000000..5bb233a
--- /dev/null
+++ b/threema-connector-test/src_test/threema/connector/test/util/KeyPairGeneratorTest.java
@@ -0,0 +1,22 @@
+package threema.connector.test.util;
+
+import static org.assertj.core.api.Assertions.assertThat;
+
+import org.junit.jupiter.api.Test;
+
+import util.KeyPairGenerator;
+import util.KeyPairGenerator.KeyPair;
+
+public class KeyPairGeneratorTest {
+
+  @Test
+  void generateKeyPair() {
+    KeyPair keys = KeyPairGenerator.generate();
+    assertThat(keys.publicKey()).isNotEmpty();
+    assertThat(keys.privateKey()).isNotEmpty();
+
+    assertThat(keys.publicKey().length()).isEqualTo(64);
+    assertThat(keys.privateKey().length()).isEqualTo(64);
+  }
+
+}
diff --git a/threema-connector/dataclasses/threema/connector/createKeyPairData.ivyClass b/threema-connector/dataclasses/threema/connector/createKeyPairData.ivyClass
new file mode 100644
index 0000000..5e2b755
--- /dev/null
+++ b/threema-connector/dataclasses/threema/connector/createKeyPairData.ivyClass
@@ -0,0 +1,6 @@
+createKeyPairData #class
+threema.connector #namespace
+privateKey String #field
+privateKey PERSISTENT #fieldModifier
+publicKey String #field
+publicKey PERSISTENT #fieldModifier
diff --git a/threema-connector/pom.xml b/threema-connector/pom.xml
index 0278c8f..5abdc54 100644
--- a/threema-connector/pom.xml
+++ b/threema-connector/pom.xml
@@ -32,23 +32,13 @@
                         <target>
                         	<mkdir dir="${project.basedir}/lib"/>
                             <get src="https://gateway.threema.ch/sdk/threema-msgapi-sdk-java-2.0.1.zip"
-                                 dest="${project.basedir}/lib/threema-msgapi-tool.zip"/>                            
-                        </target>
-                    </configuration>
-                </execution>
-                <execution>
-                    <id>extract-threema-msgapi-tool</id>
-                    <phase>validate</phase>
-                    <goals>
-                        <goal>run</goal>
-                    </goals>
-                    <configuration>
-                        <target>
+                                 dest="${project.basedir}/lib/threema-msgapi-tool.zip"/>
                             <unzip src="${project.basedir}/lib/threema-msgapi-tool.zip"
                                    dest="${project.basedir}/lib"
                                    overwrite="false">
                                 <patternset includes="threema-msgapi-tool.jar"/>
-                            </unzip>
+                            </unzip>     
+                            <delete file="${project.basedir}/lib/threema-msgapi-tool.zip"/>                            
                         </target>
                     </configuration>
                 </execution>
diff --git a/threema-connector/processes/createKeyPair.p.json b/threema-connector/processes/createKeyPair.p.json
new file mode 100644
index 0000000..9427be7
--- /dev/null
+++ b/threema-connector/processes/createKeyPair.p.json
@@ -0,0 +1,67 @@
+{
+  "format" : "10.0.0",
+  "id" : "18B67537F65B8CEE",
+  "config" : {
+    "data" : "threema.connector.createKeyPairData"
+  },
+  "elements" : [ {
+      "id" : "f0",
+      "type" : "RequestStart",
+      "name" : "start.ivp",
+      "config" : {
+        "callSignature" : "start",
+        "outLink" : "start.ivp"
+      },
+      "visual" : {
+        "at" : { "x" : 96, "y" : 64 }
+      },
+      "connect" : { "id" : "f4", "to" : "f3" }
+    }, {
+      "id" : "f1",
+      "type" : "TaskEnd",
+      "visual" : {
+        "at" : { "x" : 696, "y" : 64 }
+      }
+    }, {
+      "id" : "f3",
+      "type" : "Script",
+      "name" : "generateKeyPair",
+      "config" : {
+        "output" : {
+          "code" : [
+            "import util.KeyPairGenerator;",
+            "import util.KeyPairGenerator.KeyPair;",
+            "",
+            "KeyPair keys = KeyPairGenerator.generate();",
+            "",
+            "out.publicKey = keys.publicKey();",
+            "out.privateKey = keys.privateKey();"
+          ]
+        }
+      },
+      "visual" : {
+        "at" : { "x" : 320, "y" : 64 }
+      },
+      "connect" : { "id" : "f6", "to" : "f5" }
+    }, {
+      "id" : "f5",
+      "type" : "DialogCall",
+      "name" : "KeyPair",
+      "config" : {
+        "dialogId" : "threema.connector.KeyPair",
+        "startMethod" : "start(threema.connector.createKeyPairData)",
+        "call" : {
+          "params" : [
+            { "name" : "createKeyPairData", "type" : "threema.connector.createKeyPairData" }
+          ],
+          "map" : {
+            "param.createKeyPairData" : "in"
+          }
+        }
+      },
+      "visual" : {
+        "at" : { "x" : 508, "y" : 64 }
+      },
+      "connect" : { "id" : "f2", "to" : "f1" }
+    } ]
+}
\ No newline at end of file
diff --git a/threema-connector/src/util/KeyPairGenerator.java b/threema-connector/src/util/KeyPairGenerator.java
new file mode 100644
index 0000000..1b12c98
--- /dev/null
+++ b/threema-connector/src/util/KeyPairGenerator.java
@@ -0,0 +1,19 @@
+package util;
+
+import javax.xml.bind.DatatypeConverter;
+
+import ch.threema.apitool.CryptTool;
+
+public class KeyPairGenerator {
+
+  public record KeyPair(String publicKey, String privateKey) {}
+
+  public static KeyPair generate() {
+    byte[] publicKey = new byte[32];
+    byte[] privateKey = new byte[32];
+
+    CryptTool.generateKeyPair(publicKey, privateKey);
+    return new KeyPair(DatatypeConverter.printHexBinary(publicKey), DatatypeConverter.printHexBinary(privateKey));
+  }
+
+}
diff --git a/threema-connector/src_hd/threema/connector/KeyPair/KeyPair.rddescriptor b/threema-connector/src_hd/threema/connector/KeyPair/KeyPair.rddescriptor
new file mode 100644
index 0000000..ae605f0
--- /dev/null
+++ b/threema-connector/src_hd/threema/connector/KeyPair/KeyPair.rddescriptor
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<richDialogDescriptor>
+    <property>
+        <name>viewTechnology</name>
+        <value>JSF</value>
+    </property>
+</richDialogDescriptor>
diff --git a/threema-connector/src_hd/threema/connector/KeyPair/KeyPair.xhtml b/threema-connector/src_hd/threema/connector/KeyPair/KeyPair.xhtml
new file mode 100644
index 0000000..ff800ef
--- /dev/null
+++ b/threema-connector/src_hd/threema/connector/KeyPair/KeyPair.xhtml
@@ -0,0 +1,35 @@
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://xmlns.jcp.org/jsf/core"
+  xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+  xmlns:ic="http://ivyteam.ch/jsf/component" xmlns:p="http://primefaces.org/ui"
+  xmlns:pe="http://primefaces.org/ui/extensions">
+<h:body>
+  <ui:composition template="/layouts/frame-10.xhtml">
+    <ui:define name="title">KeyPair</ui:define>
+    <ui:define name="content">
+
+      <h3>Newly generated Keypair</h3>
+
+      <h:form id="form">
+        
+        <p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank ui-fluid" 
+          columnClasses="ui-g-12 ui-md-3 ui-lg-2, ui-g-12 ui-md-9 ui-lg-4, ui-g-12 ui-md-3 ui-lg-2, ui-g-12 ui-md-9 ui-lg-4">
+
+          <p:outputLabel for="createKeyPairDataPrivateKey" value="Private Key" />
+          <p:outputLabel id="createKeyPairDataPrivateKey" value="#{data.createKeyPairData.privateKey}"></p:outputLabel>
+          
+          <p:outputLabel for="createKeyPairDataPublicKey" value="Public Key" />
+          <p:outputLabel id="createKeyPairDataPublicKey" value="#{data.createKeyPairData.publicKey}"></p:outputLabel>
+
+        </p:panelGrid>
+        <br />
+        <div class="command-btns">
+          <p:commandLink id="cancel" actionListener="#{ivyWorkflowView.cancel()}" value="Cancel" />
+          <p:commandButton id="proceed" actionListener="#{logic.close}" value="Proceed" update="form" icon="pi pi-check" />
+        </div>
+      </h:form>
+
+    </ui:define>
+  </ui:composition>
+</h:body>
+
+</html>
\ No newline at end of file
diff --git a/threema-connector/src_hd/threema/connector/KeyPair/KeyPairData.ivyClass b/threema-connector/src_hd/threema/connector/KeyPair/KeyPairData.ivyClass
new file mode 100644
index 0000000..b47ddd9
--- /dev/null
+++ b/threema-connector/src_hd/threema/connector/KeyPair/KeyPairData.ivyClass
@@ -0,0 +1,4 @@
+KeyPairData #class
+threema.connector.KeyPair #namespace
+createKeyPairData threema.connector.createKeyPairData #field
+createKeyPairData PERSISTENT #fieldModifier
diff --git a/threema-connector/src_hd/threema/connector/KeyPair/KeyPairProcess.p.json b/threema-connector/src_hd/threema/connector/KeyPair/KeyPairProcess.p.json
new file mode 100644
index 0000000..d7e4795
--- /dev/null
+++ b/threema-connector/src_hd/threema/connector/KeyPair/KeyPairProcess.p.json
@@ -0,0 +1,52 @@
+{
+  "format" : "10.0.0",
+  "id" : "18B675A6BCE832D1",
+  "kind" : "HTML_DIALOG",
+  "config" : {
+    "data" : "threema.connector.KeyPair.KeyPairData"
+  },
+  "elements" : [ {
+      "id" : "f0",
+      "type" : "HtmlDialogStart",
+      "name" : "start(createKeyPairData)",
+      "config" : {
+        "callSignature" : "start",
+        "input" : {
+          "params" : [
+            { "name" : "createKeyPairData", "type" : "threema.connector.createKeyPairData" }
+          ],
+          "map" : {
+            "out.createKeyPairData" : "param.createKeyPairData"
+          }
+        },
+        "guid" : "18B675A6BCFECF51"
+      },
+      "visual" : {
+        "at" : { "x" : 96, "y" : 64 }
+      },
+      "connect" : { "id" : "f2", "to" : "f1" }
+    }, {
+      "id" : "f1",
+      "type" : "HtmlDialogEnd",
+      "visual" : {
+        "at" : { "x" : 224, "y" : 64 }
+      }
+    }, {
+      "id" : "f3",
+      "type" : "HtmlDialogEventStart",
+      "name" : "close",
+      "config" : {
+        "guid" : "18B675A6BD2AE7CB"
+      },
+      "visual" : {
+        "at" : { "x" : 96, "y" : 160 }
+      },
+      "connect" : { "id" : "f5", "to" : "f4" }
+    }, {
+      "id" : "f4",
+      "type" : "HtmlDialogExit",
+      "visual" : {
+        "at" : { "x" : 224, "y" : 160 }
+      }
+    } ]
+}
\ No newline at end of file
diff --git a/threema-connector/webContent/layouts/frame-10.xhtml b/threema-connector/webContent/layouts/frame-10.xhtml
new file mode 100644
index 0000000..936a73b
--- /dev/null
+++ b/threema-connector/webContent/layouts/frame-10.xhtml
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:f="http://xmlns.jcp.org/jsf/core"
+  xmlns:h="http://xmlns.jcp.org/jsf/html"
+  xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+  xmlns:ic="http://ivyteam.ch/jsf/component"
+  xmlns:p="http://primefaces.org/ui"
+  xmlns:pe="http://primefaces.org/ui/extensions">
+  
+<!--
+DESCRIPTION:
+This is the default template to use the freya-ivy theme as well as iFrames approach.
+
+PORTAL:
+If you are using the Axon Ivy Portal, you can pass several parameters to it to use some features (e.g. process chain).
+You'll find the list of parameters here: https://developer.axonivy.com/portal/10.0/doc/portal-developer-guide/components/layout-templates.html#components-layout-templates-iframe-task-template
+For further information about iframes and usage in Portal please refer to: https://developer.axonivy.com/portal/10.0/doc/portal-developer-guide/iframe/index.html
+
+BRANDING:
+If you want to brand your dialogs, please take a look at our documentation: https://developer.axonivy.com/doc/10.0/designer-guide/user-interface/branding/index.html
+
+STYLING:
+If you want to add custom styles, you can simply add your own .css file (e.g. at the location: "webContent/layouts/styles/style.css")
+and refence it below in the head part.
+-->
+  
+<h:head>
+  <f:attribute name="primefaces.THEME" value="#{ivyFreyaTheme.theme}" />
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title><ui:insert name="title">Ivy Html Dialog</ui:insert></title>
+  <link rel="shortcut icon" href="#{resource['ivy-branding:favicon']}" />
+  <h:outputScript name="js/layout.js" library="#{ivyFreyaTheme.library}" />
+  <h:outputStylesheet name="#{ivyFreyaTheme.layout}" library="#{ivyFreyaTheme.library}" />
+  <h:outputStylesheet name="primeflex-2.min.css" library="primeflex" />
+  <h:outputStylesheet name="custom.css" library="ivy-branding" />
+  <!-- Optional Style or Script files: 
+  <h:outputStylesheet name="layouts/styles/style.css" /> 
+  -->
+</h:head>
+<h:body class="body-hd">
+  <ui:include src="/layouts/includes/progress-loader.xhtml" />
+  <div id="content" class="container frame">
+    <ui:insert name="content">
+      default content
+    </ui:insert>
+  </div>
+
+  <ui:insert name="exception">
+    <ui:include src="/layouts/includes/exception.xhtml" />
+  </ui:insert>
+
+  <!-- optional Portal parameters:
+  <script>
+    window.
+  </script>
+  -->
+
+</h:body>
+</html>
\ No newline at end of file
diff --git a/threema-connector/webContent/layouts/includes/exception-details.xhtml b/threema-connector/webContent/layouts/includes/exception-details.xhtml
new file mode 100644
index 0000000..bbc3cce
--- /dev/null
+++ b/threema-connector/webContent/layouts/includes/exception-details.xhtml
@@ -0,0 +1,109 @@
+<html xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:f="http://xmlns.jcp.org/jsf/core"
+  xmlns:h="http://xmlns.jcp.org/jsf/html"
+  xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+  xmlns:p="http://primefaces.org/ui"
+  xmlns:pe="http://primefaces.org/ui/extensions"
+  xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
+
+  <ui:fragment rendered="#{!errorPage.showDetails}">
+    <h:outputText value="An unexpected error has occured:"/>
+  </ui:fragment>
+
+  <h1 class="bg-warning">
+    <h:outputText value="#{errorPage.message}" />
+  </h1>
+
+  <ui:fragment rendered="#{errorPage.isIvyException()}">
+    <h4 class="list-group-item-heading" style="margin-top: 20px">Error id</h4>
+    <p>#{errorPage.exceptionId}</p>
+    <h4 class="list-group-item-heading" style="margin-top: 20px">Error Timestamp</h4>
+    <p>#{errorPage.createdAt}</p>
+  </ui:fragment>
+
+  <ui:fragment rendered="#{errorPage.showDetails}">
+    <h3 class="page-header">
+      <h:outputText value="#{errorPage.error.errorCode}" />
+      <span style="font-size: 0.8em"> 
+        <h:outputText rendered="#{errorPage.error.message!=errorPage.error.errorCode}" value=" #{errorPage.error.message}"/>
+      </span>
+    </h3>
+    <ui:fragment rendered="#{!errorPage.error.attributeNames.isEmpty()}">
+      <h4 class="list-group-item-heading">Attributes</h4>
+      <div class="table-responsive">
+        <table class="table table-bordered table-striped" style="font-size: 1.0em">
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Value</th>
+            </tr>
+          </thead>
+          <tbody>
+            <ui:repeat value="#{errorPage.error.attributeNames}" var="attributeName">
+              <tr>
+                <td><h:outputText value="#{attributeName}" /></td>
+                <td style="width: 100%"><h:outputText value="#{errorPage.error.getAttribute(attributeName)}" /></td>
+              </tr>
+            </ui:repeat>
+          </tbody>
+        </table>
+      </div>
+    </ui:fragment>
+    <h4 class="list-group-item-heading">Thrown by</h4>
+    <p style="margin-bottom: 0;">Process:
+      <h:outputText value="#{errorPage.path}" />
+      <br /> Element:
+      <h:outputText value="#{errorPage.error.processElement}" />
+    </p>
+    <br />
+
+    <ui:fragment rendered="#{!errorPage.error.processCallStack.isEmpty()}">
+      <h4 class="list-group-item-heading">Process call stack</h4>
+      <!-- Don't move me: I'm a PRE!!! -->
+      <pre><code><ui:repeat value="#{errorPage.error.processCallStack}" var="caller">#{caller.callerElement}</ui:repeat></code></pre>
+      <br />
+    </ui:fragment>
+    <ui:fragment rendered="#{!errorPage.causedBy.isEmpty()}">
+      <h4 class="list-group-item-heading">Technical cause</h4>
+      <ui:repeat value="#{errorPage.causedBy}" var="causedBy"><pre><code>#{causedBy.class.simpleName}: #{causedBy.message.trim()}</code></pre></ui:repeat>
+      <br />
+    </ui:fragment>
+
+    <h4 class="list-group-item-heading">Request Uri</h4>
+    <p>#{errorPage.getRequestUri()}</p>
+    <br />
+    <h4 class="list-group-item-heading">Servlet</h4>
+    <p>#{errorPage.getServletName()}</p>
+    <br />
+
+    <h4 class="list-group-item-heading">Application</h4>
+    <p>#{errorPage.applicationName}</p>
+    <br />
+
+    <ui:fragment rendered="#{!errorPage.threadLocalValues.isEmpty()}">
+      <h4 class="list-group-item-heading">Thread local values</h4>
+      <div class="table-responsive">
+        <table class="table table-bordered table-striped" style="font-size: 0.9em">
+          <thead>
+            <tr>
+              <th>Key</th>
+              <th>Value</th>
+            </tr>
+          </thead>
+          <tbody>
+            <ui:repeat value="#{errorPage.threadLocalValues}" var="threadLocal">
+              <tr>
+                <td><h:outputText value="#{threadLocal.key}" /></td>
+                <td style="width: 100%"><h:outputText value="#{threadLocal.value}" /></td>
+              </tr>
+            </ui:repeat>
+          </tbody>
+        </table>
+      </div>
+    </ui:fragment>
+    <br />
+
+    <h4 class="list-group-item-heading">Stack-Trace</h4>
+    <pre><code>#{errorPage.getStackTrace()}</code></pre>
+  </ui:fragment>
+</html>
diff --git a/threema-connector/webContent/layouts/includes/exception.xhtml b/threema-connector/webContent/layouts/includes/exception.xhtml
new file mode 100644
index 0000000..1b255a2
--- /dev/null
+++ b/threema-connector/webContent/layouts/includes/exception.xhtml
@@ -0,0 +1,47 @@
+<html xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:f="http://xmlns.jcp.org/jsf/core"
+  xmlns:h="http://xmlns.jcp.org/jsf/html"
+  xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+  xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
+  xmlns:ic="http://ivyteam.ch/jsf/component"
+  xmlns:p="http://primefaces.org/ui"
+  xmlns:pe="http://primefaces.org/ui/extensions">
+  <body>
+    <ui:composition>
+      <!-- Exception Handler for ViewExpiredExceptions -->
+      <p:ajaxExceptionHandler
+        type="javax.faces.application.ViewExpiredException"
+        update="viewExpiredExceptionDialog"
+        onexception="PF('viewExpiredExceptionDialog').show();" />
+
+      <!-- Error Dialog shown if a view or session has expired -->
+      <p:dialog id="viewExpiredExceptionDialog"
+        header="View or Session Expired"
+        widgetVar="viewExpiredExceptionDialog" 
+        height="80px" 
+        width="320px" 
+        modal="true">
+        <h:outputText value="The view or session has expired." />
+        <br />
+        <br />
+        <p:button href="#{ivy.html.loginRef()}" rendered="#{ivy.session.sessionUserUnknown}" value="Please login again" />
+        <p:button href="#{ivy.html.applicationHomeRef()}" rendered="#{!ivy.session.sessionUserUnknown}" value="Please restart" />
+      </p:dialog>
+
+      <!--  Exception Handler for any other Exception -->
+      <p:ajaxExceptionHandler
+        update="ajaxExceptionDialog"
+        onexception="PF('ajaxExceptionDialog').show();" />
+
+      <!-- Error Dialog to show Exceptions -->
+      <p:dialog id="ajaxExceptionDialog" header="Error"
+        widgetVar="ajaxExceptionDialog" 
+        height="#{errorPage.showDetails ? '450px' : '180px'}" 
+        width="#{errorPage.showDetails ? '80%' : '450px'}" 
+        modal="true">
+        <ui:include src="exception-details.xhtml"/>
+      </p:dialog>
+
+    </ui:composition>
+  </body>
+</html>
\ No newline at end of file
diff --git a/threema-connector/webContent/layouts/includes/footer.xhtml b/threema-connector/webContent/layouts/includes/footer.xhtml
new file mode 100644
index 0000000..f21699e
--- /dev/null
+++ b/threema-connector/webContent/layouts/includes/footer.xhtml
@@ -0,0 +1,18 @@
+<html xmlns="http://www.w3.org/1999/xhtml"
+	xmlns:f="http://xmlns.jcp.org/jsf/core"
+	xmlns:h="http://xmlns.jcp.org/jsf/html"
+	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+	xmlns:ic="http://ivyteam.ch/jsf/component"
+	xmlns:p="http://primefaces.org/ui"
+	xmlns:pe="http://primefaces.org/ui/extensions">
+<body>
+	<ui:composition>
+		<div id="layoutFooter">
+			<h:outputText value="Powered by " />
+			<h:outputLink value="https://developer.axonivy.com/">#{ivyAdvisor.applicationName}</h:outputLink>
+			<h:outputText value=" #{ivyAdvisor.buildVersion}" />
+			<h:outputText value=" - #{ivyAdvisor.copyrightHtml}" escape="false" />
+		</div>
+	</ui:composition>
+</body>
+</html>
\ No newline at end of file
diff --git a/threema-connector/webContent/layouts/includes/progress-loader.xhtml b/threema-connector/webContent/layouts/includes/progress-loader.xhtml
new file mode 100644
index 0000000..0d68a75
--- /dev/null
+++ b/threema-connector/webContent/layouts/includes/progress-loader.xhtml
@@ -0,0 +1,15 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
+  xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui" xmlns:pa="http://primefaces.org/serenity">
+
+  <p:ajaxStatus id="ajaxLoadingStatus" delay="150">
+    <f:facet name="start">
+      <div class="axonivy-loader">
+        <div class="spinner"></div>
+        <h5>Loading...</h5>
+      </div>
+    </f:facet>
+    <f:facet name="complete">
+      <h:outputText value="" />
+    </f:facet>
+  </p:ajaxStatus>
+</ui:composition>
\ No newline at end of file