Bỏ qua nội dung

Customization

Tùy chỉnh là một tính năng mạnh mẽ mà bạn có thể sử dụng để kiểm soát mọi khía cạnh tích hợp với Wink mà không cần phải viết bất kỳ mã nào. Mọi mặt hàng tồn kho bạn bán đều có thể được tùy chỉnh. Thêm hoặc xóa các tính năng, thay đổi bảng màu và nhiều hơn nữa.

Tùy chỉnh
Mục nhập tùy chỉnh

Trong khi trênCustomizationtrang, nhấp vàoActionsnút bên dưới tùy chỉnh bạn muốn làm việc và nhấp vàoUpdate. Bạn đã có mục nhập mặc định khi tạo tài khoản. Không thể xóa mục nhập này.

Thao tác này sẽ đưa bạn đến biểu mẫu tùy chỉnh, tại đó bạn có thể thấy 5 - 7 tab (tùy thuộc vào loại tài khoản của bạn).

Dưới đây là các tùy chọn có sẵn cho bạn theoGeneraltab.

  • TênĐặt tên cho tùy chỉnh của bạn để dễ nhớ.ví dụ: Đối với blog du lịch của tôi
  • Hiển thị tiền tệChọn loại tiền tệ ban đầu mà người dùng sẽ thấy hiển thị bên cạnh danh mục du lịch có thể đặt trước.ví dụ USD
  • Ngôn ngữ hiển thịChọn ngôn ngữ đầu tiên mà người dùng sẽ gặp.ví dụ tiếng Anh
  • Thêm vào tiêu đề trangBạn có thể kiểm soát những gì được thêm vào tiêu đề trang (tiêu đề bạn nhìn thấy trong tab trình duyệt). Điều này chủ yếu được sử dụng cho công cụ đặt phòng của chúng tôi.Ví dụ: Nếu bạn điều hướng đến https://ota.wink.travel, theo mặc định, bạn sẽ thấyHome | Traveliko - Hotels with Benefits. Bạn có thể thay đổi mọi thứ sau dấu ’|’.

CácThemetab cho phép bạn tùy chỉnh giao diện của chúng tôicông cụ đặt phòngtrang web,Liên kết nháy mắttrang web và tất cả của chúng tôiThành phần Web.

Phần này cho phép bạn cấu hình thiết kế và bố cục thẻ. Hiện tại, chỉ có một thiết kế; cụ thể là Wink.

Bố cục thẻ kiểm soát việc bạn muốn người dùng của mình nhìn thấy các thẻ giao dịch được căn chỉnh theo chiều ngang hay chiều dọc. Thông tin là như nhau.

:::lưu ý Không có sự khác biệt nào về bố cục thẻ khi xem thẻ giao dịch của chúng tôi từ thiết bị di động. Tuy nhiên, bạn có thể thấy sự khác biệt trên iPad mini và độ phân giải lớn hơn. :::

:::tip[Mẹo chuyên nghiệp] Sử dụng bố cục theo chiều ngang nếu bạn chỉ có < 4 danh mục du lịch (tức là loại phòng) trong danh sách… trông đẹp hơn. :::

Màu sắc kiểm soát cách người dùng của bạn nhìn thấy bất kỳ thành phần UI và trang web nào của chúng tôi. Sử dụng nó để phù hợp với bảng màu hiện có của bạn [nếu có].

Chúng tôi đã có sẵn nhiều lựa chọn màu sắc được xác định trước mà bạn có thể bắt đầu sử dụng. Các chủ đề được xác định trước sẽ thay đổi màu sắc trong các trường biểu mẫu bên dưới. Bạn cũng có thể sử dụng hoàn toàn màu sắc của riêng bạn.

Màu sắc
Màu sắc hình thành

Hãy kiểm tra bảng màu của bạn trong hộp thử nghiệm dành cho nhà phát triển bên dưới.

Chủ đề

:::lưu ý Chúng tôi dựa trên quy ước đặt tên bảng màu của mình trên Bootstrap CSS. Đọc thêm về tên của từng màu trênTrang web Bootstrap CSS. :::

:::tip[Mẹo chuyên nghiệp] Hộp cát dành cho nhà phát triển cho phép bạn sửa đổi chiều rộng của mỗi thẻ bằng cách kéo hình chữ nhật màu xám, nằm ở phía bên phải của thẻ, để xem thẻ trông như thế nào với các độ phân giải khác nhau. :::

Chúng tôi hỗ trợ phân tích GA4 ngay khi cài đặt. Nếu bạn muốn theo dõi toàn bộ lộ trình chuyển đổi thương mại điện tử nâng cao của mình, từ đầu đến cuối, hãy chuẩn bị ID đo lường của bạn và nhập vào trường bên dướiAnalyticstab.

Để nhúng bản đồ của chúng tôi vào trang web của bạn bằng cách sử dụngTiện ích bổ sung WordPress hoặc Thành phần Web, bạn cần cung cấp cho chúng tôi khóa API Google Maps của riêng bạn.

:::ghi chú Tạo khóa API Google Maps tại đây :::

Sau khi bạn đã tạo khóa và định cấu hình khóa đó cho trang web của mình, hãy nhập khóa đó vàoAnalyticstab.

CácItinerarytab có lẽ là mục thú vị nhất về việc đảm bảo giá hiển thị cho hàng tồn kho bạn đã chọn. Vì giá hàng tồn kho du lịch khá phức tạp, Wink cần biết hành trình của người dùng trước khi có thể hiển thị giá chính xác.

Phần này cho phép bạn thiết lập hành trình mặc định để hiển thị giá cho tất cả bất động sản kỹ thuật số của chúng tôi, chẳng hạn như:

  • Hình ảnh thân thiện với mạng xã hội của chúng tôi có kèm giá.
  • Lưới, thẻ và liên kết của WinkLinks.
  • Thành phần Web
  • Công cụ đặt phòng

