How to Integrate TuriTop with WooCommerce? – TuriTop Booking System Help Center

Where can I find it? Company >>> Components/Integrations >>> TuriTop Plugin for WooCommerce

Notice: this tool is no longer available for new accounts. The functionality provided by this plugin is fully implemented in the new TuriTop Vertical WordPress. You can request a demonstration of the new product from this link.

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.

If you don't see the TuriTop plugin for WooCommerce in your TuriTop panel, get in touch with our support (help@turitop.com) to ensure it is included in your plan and enable it.

Installation

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.

Mass Synchronization

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.

Settings

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.

Time Autoselected

When there is only 1 event available, it is selected automatically.

Ticket Autoselected

When there is only 1 ticket type available, 1 is selected automatically.

Display Timezone

Will display the timezone next to the event time.

Time Title

Displays "Select time" above the event times available.

Gift Voucher Image

Hides the default voucher banner set in the TuriTop panel.

Woocommerce emails

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.

Transfer text

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.

Design

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 (help@turitop.com) as this functionality is not natively compatible and will require some extra configurations on your site.

Gateways Mapping

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.

Shortcodes

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.