# Introduction

With our widgets you can simply insert a booking form, a search bar or an interactive map to your website. Each widget can be populaited with attributes and they will generate events when something changes.

This makes them perfect to interact with your own website or app.

# Get started


<meta charset="utf-8">
<title>cc-book-form demo</title>
<script src="https://unpkg.com/vue"></script>
<script src="https://booking-engine.camping.care/cc-book-form.js"></script>

<script>

    const cc_settings = {
        public_key : '', // The public api can can be generated in your account -> settings ->api
        admin_id : 77 // you can find your admin id at the dashboard of camping.care.
    }

</script>
<cc-book-form></cc-book-form>


# Example

An example of the booking form can be found here: https://cc-bookingengine.web.app/demo-cc-book-form.html

# Attributes

Attributes can be added to the cc_settings constant. If you want to force a language you can add language for example:


<script>

    const cc_settings = {
        public_key : '',
        admin_id : 77,
        language : 'de',
    }

</script>