diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-dynamodb.md b/docs/components/connectors/out-of-the-box-connectors/amazon-dynamodb.md
index c1d48ba11f..d02a79c4f9 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-dynamodb.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-dynamodb.md
@@ -17,7 +17,9 @@ Use Camunda secrets to store credentials so you don't expose sensitive informati
## Create an Amazon DynamoDB Connector task
-To use the **Amazon DynamoDB Connector** in your process, either change the type of existing task by clicking on it and using the **wrench-shaped** change type context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Amazon DynamoDB Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md b/docs/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md
index fe98427dde..5ff312afc7 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md
@@ -30,7 +30,9 @@ Use Camunda secrets to avoid exposing your AWS IAM credentials as plain text. Re
## Create an Amazon EventBridge Connector task
-To use the **Amazon EventBridge Connector** in your process, you can either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Refer to our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Configure the Amazon EventBridge Connector
diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-sagemaker.md b/docs/components/connectors/out-of-the-box-connectors/amazon-sagemaker.md
index 5d115dabac..f371e2b7c8 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-sagemaker.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-sagemaker.md
@@ -28,9 +28,9 @@ Use Camunda secrets to store credentials and avoid exposing sensitive informatio
## Create an Amazon SageMaker Connector task
-To use the **Amazon SageMaker Connector** in your process, either change the type of existing task by clicking on it
-and using the wrench-shaped **Change type** context menu icon, or create a new Connector task using the
-**Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Amazon SageMaker Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-sns.md b/docs/components/connectors/out-of-the-box-connectors/amazon-sns.md
index 03719c17ca..dacc609504 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-sns.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-sns.md
@@ -28,7 +28,9 @@ Use Camunda secrets to avoid exposing your AWS IAM credentials as plain text. Re
## Create an Amazon SNS Connector task
-To use the **Amazon SNS Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Amazon SNS Connector for sending messages executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-sqs.md b/docs/components/connectors/out-of-the-box-connectors/amazon-sqs.md
index 379d3c4de2..64091945d7 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-sqs.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-sqs.md
@@ -30,7 +30,9 @@ Use Camunda secrets to avoid exposing your AWS IAM credentials as plain text. Re
## Create an Amazon SQS Connector task
-To use the **Amazon SQS Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Amazon SQS Connector for sending messages executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/asana.md b/docs/components/connectors/out-of-the-box-connectors/asana.md
index f9917b940a..dc8eedb499 100644
--- a/docs/components/connectors/out-of-the-box-connectors/asana.md
+++ b/docs/components/connectors/out-of-the-box-connectors/asana.md
@@ -17,9 +17,9 @@ Use Camunda secrets to avoid exposing your Asana personal access token as plain
## Create an Asana Connector task
-To use the **Asana Connector** in your process, either change the type of existing task by clicking on it and using
-the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu.
-Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Authentication
diff --git a/docs/components/connectors/out-of-the-box-connectors/automation-anywhere.md b/docs/components/connectors/out-of-the-box-connectors/automation-anywhere.md
index 460831c94a..d54c9eea77 100644
--- a/docs/components/connectors/out-of-the-box-connectors/automation-anywhere.md
+++ b/docs/components/connectors/out-of-the-box-connectors/automation-anywhere.md
@@ -12,7 +12,9 @@ You also need a user account with the `AAE_Queue Admin` role to query and manage
## Create an Automation Anywhere Connector task
-To use an **Automation Anywhere Connector** in your process, either change the type of existing task using the wrench-shaped **Change type** context menu or create a new Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Automation Anywhere Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/aws-lambda.md b/docs/components/connectors/out-of-the-box-connectors/aws-lambda.md
index 96d7579960..cd278278c1 100644
--- a/docs/components/connectors/out-of-the-box-connectors/aws-lambda.md
+++ b/docs/components/connectors/out-of-the-box-connectors/aws-lambda.md
@@ -16,7 +16,9 @@ Use Camunda secrets to avoid exposing your AWS IAM credentials as plain text. Re
## Create an AWS Lambda Connector task
-To use an **AWS Lambda Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Invoking your AWS Lambda function
diff --git a/docs/components/connectors/out-of-the-box-connectors/azure-open-ai.md b/docs/components/connectors/out-of-the-box-connectors/azure-open-ai.md
index fd84f19671..2f8f47fd3c 100644
--- a/docs/components/connectors/out-of-the-box-connectors/azure-open-ai.md
+++ b/docs/components/connectors/out-of-the-box-connectors/azure-open-ai.md
@@ -25,7 +25,9 @@ Learn more at the [official Azure OpenAI portal entry](https://learn.microsoft.c
## Create an Azure OpenAI Connector task
-To use the **Azure OpenAI Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Azure OpenAI Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/blueprism.md b/docs/components/connectors/out-of-the-box-connectors/blueprism.md
index 1ed20e4fb2..3915348359 100644
--- a/docs/components/connectors/out-of-the-box-connectors/blueprism.md
+++ b/docs/components/connectors/out-of-the-box-connectors/blueprism.md
@@ -10,7 +10,9 @@ To start using the Connector, you must have a running Blue Prism instance config
## Create a Blue Prism Connector task
-To use a **Blue Prism Connector** in your process, either change the type of existing task using the wrench-shaped **Change type** context menu, or create a new Connector task using the **Append Connector** context menu. Follow [our guide on using Connectors](../use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Authentication
diff --git a/docs/components/connectors/out-of-the-box-connectors/easy-post.md b/docs/components/connectors/out-of-the-box-connectors/easy-post.md
index 8812b3ab34..63be8312ce 100644
--- a/docs/components/connectors/out-of-the-box-connectors/easy-post.md
+++ b/docs/components/connectors/out-of-the-box-connectors/easy-post.md
@@ -17,7 +17,9 @@ Use Camunda secrets to avoid exposing your EasyPost API key as plain text. Refer
## Create an EasyPost Connector task
-To use the **EasyPost Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Authentication
diff --git a/docs/components/connectors/out-of-the-box-connectors/github.md b/docs/components/connectors/out-of-the-box-connectors/github.md
index 9558b74416..06d2623894 100644
--- a/docs/components/connectors/out-of-the-box-connectors/github.md
+++ b/docs/components/connectors/out-of-the-box-connectors/github.md
@@ -29,7 +29,9 @@ Refer to our documentation on [managing secrets](/components/console/manage-clus
## Create a GitHub Connector task
-To use the **GitHub Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Authentication
diff --git a/docs/components/connectors/out-of-the-box-connectors/gitlab.md b/docs/components/connectors/out-of-the-box-connectors/gitlab.md
index ecd8f5e079..986e6fcbbc 100644
--- a/docs/components/connectors/out-of-the-box-connectors/gitlab.md
+++ b/docs/components/connectors/out-of-the-box-connectors/gitlab.md
@@ -18,7 +18,9 @@ Use Camunda secrets to avoid exposing your GitLab access token credentials as pl
## Create a GitLab Connector task
-To use the **GitLab Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Add endpoint and authentication
diff --git a/docs/components/connectors/out-of-the-box-connectors/google-maps-platform.md b/docs/components/connectors/out-of-the-box-connectors/google-maps-platform.md
index eb2b789c67..e4c2c56e76 100644
--- a/docs/components/connectors/out-of-the-box-connectors/google-maps-platform.md
+++ b/docs/components/connectors/out-of-the-box-connectors/google-maps-platform.md
@@ -9,7 +9,9 @@ The **Google Maps Platform Connector** in an inbound Connector that allows you t
## Create a Google Maps Platform Connector task
-To use a **Google Maps Platform Connector** in your process, either change the type of existing task using the wrench-shaped **Change type** context menu or create a new Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Google Maps Platform Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/google-sheets.md b/docs/components/connectors/out-of-the-box-connectors/google-sheets.md
index 385cd257bf..fabe161b17 100644
--- a/docs/components/connectors/out-of-the-box-connectors/google-sheets.md
+++ b/docs/components/connectors/out-of-the-box-connectors/google-sheets.md
@@ -30,8 +30,9 @@ Currently, the Google Sheets Connector supports next operations:
- [Get spreadsheet details](#get-spreadsheet-details)
- [Get worksheet data](#get-worksheet-data)
-To use a **Google Sheets Connector** in your process, either change the type of existing task by clicking on it and
-using the wrench-shaped **Change type** context menu icon or create a new Connector task by using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Google Sheets Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/googledrive.md b/docs/components/connectors/out-of-the-box-connectors/googledrive.md
index 6d987bc67c..66ac5a9ceb 100644
--- a/docs/components/connectors/out-of-the-box-connectors/googledrive.md
+++ b/docs/components/connectors/out-of-the-box-connectors/googledrive.md
@@ -14,7 +14,9 @@ To start working with the **Google Drive Connector**, a relevant OAuth token mus
Currently, the Google Drive Connector supports two types of operations: create a folder and create a file from a template.
-To use a **Google Drive Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon or create a new Connector task by using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Google Drive Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/hugging-face.md b/docs/components/connectors/out-of-the-box-connectors/hugging-face.md
index 8382248bcd..3089b51f19 100644
--- a/docs/components/connectors/out-of-the-box-connectors/hugging-face.md
+++ b/docs/components/connectors/out-of-the-box-connectors/hugging-face.md
@@ -16,9 +16,9 @@ and a model deployed with [Inference API](https://huggingface.co/docs/api-infere
## Create a Hugging Face Connector task
-To use the **Hugging Face Connector** in your process, either change the type of existing task by clicking on it
-and using the wrench-shaped **Change type** context menu icon, or create a new Connector task using the
-**Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Hugging Face Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/kafka.md b/docs/components/connectors/out-of-the-box-connectors/kafka.md
index 8271708609..bf2cf0c5a0 100644
--- a/docs/components/connectors/out-of-the-box-connectors/kafka.md
+++ b/docs/components/connectors/out-of-the-box-connectors/kafka.md
@@ -25,7 +25,9 @@ Use Camunda secrets to avoid exposing your sensitive data as plain text. Follow
## Create a Kafka Producer Connector task
-To use the **Kafka Producer Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Kafka Producer Connector for publishing messages executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/microsoft-o365-mail.md b/docs/components/connectors/out-of-the-box-connectors/microsoft-o365-mail.md
index 5e63d0e264..9d6c35ae08 100644
--- a/docs/components/connectors/out-of-the-box-connectors/microsoft-o365-mail.md
+++ b/docs/components/connectors/out-of-the-box-connectors/microsoft-o365-mail.md
@@ -22,7 +22,9 @@ Refer to our documentation on [managing secrets](/components/console/manage-clus
## Create a Microsoft 365 Connector task
-To use the **Microsoft 365 Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Access control
diff --git a/docs/components/connectors/out-of-the-box-connectors/microsoft-teams.md b/docs/components/connectors/out-of-the-box-connectors/microsoft-teams.md
index 02538d6c2a..3d3163203b 100644
--- a/docs/components/connectors/out-of-the-box-connectors/microsoft-teams.md
+++ b/docs/components/connectors/out-of-the-box-connectors/microsoft-teams.md
@@ -22,8 +22,9 @@ Use Camunda secrets to store credentials so you don't expose sensitive informati
## Create a Microsoft Teams Connector task
-To use the **Microsoft Teams Connector** in your process, either change the type of existing task by clicking on it and
-using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Microsoft Teams Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/openai.md b/docs/components/connectors/out-of-the-box-connectors/openai.md
index 4aec79dfb3..9854697172 100644
--- a/docs/components/connectors/out-of-the-box-connectors/openai.md
+++ b/docs/components/connectors/out-of-the-box-connectors/openai.md
@@ -20,7 +20,9 @@ Use Camunda secrets to avoid exposing your sensitive data, such as your OpenAI A
## Create an OpenAI Connector task
-To use the **OpenAI Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your OpenAI Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/operate.md b/docs/components/connectors/out-of-the-box-connectors/operate.md
index ac9fd92176..c917e9505e 100644
--- a/docs/components/connectors/out-of-the-box-connectors/operate.md
+++ b/docs/components/connectors/out-of-the-box-connectors/operate.md
@@ -28,8 +28,9 @@ Use Camunda secrets to store credentials so you don't expose sensitive informati
## Create an Operate Connector task
-To use the **Operate Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task using the **Append Connector** context menu.
-Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Enter your cluster information
diff --git a/docs/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md b/docs/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md
index 127e76166c..426190c2ca 100644
--- a/docs/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md
+++ b/docs/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md
@@ -29,9 +29,9 @@ Ensure you enter the correct exchange name and routing key, as the **RabbitMQ Co
## Create a RabbitMQ Connector task
-To use the **RabbitMQ Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
-Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+
## Connecting to RabbitMQ and sending messages
@@ -129,7 +129,7 @@ Using Camunda secrets to store credentials is recommended so you do not expose s
## Create a RabbitMQ Connector event
-To use the **RabbitMQ Consumer Connector** in your process, either change the type of existing event by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector event using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+See [create a RabbitMQ Connector task](#create-a-rabbitmq-connector-task) for additional details.
1. Add a **Start Event** or an **Intermediate Event** to your BPMN diagram to get started.
2. Change its template to a RabbitMQ Connector.
diff --git a/docs/components/connectors/out-of-the-box-connectors/salesforce.md b/docs/components/connectors/out-of-the-box-connectors/salesforce.md
index 8280e40521..75f0f1dd4c 100644
--- a/docs/components/connectors/out-of-the-box-connectors/salesforce.md
+++ b/docs/components/connectors/out-of-the-box-connectors/salesforce.md
@@ -16,9 +16,9 @@ Use Camunda secrets to avoid exposing your _Salesforce Connected App_ client ID
## Create a Salesforce Connector task
-To use the **Salesforce Connector** in your process, either change the type of existing task by clicking on it and using
-the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu.
-Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Instance
diff --git a/docs/components/connectors/out-of-the-box-connectors/sendgrid.md b/docs/components/connectors/out-of-the-box-connectors/sendgrid.md
index 00ad071a92..28ea9c2424 100644
--- a/docs/components/connectors/out-of-the-box-connectors/sendgrid.md
+++ b/docs/components/connectors/out-of-the-box-connectors/sendgrid.md
@@ -21,7 +21,9 @@ The SendGrid Connector comes with two options:
#### Create a SendGrid Email Connector Task
-To use a **SendGrid Connector** in your process, either change the type of an existing task to **SendGrid: Send Email** using the wrench-shaped **Change type** context menu, or create a new **SendGrid: Send Email** Connector task using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
#### Make your SendGrid Email Connector executable
@@ -81,7 +83,7 @@ While you are editing your template, you can test how your email would look by s
#### Create a SendGrid Email template Connector task
-To use this **SendGrid Connector** in your process, either change the type of an existing task to **SendGrid: Send Email via Template** using the wrench-shaped **Change type** context menu, or create a new **SendGrid: Send Email via Template** Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+See [create a SendGrid email Connector task](#create-a-sendgrid-email-connector-task) for additional details.
#### Make your SendGrid Email Template Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/slack.md b/docs/components/connectors/out-of-the-box-connectors/slack.md
index ad8f0597f7..b953da5a54 100644
--- a/docs/components/connectors/out-of-the-box-connectors/slack.md
+++ b/docs/components/connectors/out-of-the-box-connectors/slack.md
@@ -23,7 +23,9 @@ To use the Slack Connector, a Slack app must be registered with the Slack worksp
## Create a Slack Connector task
-To use a **Slack Connector** in your process, either change the type of an existing task by clicking on it and using the wrench-shaped **Change type** context menu, or create a new Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Slack Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/sql.md b/docs/components/connectors/out-of-the-box-connectors/sql.md
index a8ed810752..244866a747 100644
--- a/docs/components/connectors/out-of-the-box-connectors/sql.md
+++ b/docs/components/connectors/out-of-the-box-connectors/sql.md
@@ -15,7 +15,9 @@ To avoid exposing your sensitive data as plain text, use Camunda secrets. Follow
## Create an SQL Connector task
-To use the **SQL Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your SQL Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/twilio.md b/docs/components/connectors/out-of-the-box-connectors/twilio.md
index ca28867959..6c43eaca5b 100644
--- a/docs/components/connectors/out-of-the-box-connectors/twilio.md
+++ b/docs/components/connectors/out-of-the-box-connectors/twilio.md
@@ -28,7 +28,9 @@ Use Camunda secrets to store your account SID and auth token so you don't expose
## Create a Twilio Connector task
-To use the Twilio Connector in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide to using Connectors](https://docs.camunda.org/manual/latest/user-guide/process-engine/connectors/) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Twilio Connector executable
diff --git a/docs/components/connectors/out-of-the-box-connectors/uipath.md b/docs/components/connectors/out-of-the-box-connectors/uipath.md
index e144e17d6e..ce7f253622 100644
--- a/docs/components/connectors/out-of-the-box-connectors/uipath.md
+++ b/docs/components/connectors/out-of-the-box-connectors/uipath.md
@@ -12,7 +12,9 @@ To use the **UiPath Connector**, you need to have a [UiPath](https://cloud.uipat
## Create a UiPath Connector task
-To use a **UiPath Connector** in your process, either change the type of existing task using the wrench-shaped **Change type** context menu, or create a new Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Operation types
diff --git a/docs/components/connectors/out-of-the-box-connectors/whatsapp.md b/docs/components/connectors/out-of-the-box-connectors/whatsapp.md
index ecab54ff85..f99c1e2c78 100644
--- a/docs/components/connectors/out-of-the-box-connectors/whatsapp.md
+++ b/docs/components/connectors/out-of-the-box-connectors/whatsapp.md
@@ -17,9 +17,9 @@ WhatsApp webhooks are currently not supported by Camunda.
## Create a WhatsApp Connector task
-To use the **WhatsApp Connector** in your process, either change the type of existing task by clicking on it and using
-the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu.
-Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Authentication
diff --git a/docs/components/connectors/protocol/graphql.md b/docs/components/connectors/protocol/graphql.md
index 94ae3d77b5..82c2e2758e 100644
--- a/docs/components/connectors/protocol/graphql.md
+++ b/docs/components/connectors/protocol/graphql.md
@@ -13,7 +13,9 @@ The GraphQL Connector allows you to connect to a GraphQL API endpoint. To use th
## Create a GraphQL Connector task
-To use a **GraphQL Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu, or create a new Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your GraphQL Connector executable
diff --git a/docs/components/connectors/protocol/rest.md b/docs/components/connectors/protocol/rest.md
index aba75cf00e..05dae186b3 100644
--- a/docs/components/connectors/protocol/rest.md
+++ b/docs/components/connectors/protocol/rest.md
@@ -15,7 +15,9 @@ The **REST Connector** is an outbound protocol Connector that allows you to make
## Create a REST Connector task
-To use a **REST Connector** in your process, either change the type of existing task using the wrench-shaped **Change type** context menu, or create a new Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your REST Connector executable
diff --git a/docs/components/connectors/protocol/soap.md b/docs/components/connectors/protocol/soap.md
index eaf4a6e08b..98cd9fe947 100644
--- a/docs/components/connectors/protocol/soap.md
+++ b/docs/components/connectors/protocol/soap.md
@@ -21,9 +21,9 @@ To use the **SOAP Connector**, ensure you have an active SOAP service.
## Create a SOAP Connector task
-To use the **SOAP Connector** in your process, either change the type of an existing task by clicking on it and using
-the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu.
-Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Connection
diff --git a/docs/components/connectors/use-connectors/outbound.md b/docs/components/connectors/use-connectors/outbound.md
index c2065b10de..8b82b17beb 100644
--- a/docs/components/connectors/use-connectors/outbound.md
+++ b/docs/components/connectors/use-connectors/outbound.md
@@ -8,9 +8,9 @@ description: Learn how to use outbound Connectors
## Creating the BPMN task
-Use the change type context menu item (spanner/wrench icon) to integrate Connectors in a business model. Users can search for keywords like `REST` or `email` to find specific Connectors. To discover all available Connectors in Camunda, input the term `Connector` into the search bar.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
-Alternatively, you can directly create a Connector task by using the **Append Connector** context menu item. This creates a new Connector task directly following the currently selected element.
+
## Configuring the outbound Connector
diff --git a/docs/components/react-components/connector-task.md b/docs/components/react-components/connector-task.md
new file mode 100644
index 0000000000..7bf9fa8631
--- /dev/null
+++ b/docs/components/react-components/connector-task.md
@@ -0,0 +1,12 @@
+---
+---
+
+A Connector can be applied to a task or an event using the append menu. Access the append menu using any of the three methods below:
+
+- **From the canvas**: Select an element and click the **Change element** icon to change an existing element, or use the append feature to add a new element to the diagram.
+- **From the properties panel**: Navigate to the **Template** section and click **Select**.
+- **From the side palette**: Click the **Create element** icon.
+
+![change element](./img/change-element.png)
+
+Once you have applied a Connector to your element, follow the configuration steps or read our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
diff --git a/docs/components/react-components/img/change-element.png b/docs/components/react-components/img/change-element.png
new file mode 100644
index 0000000000..3f0207bb1b
Binary files /dev/null and b/docs/components/react-components/img/change-element.png differ
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-dynamodb.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-dynamodb.md
index c1d48ba11f..d02a79c4f9 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-dynamodb.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-dynamodb.md
@@ -17,7 +17,9 @@ Use Camunda secrets to store credentials so you don't expose sensitive informati
## Create an Amazon DynamoDB Connector task
-To use the **Amazon DynamoDB Connector** in your process, either change the type of existing task by clicking on it and using the **wrench-shaped** change type context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Amazon DynamoDB Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md
index 17d9e7c20a..9bc8ca591f 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md
@@ -30,7 +30,9 @@ Use Camunda secrets to avoid exposing your AWS IAM credentials as plain text. Re
## Create an Amazon EventBridge Connector task
-To use the **Amazon EventBridge Connector** in your process, you can either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Refer to our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Configure the Amazon EventBridge Connector
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-sns.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-sns.md
index 76cd1bce74..7966cb392f 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-sns.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-sns.md
@@ -28,7 +28,9 @@ Use Camunda secrets to avoid exposing your AWS IAM credentials as plain text. Re
## Create an Amazon SNS Connector task
-To use the **Amazon SNS Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Amazon SNS Connector for sending messages executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-sqs.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-sqs.md
index 5236e0a314..69fac0fec3 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-sqs.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/amazon-sqs.md
@@ -30,7 +30,9 @@ Use Camunda secrets to avoid exposing your AWS IAM credentials as plain text. Re
## Create an Amazon SQS Connector task
-To use the **Amazon SQS Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Amazon SQS Connector for sending messages executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/asana.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/asana.md
index f9917b940a..dc8eedb499 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/asana.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/asana.md
@@ -17,9 +17,9 @@ Use Camunda secrets to avoid exposing your Asana personal access token as plain
## Create an Asana Connector task
-To use the **Asana Connector** in your process, either change the type of existing task by clicking on it and using
-the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu.
-Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Authentication
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/automation-anywhere.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/automation-anywhere.md
index 460831c94a..d54c9eea77 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/automation-anywhere.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/automation-anywhere.md
@@ -12,7 +12,9 @@ You also need a user account with the `AAE_Queue Admin` role to query and manage
## Create an Automation Anywhere Connector task
-To use an **Automation Anywhere Connector** in your process, either change the type of existing task using the wrench-shaped **Change type** context menu or create a new Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Automation Anywhere Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/aws-lambda.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/aws-lambda.md
index 96d7579960..cd278278c1 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/aws-lambda.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/aws-lambda.md
@@ -16,7 +16,9 @@ Use Camunda secrets to avoid exposing your AWS IAM credentials as plain text. Re
## Create an AWS Lambda Connector task
-To use an **AWS Lambda Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Invoking your AWS Lambda function
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/azure-open-ai.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/azure-open-ai.md
index fd84f19671..2f8f47fd3c 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/azure-open-ai.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/azure-open-ai.md
@@ -25,7 +25,9 @@ Learn more at the [official Azure OpenAI portal entry](https://learn.microsoft.c
## Create an Azure OpenAI Connector task
-To use the **Azure OpenAI Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Azure OpenAI Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/blueprism.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/blueprism.md
index 1ed20e4fb2..3915348359 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/blueprism.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/blueprism.md
@@ -10,7 +10,9 @@ To start using the Connector, you must have a running Blue Prism instance config
## Create a Blue Prism Connector task
-To use a **Blue Prism Connector** in your process, either change the type of existing task using the wrench-shaped **Change type** context menu, or create a new Connector task using the **Append Connector** context menu. Follow [our guide on using Connectors](../use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Authentication
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/easy-post.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/easy-post.md
index 8812b3ab34..63be8312ce 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/easy-post.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/easy-post.md
@@ -17,7 +17,9 @@ Use Camunda secrets to avoid exposing your EasyPost API key as plain text. Refer
## Create an EasyPost Connector task
-To use the **EasyPost Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Authentication
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/github.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/github.md
index e5bb5d3d88..e6734c5eca 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/github.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/github.md
@@ -29,7 +29,9 @@ Refer to our documentation on [managing secrets](/components/console/manage-clus
## Create a GitHub Connector task
-To use the **GitHub Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Authentication
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/gitlab.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/gitlab.md
index ecd8f5e079..986e6fcbbc 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/gitlab.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/gitlab.md
@@ -18,7 +18,9 @@ Use Camunda secrets to avoid exposing your GitLab access token credentials as pl
## Create a GitLab Connector task
-To use the **GitLab Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Add endpoint and authentication
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/google-maps-platform.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/google-maps-platform.md
index eb2b789c67..e4c2c56e76 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/google-maps-platform.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/google-maps-platform.md
@@ -9,7 +9,9 @@ The **Google Maps Platform Connector** in an inbound Connector that allows you t
## Create a Google Maps Platform Connector task
-To use a **Google Maps Platform Connector** in your process, either change the type of existing task using the wrench-shaped **Change type** context menu or create a new Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Google Maps Platform Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/google-sheets.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/google-sheets.md
index 385cd257bf..fabe161b17 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/google-sheets.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/google-sheets.md
@@ -30,8 +30,9 @@ Currently, the Google Sheets Connector supports next operations:
- [Get spreadsheet details](#get-spreadsheet-details)
- [Get worksheet data](#get-worksheet-data)
-To use a **Google Sheets Connector** in your process, either change the type of existing task by clicking on it and
-using the wrench-shaped **Change type** context menu icon or create a new Connector task by using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Google Sheets Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/googledrive.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/googledrive.md
index 6d987bc67c..66ac5a9ceb 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/googledrive.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/googledrive.md
@@ -14,7 +14,9 @@ To start working with the **Google Drive Connector**, a relevant OAuth token mus
Currently, the Google Drive Connector supports two types of operations: create a folder and create a file from a template.
-To use a **Google Drive Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon or create a new Connector task by using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Google Drive Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/hugging-face.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/hugging-face.md
index 8382248bcd..3089b51f19 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/hugging-face.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/hugging-face.md
@@ -16,9 +16,9 @@ and a model deployed with [Inference API](https://huggingface.co/docs/api-infere
## Create a Hugging Face Connector task
-To use the **Hugging Face Connector** in your process, either change the type of existing task by clicking on it
-and using the wrench-shaped **Change type** context menu icon, or create a new Connector task using the
-**Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Hugging Face Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/kafka.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/kafka.md
index 518c2647e7..78796fc4e3 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/kafka.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/kafka.md
@@ -25,7 +25,9 @@ Use Camunda secrets to avoid exposing your sensitive data as plain text. Follow
## Create a Kafka Producer Connector task
-To use the **Kafka Producer Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Kafka Producer Connector for publishing messages executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/microsoft-o365-mail.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/microsoft-o365-mail.md
index 5e63d0e264..9d6c35ae08 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/microsoft-o365-mail.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/microsoft-o365-mail.md
@@ -22,7 +22,9 @@ Refer to our documentation on [managing secrets](/components/console/manage-clus
## Create a Microsoft 365 Connector task
-To use the **Microsoft 365 Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Access control
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/microsoft-teams.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/microsoft-teams.md
index 02538d6c2a..3d3163203b 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/microsoft-teams.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/microsoft-teams.md
@@ -22,8 +22,9 @@ Use Camunda secrets to store credentials so you don't expose sensitive informati
## Create a Microsoft Teams Connector task
-To use the **Microsoft Teams Connector** in your process, either change the type of existing task by clicking on it and
-using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Microsoft Teams Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/openai.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/openai.md
index 4aec79dfb3..9854697172 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/openai.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/openai.md
@@ -20,7 +20,9 @@ Use Camunda secrets to avoid exposing your sensitive data, such as your OpenAI A
## Create an OpenAI Connector task
-To use the **OpenAI Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your OpenAI Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/operate.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/operate.md
index ac9fd92176..c917e9505e 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/operate.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/operate.md
@@ -28,8 +28,9 @@ Use Camunda secrets to store credentials so you don't expose sensitive informati
## Create an Operate Connector task
-To use the **Operate Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task using the **Append Connector** context menu.
-Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Enter your cluster information
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md
index bbe23df77f..e7776e1f94 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md
@@ -29,9 +29,9 @@ Ensure you enter the correct exchange name and routing key, as the **RabbitMQ Co
## Create a RabbitMQ Connector task
-To use the **RabbitMQ Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
-Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+
## Connecting to RabbitMQ and sending messages
@@ -135,7 +135,13 @@ Using Camunda secrets to store credentials is recommended so you do not expose s
## Create a RabbitMQ Connector event
-To use the **RabbitMQ Consumer Connector** in your process, either change the type of existing event by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector event using the **Append Connector** context menu. Follow our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+See [create a RabbitMQ Connector task](#create-a-rabbitmq-connector-task) for additional details.
+
+1. Add a **Start Event** or an **Intermediate Event** to your BPMN diagram to get started.
+2. Change its template to a RabbitMQ Connector.
+3. Fill in all required properties.
+4. Complete your BPMN diagram.
+5. Deploy the diagram to activate the RabbitMQ consumer.
## Create a RabbitMQ Consumer Connector task
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/salesforce.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/salesforce.md
index 8280e40521..75f0f1dd4c 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/salesforce.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/salesforce.md
@@ -16,9 +16,9 @@ Use Camunda secrets to avoid exposing your _Salesforce Connected App_ client ID
## Create a Salesforce Connector task
-To use the **Salesforce Connector** in your process, either change the type of existing task by clicking on it and using
-the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu.
-Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Instance
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/sendgrid.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/sendgrid.md
index 00ad071a92..28ea9c2424 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/sendgrid.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/sendgrid.md
@@ -21,7 +21,9 @@ The SendGrid Connector comes with two options:
#### Create a SendGrid Email Connector Task
-To use a **SendGrid Connector** in your process, either change the type of an existing task to **SendGrid: Send Email** using the wrench-shaped **Change type** context menu, or create a new **SendGrid: Send Email** Connector task using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
#### Make your SendGrid Email Connector executable
@@ -81,7 +83,7 @@ While you are editing your template, you can test how your email would look by s
#### Create a SendGrid Email template Connector task
-To use this **SendGrid Connector** in your process, either change the type of an existing task to **SendGrid: Send Email via Template** using the wrench-shaped **Change type** context menu, or create a new **SendGrid: Send Email via Template** Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+See [create a SendGrid email Connector task](#create-a-sendgrid-email-connector-task) for additional details.
#### Make your SendGrid Email Template Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/slack.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/slack.md
index d8d35991a2..dc53e84c5d 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/slack.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/slack.md
@@ -23,7 +23,9 @@ To use the Slack Connector, a Slack app must be registered with the Slack worksp
## Create a Slack Connector task
-To use a **Slack Connector** in your process, either change the type of an existing task by clicking on it and using the wrench-shaped **Change type** context menu, or create a new Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Slack Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/twilio.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/twilio.md
index aab4a0887e..902e739f9e 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/twilio.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/twilio.md
@@ -28,7 +28,9 @@ Use Camunda secrets to store your account SID and auth token so you don't expose
## Create a Twilio Connector task
-To use the Twilio Connector in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu. Follow our [guide to using Connectors](https://docs.camunda.org/manual/latest/user-guide/process-engine/connectors/) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your Twilio Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/uipath.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/uipath.md
index e144e17d6e..ce7f253622 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/uipath.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/uipath.md
@@ -12,7 +12,9 @@ To use the **UiPath Connector**, you need to have a [UiPath](https://cloud.uipat
## Create a UiPath Connector task
-To use a **UiPath Connector** in your process, either change the type of existing task using the wrench-shaped **Change type** context menu, or create a new Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Operation types
diff --git a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/whatsapp.md b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/whatsapp.md
index ecab54ff85..f99c1e2c78 100644
--- a/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/whatsapp.md
+++ b/versioned_docs/version-8.5/components/connectors/out-of-the-box-connectors/whatsapp.md
@@ -17,9 +17,9 @@ WhatsApp webhooks are currently not supported by Camunda.
## Create a WhatsApp Connector task
-To use the **WhatsApp Connector** in your process, either change the type of existing task by clicking on it and using
-the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu.
-Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Authentication
diff --git a/versioned_docs/version-8.5/components/connectors/protocol/graphql.md b/versioned_docs/version-8.5/components/connectors/protocol/graphql.md
index 94ae3d77b5..82c2e2758e 100644
--- a/versioned_docs/version-8.5/components/connectors/protocol/graphql.md
+++ b/versioned_docs/version-8.5/components/connectors/protocol/graphql.md
@@ -13,7 +13,9 @@ The GraphQL Connector allows you to connect to a GraphQL API endpoint. To use th
## Create a GraphQL Connector task
-To use a **GraphQL Connector** in your process, either change the type of existing task by clicking on it and using the wrench-shaped **Change type** context menu, or create a new Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your GraphQL Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/protocol/rest.md b/versioned_docs/version-8.5/components/connectors/protocol/rest.md
index aba75cf00e..05dae186b3 100644
--- a/versioned_docs/version-8.5/components/connectors/protocol/rest.md
+++ b/versioned_docs/version-8.5/components/connectors/protocol/rest.md
@@ -15,7 +15,9 @@ The **REST Connector** is an outbound protocol Connector that allows you to make
## Create a REST Connector task
-To use a **REST Connector** in your process, either change the type of existing task using the wrench-shaped **Change type** context menu, or create a new Connector task by using the **Append Connector** context menu. Follow [our guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Make your REST Connector executable
diff --git a/versioned_docs/version-8.5/components/connectors/protocol/soap.md b/versioned_docs/version-8.5/components/connectors/protocol/soap.md
index ca309ee9d9..9d3239bd95 100644
--- a/versioned_docs/version-8.5/components/connectors/protocol/soap.md
+++ b/versioned_docs/version-8.5/components/connectors/protocol/soap.md
@@ -21,9 +21,9 @@ To use the **SOAP Connector**, ensure you have an active SOAP service.
## Create a SOAP Connector task
-To use the **SOAP Connector** in your process, either change the type of an existing task by clicking on it and using
-the wrench-shaped **Change type** context menu icon, or create a new Connector task by using the **Append Connector** context menu.
-Follow our [guide to using Connectors](/components/connectors/use-connectors/index.md) to learn more.
+import ConnectorTask from '../../../components/react-components/connector-task.md'
+
+
## Connection
diff --git a/versioned_docs/version-8.5/components/react-components/connector-task.md b/versioned_docs/version-8.5/components/react-components/connector-task.md
new file mode 100644
index 0000000000..7bf9fa8631
--- /dev/null
+++ b/versioned_docs/version-8.5/components/react-components/connector-task.md
@@ -0,0 +1,12 @@
+---
+---
+
+A Connector can be applied to a task or an event using the append menu. Access the append menu using any of the three methods below:
+
+- **From the canvas**: Select an element and click the **Change element** icon to change an existing element, or use the append feature to add a new element to the diagram.
+- **From the properties panel**: Navigate to the **Template** section and click **Select**.
+- **From the side palette**: Click the **Create element** icon.
+
+![change element](./img/change-element.png)
+
+Once you have applied a Connector to your element, follow the configuration steps or read our [guide on using Connectors](/components/connectors/use-connectors/index.md) to learn more.
diff --git a/versioned_docs/version-8.5/components/react-components/img/change-element.png b/versioned_docs/version-8.5/components/react-components/img/change-element.png
new file mode 100644
index 0000000000..3f0207bb1b
Binary files /dev/null and b/versioned_docs/version-8.5/components/react-components/img/change-element.png differ