> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ycloud.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Chat Links

Generate shareable links, QR codes, or chat widgets for numbers.

Open **WhatsApp Manager**, select your business number, and open **Chat Links** in its settings.

## Key Points

**Simplified Communication Process**\
Typically, to chat via WhatsApp app, you need to know the other party's phone number, save it on your mobile device, and then search for it to start a conversation. With YCloud's growth tools, this process is simplified, as customers can initiate a WhatsApp chat just by clicking a link or scanning a QR code.

**Quick Replies**\
With simple setup, you can preset custom messages and automatically reply quickly, supporting a large number of customers accessing simultaneously. To enable this feature, you need to connect your WhatsApp account in YCloud.

**Multiple Ways to Reach Users**\
You can generate QR codes, links, or chat widgets for various scenarios such as websites, apps, landing pages, and offline stores. This allows you to capture potential customer.

**Compliance in Collecting User Information**\
Customers who chat with you through YCloud Chat Links are automatically added to your Contacts. You can view and edit their information, such as the time added and the last conversation time, and use YCloud mass messaging tool to create suitable marketing campaigns for targeted customers.

## Usage Scenarios

**Website Customer Service Entry:** Insert a chat widget on your website to allow customers to quickly find the WhatsApp customer service entry.

**Distributing Flyers:** Print QR codes on flyers and distribute them. Interested customers can scan the code to quickly obtain leads.

**Scan to Join Membership:** Place a membership QR code in your offline store. Customers can join your membership system via WhatsApp and successfully leave their membership details.

**Landing Page Inquiry:** Add a WhatsApp button on the landing page. Interested customers can click the button to connect with you via WhatsApp, without worrying about incorrect contact information, directly obtaining the target customer's WhatsApp account.

## Generation of Links and QR Codes

The generation method for links and QR codes is the same, with the following example using a QR code tutorial.

### Step 1: Click the Create Button

<Frame caption="Select Create from the Chat Links settings for your business number.">
  <img src="https://mintcdn.com/lchnan/rmZYWVwRdpR7TJaI/product-assets/english-help-context-2026-09-23/chat-links-context-annotated.svg?fit=max&auto=format&n=rmZYWVwRdpR7TJaI&q=85&s=fc7df05656b1306d9067cdf9b159fa02" alt="Chat Links list with Store demo QR code and widget." width="3024" height="1656" data-path="product-assets/english-help-context-2026-09-23/chat-links-context-annotated.svg" />
</Frame>

### Step 2: Select Type QR Code

<Frame caption="Choose QR code to generate a scannable chat entry.">
  <img src="https://mintcdn.com/lchnan/rmZYWVwRdpR7TJaI/product-assets/english-help-context-2026-09-23/chat-link-types-context-annotated.svg?fit=max&auto=format&n=rmZYWVwRdpR7TJaI&q=85&s=6ef3e0cbed6a3ecb6c3d8159f3c3d2f2" alt="Link, QR code, and Chat widget choices in the full console." width="3024" height="1656" data-path="product-assets/english-help-context-2026-09-23/chat-link-types-context-annotated.svg" />
</Frame>

### Step 3: Set Link Content

Link Name: For internal display only

Preset Content: When a user clicks the link or scans the QR code, this text will automatically populate the chat input box.

Quick Reply (Optional): You can configure an automatic reply message based on the content.

Click Next after setting up.

<Frame caption="Enter a name and custom message, review the preview, then select Next.">
  <img src="https://mintcdn.com/lchnan/rmZYWVwRdpR7TJaI/product-assets/english-help-context-2026-09-23/chat-qr-settings-context.png?fit=max&auto=format&n=rmZYWVwRdpR7TJaI&q=85&s=b8b536b1a87330138f912d3b397071a6" alt="QR code configuration with a Store demo message and preview." width="3024" height="1656" data-path="product-assets/english-help-context-2026-09-23/chat-qr-settings-context.png" />
</Frame>

### Step 4: Copy Link and QR Code

Successfully generated, download the QR code or link.

<Frame caption="Copy the chat link or download the generated QR code.">
  <img src="https://mintcdn.com/lchnan/TsMGu8UTNQaUw-Rc/product-assets/english-help-demo-2026-09-23/chat-qr-generated-annotated.svg?fit=max&auto=format&n=TsMGu8UTNQaUw-Rc&q=85&s=5f1c656073cb75ef1aa1063641a39e88" alt="Generated WhatsApp QR code with Copy link and Download QR code." width="3024" height="1656" data-path="product-assets/english-help-demo-2026-09-23/chat-qr-generated-annotated.svg" />
</Frame>

## Chat Widget Generation

### Step 1: Click the Create Button

<Frame caption="Select Create to begin configuring a chat widget.">
  <img src="https://mintcdn.com/lchnan/rmZYWVwRdpR7TJaI/product-assets/english-help-context-2026-09-23/chat-widget-entry-context-annotated.svg?fit=max&auto=format&n=rmZYWVwRdpR7TJaI&q=85&s=48ebf481fb9f2d761bd3945ce75618e1" alt="Create button in Chat Links for the business number." width="3024" height="1656" data-path="product-assets/english-help-context-2026-09-23/chat-widget-entry-context-annotated.svg" />
