English (United Kingdom)
Knowledge Base  >  Vik Booking  >  Installation & First Setup  >  How to see the Plugin in the front-site

Once the Vik Booking plugin has been configured from the Administrator section, you may want to publish some contents in the front-end such as the Rooms List, the Search Form, the General Availability etc...

You need to do two tasks in order to see the plugin correctly in your front page.

Step 1: Setup the Vik Booking Search Form widget in your homepage.

This task is just for those who want to have the Vik Booking Search Form in their homepage, like our demo website here.
In your homepage you always need to use the Vik Booking Search Form widget instead of the "Search Form" shortcode of Vik Booking, it means that you can never use the shortcode in your homepage.

Setup your widget inside a Sidebar of your Theme from the Appearance > Widgets menu of your Admin side.

Note: would you add the widget to your homepage but you don't know how to do it?

In case you are using a page builder such as Elementor or WPBakery you can check our dedicated tutorials. You can find them in the Widgets section of this Knowledge Base here.
In the WPBakery tutorial you can also find how to create a generic custom sidebar in case your theme doesn't provide it.

Step 2: Create the following shortcodes and add them to your WordPress pages.

In order to link and display the pages of the plugin in the front-end, it is necessary to create some new shortcodes. For the correct functioning of the booking process in Vik Booking, you need to configure these fundamental shortcodes:

  • Rooms List
  • Search Form
  • Booking Details

You can access the shortcodes view by clicking on the shortcodes button in the VikBooking Dashboard page of the wp-admin section. 

After entering the shortcode view, you should click on the New button at the top of the page, to start creating a new shortcode.

At that point, you will be able to select the type of shortcode you would like to create. By making a selection, the parameters for that type of page will be displayed. Make sure to set them up properly, then give the shortcode a Name and click Save.

Here there is an example on how to create the Package List shortcode:

Now you will need to create a new WordPress Page, then assign that page to a menu and insert, inside that WordPress Page, the shortcode generated by the component.

You can also click on the '<>' button to select a shortcode from a selection of VikBooking shortcodes.

After selecting the newly created shortcode, the shortcode data should appear in the page editor. After this you should click the publish button to publish the page.

Next, you should assign this page you have created to a menu, this way it will be visible in the front-end. You can do this from the 'Appearance > Menus' page in the administrator section.

The front-end will now list a View of the component, of the type selected when creating the shortcode.

Last Update: 2021-01-13
Helpful?
48% of people found this helpful.
This site uses cookies. By continuing to browse you accept their use. Further information