# Nhúng file

Sau đây là hướng dẫn chi tiết các bước giúp bạn có thể nhúng file/ebook lên website dễ dàng:

{% tabs %}
{% tab title="Bước 1" %}

## <mark style="color:blue;">Truy cập vào màn hình quản lý file/ebook</mark>

Ở menu bên trái màn hình, bạn mở module **Quản lý tài nguyên,** sau đó chọn **Quản lý file/ebook** như hình dưới đây

<figure><img src="/files/NnptpLr21RsCq5zmbzdw" alt=""><figcaption></figcaption></figure>

Hệ thống chuyển sang màn hình quản lý các file/ebook  như sau:

<figure><img src="/files/OpJ6dS8FUBy2KxMlf3Mb" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bước 2" %}

## <mark style="color:blue;">Chọn file/ebook mà bạn cần nhúng lên website</mark>

Tại màn hình quản lý file/ebook, bạn hãy tìm kiếm và nhấn vào tên của file/ebook mà bạn muốn nhúng lên website.&#x20;

Ví dụ:

<figure><img src="/files/3Yd8SUf37NueNC0YfZmA" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bước 3" %}

## <mark style="color:blue;">Sao chép link dẫn tới File</mark>

Sau khi vào được màn hình của một file, hãy sao chép link tải file đó bằng cách nhấn vào link rồi nhấn tổ hợp **Ctrl+C**. Ví dụ như hình dưới đây:

<figure><img src="/files/6TV36TIpWvcaq7lLlAZv" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bước 4" %}

## <mark style="color:blue;">Nhúng file/ebook lên website</mark>

Sau khi copy được link file tại bước 3, bạn hãy dán link đó vào phần scr của thẻ img tại vị trí bạn muốn hiển thị trong source code website của bạn.
{% endtab %}
{% endtabs %}

Dưới đây là một ví dụ cho việc nhúng file vào popup như sau:

Ở các bước cơ bản, bạn thực hiện tượng tự như bài viết [Thiết kế popup](/touchpoint/popup/thiet-ke-popup.md), sau đó, tại bước thiết kế file bạn thao tác như sau:

{% tabs %}
{% tab title="Bước 1" %}

### <mark style="color:blue;">Builder - xây dựng popup</mark>

Bạn nhấn vào ![](/files/WWBl58H7pFSWDonb7Fa3) trên màn hình cấu hình thông tin popup. Tại đây, bạn cần lưu ý mục **Nội dung:**

<figure><img src="/files/Jdk83XHgvpRJ6lIhu2z5" alt="" width="276"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bước 2" %}

### <mark style="color:blue;">Chế độ nội dung</mark>

Bạn chọn định dạng **HTML** cho **Chế độ nội dung** như sau:

<figure><img src="/files/sMlRKuNfAJjpFTwFztve" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bước 3" %}

### <mark style="color:blue;">Chỉnh sửa mã code HTML</mark>

<figure><img src="/files/DhqHIQ6JbggJmK7kW56x" alt=""><figcaption></figcaption></figure>

Bạn hãy copy đoạn code mẫu sau vào phần ô HTML:

<pre><code>&#x3C;div id="hub-js-popup">
<strong>    &#x3C;div class="head-popup">
</strong>&#x3C;a href="..." alt="tvc-danang" title="" target="new" style="display: block;">
<strong>        &#x3C;img src="..." title="" alt="..." class="focus-banner" />
</strong>&#x3C;/a>
    &#x3C;/div>
    &#x3C;div class="body-popup">
</code></pre>

* Trong đoạn code này có một số thông tin bạn cần chỉnh sửa như sau:
  * \<a href="<mark style="color:red;">**link điều hướng khi click vào pop-up**</mark>"
  * alt="<mark style="color:red;">**nội dung hiện khi rê chuột vào pop-up**</mark>" ( Bỏ trống nếu bạn không muốn hiện)
  * img src="<mark style="color:red;">**link file/ebook**</mark>"  (bạn tải file/ebook lên module Quản lý file/ebook và copy link file/ebook vào đây)

<figure><img src="/files/t3PT97goX4t6M3WHlcKa" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bước 4" %}

### <mark style="color:blue;">Lưu popup</mark>

Cuối cùng, nhấn lưu trữ pop-up vừa tạo để tiến hành bước tiếp theo.
{% endtab %}
{% endtabs %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help-cdp.hub-js.com/cdp-operation/marketing-tools/file/nhung-file.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.