Logo

Documentation for the GreenSign Widget

With the GreenSign Widget, you can conveniently integrate your GreenSign rating into your existing website.

To display the widget on your website, you need your GreenSign ID. You can request this directly from GreenSign.

The integration should be carried out by a person experienced in web development. If you do not have a contact person for this purpose simply contact us: greensign-support@eick.it

Documentation is too complicated?

Start generator

Positions and display of the widget

When choosing the position, please make sure that you do not hide important elements on your website, e.g. the mobile navigation (usually in the top right).

JavaScript Code

<script>
(function(h,o,t,e,l,g,s){h[l]=h[l]||function(){
    (h[l].q=h[l].q||[]).push(arguments)},h[l].l=1*new Date();g=o.createElement(t),
    s=o.getElementsByTagName(t)[0];g.async=1;g.src=e;s.parentNode.insertBefore(g,s)
})(window,document,'script','https://api.greensign.de/widget/greensign.js','gs');

gs("GSXXXXX");
</script>

Insert the above code before the closing </body> HTML tag in your web page.

Important!

Please replace "GSXXXXX" with your Greensign ID. For SPA, OFFICE and Gastro certifications, another parameter (type) is required, see below.

JavaScript Options

You can additionally set options for placing the widget according to your wishes. Without options, the widget is always displayed as a bubble at the bottom right of the screen.

gs("GSXXXXX", { /* You pass the options as the second parameter of the gs function as a JavaScript object */ });

Example: With the following code, the widget is displayed at the bottom left instead.

<script>
(function(h,o,t,e,l,g,s){h[l]=h[l]||function(){
    (h[l].q=h[l].q||[]).push(arguments)},h[l].l=1*new Date();g=o.createElement(t),
    s=o.getElementsByTagName(t)[0];g.async=1;g.src=e;s.parentNode.insertBefore(g,s)
})(window,document,'script','https://api.greensign.de/widget/greensign.js','gs');

gs("GSXXXXX", { position : "bottom-left" });
</script>

List of available options

Option Explanation Possible values Example
type Certification type hotel, office, spa 
gs("GSXXXXX", { type : "office" });
For the "Office", "Gastro" and "Spa" type certifications, this information is mandatory!
position Display position of the widget bottom-left, bottom-right, top-left, top-right, center-left, center-right 
gs("GSXXXXX", { position : "bottom-left" });
When choosing the position, please make sure that you do not hide important elements on your website, e.g. the mobile navigation (usually in the top right)..
size Display size of the widget default, large 
gs("GSXXXXX", { size : "large" });
lang Language of the content of the widget. Without this option, an attempt is made to automatically detect the user's language. auto, de, en, it, fr, es 
gs("GSXXXXX", { lang : "de" });
container You can also integrate the widget into the layout of your website. To do this, you can specify a CSS selector here, e.g. of a DIV element in which the widget will be inserted. [CSS SELECTOR] 
<div id="greensign-widget-container"></div>

gs("GSXXXXX", { container : "#greensign-widget-container" });
booking Inserts a button with a link into the widget. You can use this, for example, for a link to the booking page. JavaScript Object (German, English, Italian, French, Spanish - example below) 
gs("GSXXXXX", booking : {
		de : {
			text : "Jetzt buchen",
			link : "https://www.greenline-hotels.com"
		},
		en : {
			text : "Book a room",
			link : "https://www.greenline-hotels.com"
		}
	});
Imprint