Client Portal Search Widget

Modified on Wed, 27 Mar, 2024 at 2:54 PM

This help document explains how to set up the Client Portal Search Widget to your website. 


TABLE OF CONTENTS


Setup venuedirectory client portal widget

Setup information for the wordpress version of the plugin can be found here

Step 1. Include the Javascript file to your page

<script src="https://www.myeventsportal.co.uk/widget/scripts/client-search-widget.js" type="text/javascript"></script>


Step 2. Add a widget to your page

Add a widget markup in the BODY section of your web page, the content of the widget will be injected into this container.


Example

<body>

      <cp-search-widget widget-key="[WIDGETKEY]" layout="horizontal" button-label="Find"></cp-search-widget>

</body>  


Step 3. Widget configurations

Client portal widget has multiple parameters:

  1.     widget-key (required) - unique id that identifies your client portal instance
  2.     layout (default value - horizontal) - the layout of the widget. Supports 2 layouts: "vertical" and "horizontal"
  3.     country-label, default value 'Country'
  4.     destination-label, default value 'Destination'
  5.     venue-label, default value 'Venue Name'
  6.     delegates-label, default value 'Attendees'
  7.     group-label, default value 'Group'
  8.     supplier-label, default value 'Supplier Name'
  9.     postcode-label, default value 'Postcode'
  10.     button-label, default value 'Search'


Widget Fields

Widget fields are settings driven and mirror search bar fields on the full version of your Client Portal. 


Custom layout and styling

If needed the widget content can be styled locally on your page. 


Setup venuedirectory client portal WordPress plugin

Step 1.

Download the zipped version of an availability plugin from here.


Step 2.

In your WordPress admin area go to "Plugins" -> "Add new" press "Upload plugin" and select the downloaded zip file.

Step 3.

Go to "Plugins" -> "Installed Plugins" and find "Venuedirectory Client Portal Widget". Click "Activate"

Step 4. 

Go to "Appearance" -> "Widgets" and drag the "Venuedirectory Client Portal Widget" widget to an area where you want your plugin to be displayed.

The "Client Portal" widget has 2 settings: expand the widget form and enter the widget key that will be supplied to you by Venuedirectory. In addition to the widget key, you can specify the widget layout: vertical or horizontal.  


Client Portal Search Widget

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article