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.
When using the widget to search, the customer will be redirected back to the Carcloud subdomain for the booking process and finalisation.