Where can I find it? Company >>> Components/Integrations >>> TuriTop Plugin for WooCommerce
Thanks to our TuriTop WooCommerce plugin you will be able to integrate your TuriTop platform with your WooCommerce online store.
Take into account these factors:
- This tool is still in the beta phase.
This plugin follows WordPress and WooCommerce standards, so it is compatible with all themes and plugins that follow the same official standards.
- Issues caused due to themes or plugins that do not comply with WordPress and WooCommerce standards or customized code, will not be supported.
- Some functionalities, available on your classic Legacy TuriTop panel, are not supported.
- You will need a developer/web designer to assist you in configuring and mapping all of your products and settings between both platforms before launching it to production. If you do not have one, let us know and we will put you in contact with an external collaborator.
- It's advised to enable a test environment/sub-site within your website while you set the tool up.
- You will be able to integrate this tool with any other plugin available on WordPress, but we cannot ensure compatibility with all the plugins or themes available on the market. Our support team can recommend some compatible plugins or themes.
Step 1: Get the WordPress activation key
First, within your TuriTop panel, go to Company >>> Components/Integrations >>> TuriTop plugin for WooCommerce.
The Short_id will be filled automatically with your TuriTop Company ID. Click on "Generate Key" to get the WordPress activation key you will need later on.
Step 2: Download the plugin
Inside this same panel, you can download a .zip of the most recent version of the plugin by clicking on "Download".
Step 3: Install the plugin on your site
Within your WordPress site, go to the "Plugins" section.
Select "Add New".
Then "Upload Plugin" and upload the .zip file you downloaded from your TuriTop panel before.
Finally, click on "Install Now" and then make sure the plugin is activated in the installed plugins menu.
Step 4: Connect it to your TuriTop account
Now it has been activated, you will see the option Turitop on your site's left panel.
To connect it to your TuriTop company, select the option "Connection".
You will need to enter the data you have in Company >>> Components/Integrations >>> TuriTop plugin for WooCommerce:
- TuriTop Company ID: found under "Short_id".
- Secret key: the code you previously generated ("WordPress Secret Key").
To finish the process, click on "Connect to TuriTop".
Connecting your products
You have the possibility to synchronize all of your TuriTop products at once or to do one at a time.
You have the option "Synchronization Products" which will help you upload all of the products/services created in your TuriTop panel into WooCommerce products.
Here you can also choose to re-synchronize them (to update the names and prices when changed) or synchronize only the products from a certain category.
Synchronizing a single product
You can also choose to upload just one product or to do one at a time. Go to "Products" and then select "Add New".
Under "Product Data" change the type to "TuriTop Legacy".
Then enter the TuriTop service code in "Turitop service ID" and save the changes.
This code can be found in your TuriTop panel "Services" tab.
As you can see, there are many other options here to further configure your product. You can, for example, set if the Gift Vouchers will be available and even create a specific product for purchasing a Gift Voucher for the service.
You will need to configure all the details (banner, description, etc) as with any WooCommerce product.
Going back to the plugin menu, you will find many options inside the "Settings" section to configure how your calendar behaves and other important details.
See the list below:
Booking holds (minutes)
This set how long a booking is held before erasing it when a payment is not yet completed. This will override the "Booking holds" time set in the TuriTop panel.
When there is only 1 event available, it is selected automatically.
When there is only 1 ticket type available, 1 is selected automatically.
Will display the timezone next to the event time.
Displays "Select time" above the event times available.
Gift Voucher Image
Hides the default voucher banner set in the TuriTop panel.
You can choose to use the "Booking Email" set in your TuriTop panel or to configure the emails directly on WooCommerce.
Avoid cart duplications
This will prevent duplicates in the shopping cart.
Display Time Availabilities
This option will show the current availability next to the event hours.
Display Times per line
Use it to display one event time per line.
Display Calendar Legend
This will display the availability color legend.
Hide woocommerce order id for emails
Allows hiding the WooCommerce order ID in the emails to prevent confusion with the booking ID.
If you have enabled "Transfer" within your TuriTop panel, you can customize the text for the selector.
Skip resale booking synchronization
Activate this option to prevent syncing with WooCommerce and creating orders for bookings coming from a resale.
TuriTop Booking ID in Stripe
With this option, you can make sure the TuriTop booking ID is included in the payment description when using Stripe.
The plugin also allows you to customize the design of your calendar.
You can click "Load defaults values" to retrieve partly what you had set up in the "Design" tab of your TuriTop panel.
Besides changing the overall design of your calendar, here you can also:
- Choose between 3 templates: classic, modern, and dark.
- Change the selector format: select box, button, checkbox, and radio button.
The design of the calendar in WooCommerce will be completely independent of the Design tab in the TuriTop Legacy panel.
Checkout Fields Mapping
When you first set up your TuriTop products on WooCommerce you will need to configure the check-out and make sure the fields match the ones configured in your TuriTop panel Booking form. This is to ensure all the information collected during the booking process can be inserted correctly on your TuriTop panel.
We advise using the same form (created on your TuriTop panel within Company >>> Booking form) for all your services.
Some fields like "Email" or "Name" on WooCommerce will be automatically associated with the correct field on TuriTop, but you will need to map manually any other fields that appear in this menu section of the plugin.
If you are planning to use multiclient get in touch with our support (firstname.lastname@example.org) as this functionality is not natively compatible and will require some extra configurations on your site.
The payment gateways configured in TuriTop (Company >>> Receiving Payments) have no relation with WooCommerce. However, you can still configure them in order to make sales via the Marketplace, back-office, etc.
In order to sell via WooCommerce you will need to set up the payment gateway/s you want to use in WooCommerce Payments.
Then, in this section of the TuriTop plugin, you can associate your WooCommerce payment method with any of the options on the list to let the system know how to identify the payments from that gateway in your TuriTop platform.
Although you can simply publish the WooCommerce product page, you will find some shortcodes in this section to help you insert the calendar (in a box or button format) wherever you desire on your site.
The attribute product_id="X" points to the WooCommerce product ID.
You can find this code by going to Products >>> All Products:
Example with Elementor:
If you are using Elementor you will have TuriTop blocks available to use instead of the shortcodes:
All the events of the TuriTop services available in your online store will be automatically synchronized:
- Events within 30 days every 24 hours.
- Events within 30 to 115 days every 48 hours.
- Events within 115 to 200 days every 72 hours.
- Events within 200 to 285 days every 5 days.
- Events within 285 to 365 days every 7 days.
In this admin panel, you can manually synchronize the events (for example, when there's a recent change) with the 2 sync options:
- Sync next 90 days.
- Sync next 365 days.
You can also click "Delete all" to remove all of the elements previously synced.
This will later allow you to create a product page with a date filter using YITH WooCommerce Ajax Product Filter.