docs(crowdin): update info about vendors (#549)

Author: rohalskyy

src/assets/screenshots/crowdin/translation-process/blend_connect.png

@@ -24,6 +24,7 @@ import sessions from '!/crowdin/getting-started/account/account_settings_session
 import tokens from '!/crowdin/getting-started/account/account_settings_tokens.png';
 import sudoModeConfirmingCredentials from '!/crowdin/getting-started/account/sudo_mode_confirming_credentials.png';
 import oauthAppsNewApp from '!/crowdin/getting-started/account/oauth_apps_new_app.png';
+import vendors from '!/crowdin/translation-process/vendors_connect.png';
 
 Manage your Crowdin account settings, including profile details, notification preferences, security settings, and more using the **Account Settings** page. To access it, click on your profile picture in the upper-right corner and select **Settings**.
 
@@ -450,6 +451,30 @@ Using the available options, you can do the following:
 
 In the **Connected OAuth Applications** section, you can view connected OAuth apps you've authorized to use your account and revoke access as needed.
 
+## Vendors
+
+In the **Vendors** tab, you can manage the accounts and settings for the vendors you use for professional translations. This includes managing payment options for Crowdin Language Services, as well as connecting and disconnecting accounts for vendors like BLEND and Gengo.
+
+**Crowdin Language Services**
+
+You can configure payment methods for Crowdin Language Services, such as **Post payment** or **Managed by Crowdin balance**.
+
+<ReadMore>
+  Read more about [Payment Options for Crowdin Language Services](/crowdin-language-services/#payment-options-for-crowdin-language-services).
+</ReadMore>
+
+**BLEND and Gengo**
+
+For BLEND and Gengo, you can **Connect Account**, **Switch Account** to change the connected account, or **Disconnect Account** to remove the integration. Once your account is connected, you can also track your current balance on the vendor's side directly from this tab.
+
+<ReadMore>
+  Read more about [Connecting BLEND and Gengo with Crowdin](/ordering-professional-translations/#connecting-blend-and-gengo-with-crowdin).
+</ReadMore>
+
+To browse the full list of available vendors, go to **Store > Vendors** on your profile home page.
+
+<Image src={vendors} alt="Account Settings Vendors" />
+
 ## Beta Features
 
 In the **Beta Features** tab, you can select the **Enable beta features** option to test new experimental features.

src/assets/screenshots/crowdin/translation-process/blend_create_task.png

@@ -6,8 +6,9 @@ slug: blend-integration
 
 import { Steps, Aside, LinkCard, CardGrid } from '@astrojs/starlight/components';
 import ReadMore from '~/components/ReadMore.astro';
+import { Icon } from 'astro-icon/components';
 import { Image } from 'astro:assets';
-import blendConnect from '!/crowdin/translation-process/blend_connect.png';
+import blendConnect from '!/crowdin/translation-process/vendors_connect.png';
 import blendCreateTask from '!/crowdin/translation-process/blend_create_task.png';
 import blendCustomerDiscussions from '!/crowdin/tasks/blend_customer_discussions.png';
 import blendStartProject from '!/crowdin/tasks/blend_start_project.png';
@@ -25,29 +26,34 @@ The integration provides:
 
 You need to have a client account in BLEND to enable integration and sufficient Credit Balance so you can use BLEND translation services. Register at [BLEND](https://app.getblend.com/auth/register) if you don't have an account yet.
 
-Follow these steps to establish the connection:
+To establish the connection, follow these steps:
 
 <Steps>
   1. Log in to Crowdin.
-  1. Open your profile home page and select **Vendors** on the left sidebar.
-  1. Click **View all vendors** and select **BLEND**.
-  1. Click **Connect Account**. <Image src={blendConnect} alt="Connect BLEND" />
-  1. Enter *Public Key* and *Secret Key* from the BLEND [API keys](https://app.getblend.com/profile/#apikeys) tab. Click **Submit Keys**.
+  2. Open your **Account Settings** and go to the **Vendors** tab.<br/>Alternatively, click <Icon name="mdi:cog" class="inline-icon" /> on the BLEND's tile in the **Store > Vendors** page.
+  3. In the **BLEND** section, click **Connect Account**. <Image src={blendConnect} alt="Connect BLEND" />
+  4. Enter *Public Key* and *Secret Key* from the BLEND [API keys](https://app.getblend.com/profile/#apikeys) tab. Click **Submit Keys**.
 </Steps>
 
 ## Creating Tasks for Content Synchronization
 
 To send the localization content to BLEND, you need to create tasks in the Crowdin project. Follow these step-by-step instructions for task creation:
 
 <Steps>
-  1. Click **Create Task** using the **Tasks** tab on the project home page or straight from the vendor page via **Vendors**. Ensure to select the project from the drop-down list when creating a task via **Vendors**.
-      <Image src={blendCreateTask} alt="Create Task" />
-      <Aside>Project managers can create tasks for vendors only using the project's [Tasks](/tasks/) tab.</Aside>
-  2. Set the task parameters:
+  1. Click [**Create Task**](/tasks/#creating-new-task) using the project's **Tasks** tab.
+  2. Alternatively, you can initiate a task from the **Store**:
+     1. Go to **Store > Vendors** on your profile home page.
+     2. Click on the **BLEND** tile to open the vendor page.
+     3. In the **Create Task** section, select the project from the drop-down list.
+     4. Click **Create** to open the task creation page in a new tab. <Image src={blendCreateTask} alt="Create Task" />
+  3. Set the task parameters:
       * *Title* &ndash; specify the name of the task that will be visible to BLEND translators.
       * *Description* (optional) &ndash; add any additional details that may be helpful for BLEND translators.
       * *Type* &ndash; select either *Translate by vendor* or *Proofread by vendor*.
       * *Translation Vendor* &ndash; select *BLEND* from the list.
+        <Aside type="tip">
+          Click <Icon name="mdi:cog" class="inline-icon" /> next to the vendor dropdown to open **Account Settings > Vendors**, where you can manage your BLEND connection or <Icon name="mdi:store" class="inline-icon" /> to view the vendor in the Store.
+        </Aside>
       * *Expertise* &ndash; select the required subject matter expertise (e.g., Standard, Technical, etc.).
       * *Include edit service* (only for Translate by vendor) &ndash; adds an Editing project on the BLEND side for an additional linguistic review.
       * *Preceding task* (only for Proofread by vendor) &ndash; link the task to a previously created translation task to inherit its scope and language settings.
@@ -65,13 +71,17 @@ To send the localization content to BLEND, you need to create tasks in the Crowd
         * *Include pre-translated strings only* (only for Proofread by vendor) &ndash; include only strings that were previously pre-translated.
       * *Files* (for file-based projects) or *Branches* (for string-based projects) &ndash; select content to include in the task.
       * *Languages* &ndash; select target languages (a separate task will be created for each selected language).
-  3. Click **Create Task** for project files to be sent to BLEND.
+  4. Click **Create Task** to complete the translation order and send project files to BLEND.
 </Steps>
 
 <ReadMore>
   Read more about [BLEND Editing project](https://help.getblend.com/hc/en-us/articles/360019181260-What-is-an-editing-project-).
 </ReadMore>
 
+<Aside>
+  Project managers can create tasks for vendors only using the project's [Tasks](/tasks/) tab.
+</Aside>
+
 <Aside type="caution">
   In case you change the task's name or description or update the files selected for the existing task, it won’t be re-synchronized with BLEND.
 </Aside>
@@ -100,7 +110,7 @@ Comments are synchronized with BLEND so that a translator can see them in the *C
 
 ## Managing BLEND Integration
 
-Access integration by opening **Vendors**, select **BLEND**. You can **Switch Account** or **Disconnect Account** if necessary.
+Access integration by opening **Account Settings** and going to the **Vendors** tab. You can **Switch Account** or **Disconnect Account** if necessary.
 
 <Aside>
   Only the project owner can connect, switch and disconnect the BLEND account. If you disable BLEND integration or switch to another BLEND account, the existing tasks (if any) will remain synchronized.

src/assets/screenshots/crowdin/translation-process/vendor_view.png

@@ -8,8 +8,10 @@ sidebar:
 
 import { Steps, Aside, LinkCard, CardGrid } from '@astrojs/starlight/components';
 import ReadMore from '~/components/ReadMore.astro';
+import { Icon } from 'astro-icon/components';
 import { Image } from 'astro:assets';
 import clsBuyTranslations from '!/crowdin/tasks/cls_buy_translations.png';
+import vendorView from '!/crowdin/translation-process/vendor_view.png';
 import clsTaskComments from '!/crowdin/tasks/cls_task_comments.png';
 
 Crowdin Language Services is an integrated solution that allows you to order professional translations and proofreading services for your Crowdin project in a few clicks.
@@ -26,12 +28,20 @@ To order translation or proofreading of your content from Crowdin Language Servi
 
 <Steps>
   1. Open your project and click **Buy Translations**: <Image src={clsBuyTranslations} alt="Buy Translations" /><br/>
-      Alternatively, click **Create Task** using the **Tasks** tab in your project or straight from the vendor page via **Vendors**. Ensure to select the project from the drop-down list when creating a task via **Vendors**.
-  1. Set the task parameters:
+     Alternatively, click [**Create Task**](/tasks/#creating-new-task) using the **Tasks** tab in your project.
+  2. You can also initiate a task from the **Store**:
+     1. Go to **Store > Vendors** on your profile home page.
+     2. Click on the **Crowdin Language Services** tile to open the vendor page. <Image src={vendorView} alt="Vendor View" />
+     3. In the **Create Task** section, select the project from the drop-down list.
+     4. Click **Create** to open the task creation page in a new tab.
+  3. Set the task parameters:
       * *Title* &ndash; specify the name of the task that will be visible to Crowdin Language Services translators.
       * *Description* (optional) &ndash; add any additional details that may be helpful for Crowdin Language Services translators.
       * *Type* &ndash; select either *Translate by vendor* or *Proofread by vendor*.
       * *Translation Vendor* &ndash; select *Crowdin Language Services* from the list.
+        <Aside type="tip">
+          Click <Icon name="mdi:cog" class="inline-icon" /> next to the vendor dropdown to open **Account Settings > Vendors**, where you can manage your payment settings or <Icon name="mdi:store" class="inline-icon" /> to view the vendor in the Store.
+        </Aside>
       * *Create a pending proofreading task* (only for Translate by vendor) &ndash; creates a separate proofreading task that starts once the translation is completed.
       * *Preceding task* (only for Proofread by vendor) &ndash; link the task to a previously created translation task to inherit its scope and language settings.
       * *Skip strings already included in other tasks* &ndash; skip strings that are already assigned to other tasks.
@@ -48,15 +58,21 @@ To order translation or proofreading of your content from Crowdin Language Servi
         * *Include pre-translated strings only* (only for Proofread by vendor) &ndash; include only strings that were previously pre-translated.
       * *Files* (for file-based projects) or *Branches* (for string-based projects) &ndash; select content to include in the task.
       * *Languages* &ndash; select target languages (a separate task will be created for each selected language).
-  1. *(Optional)* Select [**Post Payment**](#post-payment) or [**Managed by Crowdin balance**](#managed-by-crowdin-balance) as your payment options.
-  1. Confirm that you agree to the terms of service.
-  1. Click **Buy translations** to send your project files to Crowdin Language Services.
-  1. If you do not use **Post Payment** or **Managed by Crowdin balance**, you can select your preferred payment method at the [checkout page](#direct-payment-at-checkout).
+  4. *(Optional)* Select [**Post Payment**](#post-payment) or [**Managed by Crowdin balance**](#managed-by-crowdin-balance) as your payment options.
+  5. Confirm that you agree to the terms of service.
+  6. Click **Buy translations** to send your project files to Crowdin Language Services.
+  7. If you do not use **Post Payment** or **Managed by Crowdin balance**, you can select your preferred payment method at the [checkout page](#direct-payment-at-checkout).
 </Steps>
 
 ## Payment Options for Crowdin Language Services
 
-When ordering translation or proofreading, you can choose from the following payment options.
+When ordering translation or proofreading, you can choose from the following payment options. You can configure **Post Payment** and **Managed by Crowdin balance** settings in **Account Settings > Vendors**.
+
+By enabling the **Do not ask for payment details** option in the settings, your selected payment method will be applied automatically each time you create a task for the Crowdin Language Services vendor.
+
+<Aside type="tip">
+  You can quickly access these settings by opening **Store > Vendors** and clicking <Icon name="mdi:cog" class="inline-icon" /> on the **Crowdin Language Services** tile.
+</Aside>
 
 ### Post Payment
 

src/assets/screenshots/crowdin/translation-process/vendors_connect.png

@@ -42,6 +42,10 @@ To create a new task, follow these steps:
           * *Title* – specify the name of the task that will be visible to translators or proofreaders.
           * *Description* (optional) – add any additional details that may be helpful.
           * *Type* – select between *Translate by own translators*, *Proofread by own proofreaders*, *Translate by vendor*, and *Proofread by vendor*.
+            <br/>
+            When *Translate by vendor* or *Proofread by vendor* is selected for automated vendors (e.g., Crowdin Language Services, BLEND, or Gengo), you can access additional options next to the *Translation Vendor* drop-down menu:
+            * <Icon name="mdi:cog" class="inline-icon" />**Settings**  &ndash; configure account or payment settings for the selected vendor.
+            * <Icon name="mdi:store" class="inline-icon" />**View in Store** &ndash; view the vendor's details in the Store.
           * *[Create a pending proofreading task](#sequential-tasks)* (only for translation tasks) &ndash; creates a separate proofreading task that starts once the translation is completed.
           * *[Preceding task](#sequential-tasks)* (only for proofreading tasks) &ndash; link the task to a previously created translation task to inherit its scope and language settings.
           * *Skip strings already included in other tasks* &ndash; skip strings that are already assigned to other tasks.
@@ -72,6 +76,10 @@ To create a new task, follow these steps:
           * *Title* &ndash; specify the name of the task that will be visible to translators or proofreaders.
           * *Description* (optional) &ndash; add any additional details that may be helpful.
           * *Type* &ndash; select between *Translate by own translators*, *Proofread by own proofreaders*, *Translate by vendor*, and *Proofread by vendor*.
+            <br/>
+            When *Translate by vendor* or *Proofread by vendor* is selected for automated vendors (e.g., Crowdin Language Services, BLEND, or Gengo), you can access additional options next to the *Translation Vendor* drop-down menu:
+            * <Icon name="mdi:cog" class="inline-icon" />**Settings**  &ndash; configure account or payment settings for the selected vendor.
+            * <Icon name="mdi:store" class="inline-icon" />**View in Store** &ndash; view the vendor's details in the Crowdin Store.
           * *[Create a pending proofreading task](#sequential-tasks)* (only for translation tasks) &ndash; creates a separate proofreading task that starts once the translation is completed.
           * *[Preceding task](#sequential-tasks)* (only for proofreading tasks) &ndash; link the task to a previously created translation task to inherit its scope and language settings.
           * *Skip strings already included in other tasks* &ndash; skip strings that are already assigned to other tasks.