Keyboard shortcuts

Press ← or → to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Guide: HH WebView Integration v2

http://booking.hungryhub.com/

This document is currently a work in progress, and it is possible that there will be changes made to it in the future to improve its content and completeness.

Requirement for Partners:

We need every partner to provide 2 APIs:

  1. API to provide user information
  2. API to receive webhook from HungryHub whenever a booking has been created/modified

HungryHub WebView Documentation

Base URL

Production: https://booking.hungryhub.com/ Staging: https://hungryhub-build-staging.netlify

Requirement

  1. Use the mobile view or a screen size below 767px before accessing. Currently, we detect whether it's mobile or not based on the screen size.

URL & Query Params

DescriptionExampleIs Required
Partner name query paramspartner=tagthairequired
Vendor Token query params.
This token is encrypted data of user details. The user fields in the booking confirmation form will be populated based on this data. See		token=xxxrequired
Layout query paramslayout=plainoptional
Locale query params (en/th)locale=enoptional
envenv=venus/newstaging

venus = for uat
newstaging = for sit
required in staging but not in production

Example url in staging :

https://hungryhub-build-staging.netlify.app/?locale=en&env=venus&partner=tagthai&token=5b7da2a52b22999c7bd530c67ac365c3287564056e70ebb8648c576c1b2d9beC

Example url in production :

https://web-partners.hungryhub.com?locale=en&partner=tagthai&token=5b7da2a52b22999c7bd530c67ac365c3287564056e70ebb8648c576c1b2d9beC

Payment Methods

You can use the following payment methods for testing purposes:

Credit/Debit Card

Card Test UAT (Server Test)

Card NumberMM/YYCVVName
4535 0177 1053 574105/28184Tagthai User

Card Test UAT (Server Test)

Card NumberMM/YYCVVName
5258 8606 8990 586202/25950Tagthai User

True Wallet

True Wallet test number:

no: 0830443596
otp: 123456

QR Code

After making the payment with the QR Code, upload the QR Code to the link below:

http://qrtool.globalprimepay.com/qr

Manage Reservations Data as Restaurant Staff

This functionality is provided for testing only On production, partners can access the booking data by using another portal, see

Restaurant Owner Dashboard

Use the following links and login details to access the Restaurant Owner Dashboard to manage reservations.

Login Page: https://hhstaging.dev/dashboard/v2/owners/sign_in?locale=en

  1. Restaurant: The Seafood Cafe & Restaurant

Email: seafood_cafe@hungryhub.com

Password: nasigorengspesial

  1. Restaurant: The Earth Kitchen at Zenseana Resort and Spa (Phuket)

Email: theearthkitchen@hungryhub.com 

Password: nasigorengspesial

Video Demo

https://t9003122396.p.clickup-attachments.com/t9003122396/a82e174b-1aba-4fd4-9ac7-3dbd6b6dcb87/Screenshare%20-%202023-06-15%2010_33_07%20AM.mp4?open=true

How to Modify Booking

To modify your booking, you can use the Modify Booking WebView. Please follow these steps:

  1. Retrieve the modify_url from the response of the following API call: {{base_url}}/api/vendor/v1/reservations/276400.json

  1. Add query params partner=tagthai & locale=en/th

Example:

https://hhstaging.dev/reservations/my-reservation/OyW08.html?locale=en&partner=tagthai
  1. Visit the modify_url, and you will be directed to this WebView.

  1. You can make changes to your booking in the WebView.

How To Access Booking Report