The Affiliate Booking Widget is the platform module used to create and manage the embeddable widget.
In the CMS, navigate Dashboard > Affiliates > Add New.
Add Title: add a descriptive title for the widget; this is not visible to customers.
Details
Rate Rule: click the dropdown field and choose the corresponding rate rule.
Email: enter an email address to serve as the point of contact
Click publish after this information has been entered to create the widget asynchronous embed code.
Below the embed code, a preview of the widget in its default state will be shown and will update as items are configured.
Customise Widget
This section configures input and design components of the widget.
General
Force Same Return Country: only applicable if the client has depots in multiple countries. Enabling this option will restrict the return depot options to only those in the same country as the pick up location.
Depots: select which depots to display in the widget
Default Depot: select which depot to display as the default depot on the depot selectors. Can be left blank.
Vehicle Type: only applicable if Passenger/Commercial vehicle categorisation is being utilised.
Max Width: maximum width, in pixels for the widget to display on the page it's embedded on.
Background Colour: background colour of the widget box.
Border Width: adds a border up to 5px wide around the widget box.
Border Colour: change the colour of the widget border.
Labels
This section configures the widget field Labels colour, size and capitalisation.
Inputs
Input Font Colour: the font colour of the data inputs e.g. the location and date selectors.
Input Font Size: select the input font size up to 30px.
Input Border Colour: adds a border colour around the input boxes.
Input Border Width: adds a border up to 5px wide around the input boxes.
Icon Colour: change the colour of the icons used on the date selector inputs.
Input Border Rounded: enable to round the corners of the input boxes.
Buttons
Button Colour: change the colour of the widget booking/search button
Button Font Size: select the button font size up to 30px.
Button Font Colour: change the colour of the widget booking/search button font.
Button Label: enter the text to be displayed on the button e.g. Search / Book / Find etc
Button Rounded: enable to round the corners of the booking/search button.
Once all items have been configured, hit Publish/Update to save. The code can now be copied and embedded on the external webpage. For the widget to be displayed on the external site, the Carcloud subdomain will need to be live. Each time changes are made to the widget, they can first be previewed on the Preview panel and then the Carcloud site will need to be published for the changes to reflect on the embedded site.
Sharing the Affiliate Booking Widget
Once you have setup your Affiliate partners with the correct codes, you are ready to share the details with them. You will need to provide them with the "Asynchronous embed code", which is available once the Affiliate details are saved.
Instructions for your Affiliate partners
This Javascript code needs to be embedded on the page where you want the booking widget to appear.
Your developers are able to style the widget using CSS so that it matches the existing page styling.
When using the widget to search, the renter will be redirected to the car rental website to complete the booking. The car rental company will manage the full booking process including payment.
Bookings will be tracked in the car rental reservation software and commissions paid as agreed.