# Chat Links

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

Setup guidance: Home > WhatsApp accounts > Phone number settings > Chat Links

## 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 web 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

<figure><img src="https://3466127247-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSIAnjLP6KQY5rvyuaq5K%2Fuploads%2Fz4m2zS12sVwAF7QKLCIf%2Fimage.png?alt=media&#x26;token=8f657552-6ba2-47be-a055-19bf1c8b9c2f" alt=""><figcaption></figcaption></figure>

### Step 2: Select Type QR Code

<figure><img src="https://3466127247-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSIAnjLP6KQY5rvyuaq5K%2Fuploads%2F8Ql7T2n6L4kqMxSseD5W%2Fimage%20(248).png?alt=media&#x26;token=db262af3-a726-4814-8fb7-df4abe4933df" alt=""><figcaption></figcaption></figure>

### 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.

<figure><img src="https://3466127247-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSIAnjLP6KQY5rvyuaq5K%2Fuploads%2F6EdgHR4rNh2PdXvYqKVC%2Fimage%20(250).png?alt=media&#x26;token=6b3edf3e-93a4-411b-8c0e-1f568bb817e4" alt=""><figcaption></figcaption></figure>

### Step 4: Copy Link and QR Code

Successfully generated, download the QR code or link.

<figure><img src="https://3466127247-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSIAnjLP6KQY5rvyuaq5K%2Fuploads%2Ff25p3RYkiYX3uQHmpbZU%2Fimage%20(251).png?alt=media&#x26;token=012350fb-e279-4a9a-91c5-f6673093fcb7" alt=""><figcaption></figcaption></figure>

## Web Widget Generation

### Step 1: Click the Create Button

<figure><img src="https://3466127247-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSIAnjLP6KQY5rvyuaq5K%2Fuploads%2FzoH3zlxlxEiPKensCSQu%2Fimage%20(247).png?alt=media&#x26;token=798ebef2-1d6c-4a38-af19-a733b2f06d58" alt=""><figcaption></figcaption></figure>

### Step 2: Select Type Web Widget

<figure><img src="https://3466127247-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSIAnjLP6KQY5rvyuaq5K%2Fuploads%2FSXRDNZrHMNPKZrU3rsDp%2Fimage%20(252).png?alt=media&#x26;token=2a7ef2b1-31b0-494b-ac88-cb4d6cbdf0b5" alt=""><figcaption></figcaption></figure>

### Step 3: Set 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 preset content.

Click Next after setting up.

<figure><img src="https://3466127247-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSIAnjLP6KQY5rvyuaq5K%2Fuploads%2FGGHzW17yBXoWmaI55Ut1%2Fimage%20(253).png?alt=media&#x26;token=fbe70d9c-2287-4fa0-b914-56651d99b66a" alt=""><figcaption></figcaption></figure>

### 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.

<figure><img src="https://3466127247-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSIAnjLP6KQY5rvyuaq5K%2Fuploads%2F8jklj72nrVzZOMJwERqz%2Fimage%20(255).png?alt=media&#x26;token=4fb99a3e-dcc1-438e-b369-f8276f203237" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3466127247-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSIAnjLP6KQY5rvyuaq5K%2Fuploads%2Fy7wg3DqhdVmLxgT1F9PV%2Fimage%20(256).png?alt=media&#x26;token=932c7a8a-8431-4ff0-a56f-c87bfb3fe7e1" alt=""><figcaption></figcaption></figure>

### Step 5: Configure Widget Information

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

<figure><img src="https://3466127247-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSIAnjLP6KQY5rvyuaq5K%2Fuploads%2FYMhRKYipWSbogyPkckX6%2Fimage%20(258).png?alt=media&#x26;token=e669daa8-1254-4d15-9188-850e5d9ff0fe" alt=""><figcaption></figcaption></figure>

### Step 6: Copy Code and Install

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

<figure><img src="https://3466127247-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSIAnjLP6KQY5rvyuaq5K%2Fuploads%2Fcdg793iX4LlmmHVxnOLb%2Fimage%20(259).png?alt=media&#x26;token=b26a19c5-8973-429e-99b8-ffb5c0d5515f" alt=""><figcaption></figcaption></figure>

## Frequently Asked Questions

<details>

<summary>Can information be modified?</summary>

Yes, but modifications will regenerate the link, please re-save and replace the link.

</details>