# Booking Form

The Booking Form let's you create a booking form into your website with just a few lines of code.

# Example

You can copy and paste the script below in your website to get the widget running. You need to setup the required attributes public_key.


<script src="https://unpkg.com/vue"></script>
<script src="https://booking-engine.camping.care/cc-book-form.js"></script>

<script>

    const cc_settings = {
        arrival: 'YYYY-MM-DD',
        departure: 'YYYY-MM-DD',
        accommodation_id : 0,
        public_key : '',
        language : 'nl',
        admin_id : 77,
        hide_search_form: true,
        birth_tables : [
            {
                birthdate: "2013-08-02", 
                count:1
            }, 
            {
                birthdate: "1977-03-07", 
                count:1
            }
        ]
    }

</script>

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

An example of the booking form can be found here: https://booking-engine.camping.care/demo-cc-book-form.html

# Properties

# hide_search_form

  • Type: Boolean
  • Format: true or false
  • Default: false

With this attribute you can hide the default search bar on top of the widget. When this is true the following attributes are required: arrival, departure, accommodation_id and birth_tables

# hide_reservation_details

  • Type: Boolean
  • Format: true or false
  • Default: false

If you want to hide the reservation details on the right, you can put this variable on true.