</Frame>

### Step 2: Select Chat Widget

<Frame caption="Choose Chat widget.">
  <img src="https://mintcdn.com/lchnan/rmZYWVwRdpR7TJaI/product-assets/english-help-context-2026-09-23/chat-widget-type-context-annotated.svg?fit=max&auto=format&n=rmZYWVwRdpR7TJaI&q=85&s=923d2f0f08655f7aab61ccfa0606df05" alt="Chat widget option in the Chat Links type selector." width="3024" height="1656" data-path="product-assets/english-help-context-2026-09-23/chat-widget-type-context-annotated.svg" />
</Frame>

### Step 3: Configure the chat content and source tracking

Complete the following fields:

* **Name:** An internal name used to identify this chat widget in YCloud.
* **Your WhatsApp phone number:** The business phone number that receives conversations started from the widget.
* **Custom message:** A preset message that customers can send when they open WhatsApp.
* **Quick reply (optional):** An automatic reply triggered when YCloud receives the configured customer message.
* **Source tracking:** Enable this option to record the URL of the page from which the customer opened the chat widget.

When source tracking is enabled, the page URL is recorded with the incoming conversation. This helps your team understand which page led the customer to contact your business.

<Info>
  **E-commerce use case:** If the same chat widget is installed across multiple product pages, source tracking lets an agent identify the product page the customer was viewing. The agent can then understand which product the customer is asking about before responding.
</Info>

Source tracking records the page URL at the moment the customer opens the widget. It does not record the customer's browsing history.

Click **Next** after completing the configuration.

<Frame caption="Enter the widget name and custom message, review the preview, then select Next.">
  <img src="https://mintcdn.com/lchnan/rmZYWVwRdpR7TJaI/product-assets/english-help-context-2026-09-23/chat-widget-setup-context.png?fit=max&auto=format&n=rmZYWVwRdpR7TJaI&q=85&s=7bb6d4e83e86877081463ae77795b68a" alt="Full Chat widget setup with the Store Widget example and WhatsApp preview." width="3024" height="1656" data-path="product-assets/english-help-context-2026-09-23/chat-widget-setup-context.png" />
</Frame>

### Step 4: Configure Icon Style

* Icon Style: Circle or square, the shape of the icon.
* Color: Icon color selection, supports solid, gradient, and custom colors.
* Widget Position: The position on the computer screen.
* Greeting Message: The automatic pop-up greeting message.
* Delay Display Time: How long after the customer enters the page the greeting message appears.

<Frame caption="Choose the button design, position, and greeting, then select Next.">
  <img src="https://mintcdn.com/lchnan/rmZYWVwRdpR7TJaI/product-assets/english-help-context-2026-09-23/chat-widget-style-context.png?fit=max&auto=format&n=rmZYWVwRdpR7TJaI&q=85&s=06e50a228fd44553de1d3bd033dfba05" alt="Full Chat button Design step with icon, color, position, greeting, and preview." width="3024" height="1656" data-path="product-assets/english-help-context-2026-09-23/chat-widget-style-context.png" />
</Frame>

### Step 5: Configure Widget Information

* Company Logo
* Welcome Message Setup
* Theme Color Configuration
* Button Text Configuration

<Frame caption="Review the widget text, brand color, and preview before selecting Submit.">
  <img src="https://mintcdn.com/lchnan/rmZYWVwRdpR7TJaI/product-assets/english-help-context-2026-09-23/chat-widget-settings-context.png?fit=max&auto=format&n=rmZYWVwRdpR7TJaI&q=85&s=ed94a202d341114a71bfeb7a755b3f76" alt="Full Widget Settings step with text fields and the customer-facing preview." width="3024" height="1656" data-path="product-assets/english-help-context-2026-09-23/chat-widget-settings-context.png" />
</Frame>

### Step 6: Copy Code and Install

Creation successful, copy the generated code and install it on your website.

<Frame caption="Copy the generated code to install the widget on your website.">
  <img src="https://mintcdn.com/lchnan/TsMGu8UTNQaUw-Rc/product-assets/english-help-demo-2026-09-23/chat-widget-generated-annotated.svg?fit=max&auto=format&n=TsMGu8UTNQaUw-Rc&q=85&s=017dbb616e5e47c94b4c1219f9856619" alt="Chat widget creation success with installation code and Copy code." width="3024" height="1656" data-path="product-assets/english-help-demo-2026-09-23/chat-widget-generated-annotated.svg" />
</Frame>

## Frequently asked questions

<AccordionGroup>
  <Accordion title="Can information be modified?">
    Yes. However, modifying the configuration regenerates the link or widget code. Save the changes and replace the existing link or code with the newly generated version.
  </Accordion>
</AccordionGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.