DolceBot

DolceBot Widget

Widget di prenotazione embeddabili per siti web partner. Seleziona date e ospiti direttamente dal sito del partner, completa prenotazione e pagamento su DolceBot.

Layout Orizzontale

Italiano

Per header, barre di ricerca, aree larghe. Si adatta automaticamente su mobile.

"color:#94a3b8"><!-- Blu Apartment -->
<dolcebot-widget
  "hl">property-id="80b3567e-e290-4d3c-aee3-3d8a23c90222"
  "hl">lang="it"
  "hl">layout="horizontal"
></dolcebot-widget>

Horizontal Layout

English

Same widget, English language. For international property websites.

"color:#94a3b8"><!-- Saffron Suite -->
<dolcebot-widget
  "hl">property-id="bf2a7ac8-7af4-4364-97a0-9937a284d7c1"
  "hl">lang="en"
  "hl">layout="horizontal"
></dolcebot-widget>

Layout Verticale

Italiano

Per sidebar, colonne laterali. Include un calendario inline per selezionare le date.

Villa Iris

Questa area simula il contenuto della pagina del partner accanto al widget in sidebar. Il widget verticale e' pensato per essere posizionato in una colonna laterale (max 360px) con il calendario sempre visibile.

"color:#94a3b8"><!-- Villa Iris -->
<dolcebot-widget
  "hl">property-id="629d669c-52e2-4225-beb7-95413720b1d3"
  "hl">lang="it"
  "hl">layout="vertical"
></dolcebot-widget>

Vertical Layout

English

Suite Leonardo Da Vinci

This area simulates the partner page content next to the sidebar widget. The vertical layout is designed for narrow columns (max 360px) with an always-visible inline calendar.

"color:#94a3b8"><!-- Suite Leonardo Da Vinci -->
<dolcebot-widget
  "hl">property-id="953a39a2-7ec9-4314-93ae-2b73de8ed478"
  "hl">lang="en"
  "hl">layout="vertical"
></dolcebot-widget>

Integrazione

Per integrare il widget nel tuo sito, aggiungi lo script una volta nell'header e poi usa il tag <dolcebot-widget> dove vuoi mostrare il widget.

<!-- Aggiungi una volta nell'<head> o prima di </body> -->
<script src="https://ota.dolcebot.com/widget/dolcebot-widget.js" defer></script>

<!-- Poi usa il widget dove vuoi -->
<dolcebot-widget
  property-id="IL_TUO_PROPERTY_ID"
  lang="it"
  layout="vertical"
></dolcebot-widget>

Attributi

Attributo	Valore	Descrizione
`property-id`	UUID (obbligatorio)	ID Channex della proprieta'
`lang`	`it` \| `en`	Lingua del widget (default: it)
`layout`	`horizontal` \| `vertical`	Layout del widget (default: horizontal)