Bạn có thể chọn thiết lập phạm vi ngày tĩnh hay phạm vi ngày thay đổi.

  • Chọn phạm vi ngày tĩnh nếu bạn sẽ sử dụng tùy chỉnh cho một sự kiện cụ thể diễn ra vào một ngày nhất định.
  • Chọn phạm vi ngày liên tục nếu bạn muốn:
    1. Mặc định là hôm nay + 1 đêm, hầu hết các OTA đều thực hiện HOẶC.
    2. Mặc định là một ngày trong tương lai luôn có sẵn.

Theo mặc định, hành trình được đặt thành 2 người lớn vì đây là cài đặt phổ biến nhất đối với hầu hết du khách. Bạn có thể dễ dàng thay đổi cài đặt này và có thể thêm nhiều phòng với nhiều người ở; cả người lớn và trẻ em.

Khuyến mãi là một tính năng tiện lợi giúp người dùng tiết kiệm thời gian. Nếu một bất động sản cung cấp cho bạn mã khuyến mãi mà bạn có thể chia sẻ với bạn bè, bạn có thể chọn nhập mã đó tại đây. Bất kỳ ai đến thông qua liên kết của bạn hoặc tương tự sẽ tự động nhận được mã khuyến mãi được thêm vào hành trình của họ và họ sẽ thấy giá giảm được áp dụng tự động.

CácIntegrationtab dành cho các khách sạn, đơn vị tích hợp và đại lý du lịch muốn kiểm soát nhiều hơn cách phân phối đặt phòng trên Wink.

Điều này cung cấp cho khách sạn và đơn vị tích hợp tùy chọn để Wink thông báo cho tất cả các bên liên quan khi có đặt phòng. Điều này bao gồm thông báo cho người quản lý kênh.

Theo mặc định, tất cả các tùy chọn này đều được bật. Các trường hợp sử dụng mà một nhà tích hợp có thể muốn tắt một hoặc nhiều tính năng sau:

  • Đại lý du lịch được tích hợp ở cấp API và muốn gửi email xác nhận của riêng họ.
  • Khách sạn đang thử nghiệm tính năng tích hợp và không muốn làm phiền nhân viên bán hàng.
  • Khách sạn không quan tâm đến email và chỉ muốn nhận thông báo qua PMS.

Đối với những nhà tích hợp muốn sử dụng dịch vụ thông báo qua email của chúng tôi, họ có thể tùy chỉnh email sao cho giống như email đó đến từ họ.

:::lưu ý Kích thước khuyến nghị là rộng 300px x cao 75px :::

Dưới đâyHotel-specifictab là các tùy chọn cho phép khách sạn kiểm soát những gì hiển thị trên trang đích của công cụ đặt phòng của chúng tôi và những gì sẽ hiển thị khi không có phòng trống cho hành trình được yêu cầu.

  • Xếp hạng:Một tài sản chưa đạt được thứ hạng có ý nghĩa nào có thể chọn tắt tính năng đó.

:::lưu ý Bất động sản không thể kiểm soát cách một chi nhánh chọn hiển thị trang đích của khách sạn… Đó là hai cấu hình khác nhau. :::

  • Khả dụng: Cho phép cơ sở lưu trú lựa chọn có tiếp tục hiển thị hàng tồn kho hay không ngay cả khi không còn hàng.

:::lưu ý Trong hầu hết các trường hợp, thuộc tính sẽ muốn cung cấp cho người dùng một cách để nhấp vàoBooknút để tiếp tục đến trang đích của họ, nơi họ có thể thay đổi hành trình và cố gắng tìm ngày có sẵn. Bật công tắc này khi bạn muốn chặn người dùng tiếp tục. :::

Trong hầu hết các tình huống, bạn sẽ chọnCustomizationđể áp dụng cho các liên kết, thẻ, bản đồ và lưới của bạn.

Sau đây là những thời điểm bạn có thể muốn áp dụng cấu hình theo cách thủ công:

  • Ghi đè thủ côngBạn muốn chia sẻ liên kết đến công cụ đặt phòng của chúng tôi trực tiếp và không sử dụngLiên kết có thể chia sẻtính năng, với cấu hình tùy chỉnh của bạn được áp dụng.
  • Tiện ích bổ sung WordPressThêm cấu hình vào Wink của bạnTiện ích bổ sung WordPress Settings.
  • Tích hợp tùy chỉnhÁp dụng thủ công vào trình tích hợp tùy chỉnh của bạn bằng cách sử dụngwink-app-loaderThành phần Web.

Sau đây là một ví dụ đơn giản về cách áp dụng ID cấu hình cùng tất cả các cài đặt của bạn vào URL công cụ đặt phòng chính của chúng tôi.

https://ota.wink.travel?configurationId=ID-DUY-ĐỘC-CỦA-MY

:::lưu ý Khi người dùng nhấp vào liên kết này, bạn cũng sẽ đặt cookie ghi nhận liên kết của mình. :::

Điều hướng đếnTiện ích mở rộng Wink WordPressđể tìm hiểu thêm.

Kiểm soát tất cả các thành phần web Wink nhúng của bạn trên một trang bằngwink-app-loaderThành phần Web.

Dưới đây là một mẫu sử dụngMY-UNIQUE-IDlàm ID cấu hình.

<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="MY-UNIQUE-ID"
></wink-app-loader>
</body>
</html>

Giao diện lập trình ứng dụng (API)

Section titled “Giao diện lập trình ứng dụng (API)”

Các nhà phát triển muốn quản lý tùy chỉnh có thể truy cậpNhà phát triển > API > Hàng tồn kho.