Cách xuất file Canva trò chơi, bài giảng,... dưới dạng HTML, iframe

Không phải ai cũng biết cách xuất file từ Canva để có thể chèn trực tiếp vào website. Thực tế, Canva đã cung cấp sẵn tính năng nhúng thông qua mã HTML iframe cực kỳ tiện lợi. Chỉ với vài thao tác đơn giản, bạn có thể hiển thị toàn bộ thiết kế Canva trực tiếp trên website mà không cần tải file về hay chỉnh sửa phức tạp. Điều này đặc biệt hữu ích với giáo viên, blogger hoặc người làm nội dung số muốn chia sẻ tài liệu. Dưới đây là hướng dẫn chi tiết.

Hướng dẫn xuất file Canva dạng dạng HTML, iframe

Bước 1:

Trước hết bạn mở file trên Canva muốn xuất sang HTML để chèn vào trong website. Nhấn nút Chia sẻ ở góc trên bên phải, hiển thị menu tùy chọn, chúng ta nhấn vào Xem tất cả để mở rộng tùy chọn.

Bước 2:

Trong giao diện này bạn chọn mục Nhúng để thực hiện.

Lúc này bạn thấy tùy chọn sao chép liên kết HTML hoặc liên kết nhúng thông minh, tùy vào loại liên kết mà trang web hoặc nền tảng của bạn hỗ trợ

Chúng ta sẽ sử dụng đoạn mã HTML để nhúng thiết kế Canva vào bất cứ website nào.

Ví dụ

<iframe src="https://www.canva.com/design/xxxxx/view?embed" width="800" height="600"></iframe>

Bạn có thể điều chỉnh lại kích thước trong đoạn mã để phù hợp với trang web của mình.

Để tối ưu kích thước hiện 100% thì dùng đoạn mã dưới đây.

<iframe src="https://www.canva.com/design/xxxxx/view?embed" width="100%" height="600"></iframe>

Bước 3:

Mở website và vào phần chèn thiết kế, dán đoạn iframe vào vị trí bạn muốn hiển thị.

Ví dụ

<div class="canva-embed">

<iframe src="https://www.canva.com/design/xxxxx/view?embed" width="100%" height="600"></iframe>

</div>

Cuối cùng kiểm tra và lưu lại thiết kế trong trang web bạn nhúng.