Skip to main content

Embedding the widget into the website

Survey module

Written by Anett Hirschmann

As part of RESnWEB's survey module, you have the option to place a widget on your website to draw the website visitor's attention to your accommodation's guest satisfaction indicator.

Preconditions for embedding

  1. The domain has a valid SSL certificate

  2. The accommodation’s identifier and the embedding key are available to insert the code

May result in malfunction:

Embedding

The widget embedding code generated in the RESnWEB administration interface must be inserted after the opening <body> tag of the HTML document.

The iframe is wedged into the DOM immediately after the inserted code, so the insertion point can be an important aspect.

The code generated in the “For web developers” menu item of the RESnWEB extranet looks like this:

Embed code sample

<script src="https://nethotelbooking.net/embed.RESnWEB.js?id=SAMPLE"></script>

Source code generation

  1. In the extranet click on the Hotel information / For web developers menu item in the left menu.

  2. In the table under the “Integration codes” tab, find the iframe key for which you want to generate the embed code.

  3. Click on the green "Survey widget" button at the bottom of the page.

  4. In the pop-up window please fill in the required fields, then click on the “Generate source code” button.

  5. Find the newly created embedding setting from the table and click on the copy icon to copy the source code to the clipboard.

1) Layout

2) Widget width. Setting a value lower than 260px is not recommended.

3) Widget height. Setting a value lower than 280px is not recommended.

4) Survey page URL. When clicked the browser will navigate to this URL.

5) Default language of survey widget

The survey widget offers three layout options:

  1. Mini

The default view. The evaluation of evaluating-scale type comments and the number of guest comments are displayed.

Recommended width and height: 260px × 280px.

2. Row

A 'mini" type layout with additional guest comments in the horizontal direction.

Recommended width and height: 260px × 840px.

3. Column

A 'mini" type layout with additional guest comments in the vertical direction.

Recommended width and height: 840px × 280px.

Survey page URL

In case you want to show the specific guest comments to interested parties, you need to create a separate subpage for guest reviews and make the necessary settings in the 'For web developers' menu. After that, please enter the URL of the subpage in the survey page URL field, so that the guest can click on the widget or the More Reviews button to be redirected to the page listing the reviews.

Troubleshooting

  • Check that the accommodation ID and embed key are correct

  • When embedding within a content management system (CMS), it is worth using the browser's developer toolbar to make sure that the structure of the code you are pasting is compliant (the variable names are correct, the remote JavaScript file reference is correct).

  • Check, using the browser's development tools, that no errors occurred while the program was running.

Did this answer your question?