Follow these steps to install your TuriTop booking system's widget on your WordPress page using our Plugin. The installation is very simple and it will not take you more than just a few minutes to complete.
Step 1: plugin's activation
The first thing to do is to access your WordPress control panel. Once logged in, follow these 5 steps to install the plugin::
- Click on Plugins.
- Click on Add new.
- Enter TuriTop in the search engine box and wait for the TuriTop's plugin to show.
- Click on Install now.
- Once you have clicked on Install now, that same button will show Activate, click on it to make the plugin operational.
Once you have installed and activated the TuriTop plugin, you will see a new icon in the left sidebar of your WordPress menu, showing the word TuriTop.
Step 2: Overall configuration
Step 2.1: Overall configuration
Click on the TuriTop icon to see a new screen like the one below.
Optional features:
- First of all, enter your company_id , you may find this number on your TuriTop's control panel in the upper right corner, It will always be a letter followed by numbers. This is the only essential point to install TuriTop in your WordPress. You can ignore the rest of the points if you want and click on Save Settings.
- (Optional) Activate Google Analytics, as long as your plan includes this functionality. Learn more here.
- By default, it shows the booking widget or the "Book now" button.
- When you have finished click on Save Settings.
Step 2.1: Booking widget installation
To display the booking widget you have these shortcodes to install your booking widgets. You can find these shortcodes in TuriTop >>> Instructions.
There are different installation options:
Widget for "P1" service:
[turitop_booking_system product_id="P1" embed="box"]
Red button with "Click here to book" for "P1" service:
[turitop_booking_system product_id="P1" embed="button" buttoncolor="red" button_text="Click here to book"]
Default button color with "Click here to book" for "P1" service:
[turitop_booking_system product_id="P1" embed="button" buttoncolor="default" button_text="Click here to book"]
Custom button class "my_custom_class" with "Click here to book" for "P1" service:
[turitop_booking_system product_id="P1" embed="button" box_button_custom_activate="yes" button_custom_class="my_custom_class" button_text="Click here to book"]
Image "http://my-site/image.png" to use as a Button for service "P1":
[turitop_booking_system product_id="P1" embed="button" buttoncolor="none" box_button_custom_activate="yes" button_image_activate="yes" button_image_url="http://my-site/image.png" button_text=""]
Defatult image as a Button for service "P1":
[turitop_booking_system product_id="P1" embed="button" buttoncolor="none" box_button_custom_activate="yes" button_image_activate="yes" button_image_default="default" button_text=""]
Daily Widget:
[turitop_booking_system product_id="all" embed="box"]
All services button:
[turitop_booking_system product_id=“C0” embed="box"]
All categories button:
[turitop_booking_system product_id=“C” embed="button" buttoncolor="red" button_text="Click here to book"]
Specific category:
[turitop_booking_system product_id=“C1” embed="box"]
Gift Voucher:
[turitop_booking_system product_id="P1" embed="gift" buttoncolor="red" button_text="Gift this product"]
Redeem Voucher:
[turitop_booking_system embed="redeemgv" buttoncolor="red" button_text="Redeem gift voucher"]
If you found the installation easy and you want to rate the plugin please do so here: ¡RATE US!
If you experience any problems or issues during the installation, please do not hesitate to contact us here.
Troubleshooting Guide
Translations of services
If you have translated your services into several languages, you have to take into account that the calendars that you display on your web page using short codes will appear in the language in which the HTML lang
parameter is set. Make sure that the parameter is correct for each language of your services.
Minifying JavaScript
If you're using WP Rocket or a similar plugin, you're probably going to have a problem minifying TuriTop's JavaScript. To fix this, you will need to exclude the JavaScript files that can cause this, such as the global script of the TuriTop widget.
If you're currently using WP Rocket 3.1, some JavaScript files can cause an issue (minification/concatenation), as can be the TuriTop JavaScript files. To solve this, head to your File Optimization tab >>> Excluded JavaScript Files and add the following URL:
https://app.turitop.com/js/load-turitop.min.js
Comments
0 comments
Please sign in to leave a comment.