Limited time Limited time
Soak Up the Savings
40% Off on all plans
Limited time
FEATURES AND INTEGRATIONS OVERVIEW
  • All Features
    All Features

    Notifications, Time zones, Extras, Coupons, Refunds, and more

  • All Integrations
    All Integrations

    Whatsapp, Paypal, Teams, Zoom, Zapier, Google Calendar, and more

  • Reserve with Google
    Reserve with Google

    Accept bookings via Google Search and Maps

  • WordPress Plugin
    WordPress Plugin

    Add Trafft booking form to any page of your WordPress website

    Resources
  • Trafft Blog
    blog-2
    Trafft Blog

    Check out the latest information on industry trends and get advice for running a service business online

  • Guides and Documentation
    docs-2
    Guides and Documentation

    Get a detailed explanation of how every Trafft feature and integration work

  • Our Story Our Story

    Read about Trafft’s story, mission and values we share

  • Investor Relations Investor Relations

    Reach out to us if you are interested in investing in Trafft

  • Affiliate Partners Affiliate Partners

    Join us on our journey of helping service businesses thrive through automation

  • Why Trafft Why Trafft

    Learn more about why you should choose Trafft

  • Partners Partners

    Partner with Trafft and expand your market reach

  • Contact us Contact us

    Feel free to reach out if you have any questions or suggestions

Features
FEATURES AND INTEGRATIONS OVERVIEW
  • All Features All Features

    Notifications, Time zones, Extras, Coupons, Refunds, and more

  • All Integrations All Integrations

    Whatsapp, Paypal, Teams, Zoom, Zapier, Google Calendar, and more

  • Reserve with Google Reserve with Google

    Accept bookings via Google Search and Maps

  • WordPress Plugin WordPress Plugin

    Add Trafft booking form to any page of your WordPress website

Resources
    Resources
  • Trafft Blog

    Check out the latest information on industry trends and get advice for running a service business online

    blog-2
    Trafft Blog
  • Guides and Documentation

    Get a detailed explanation of how every Trafft feature and integration work

    docs-2
    Guides and Documentation
About Us
  • Our Story Our Story

    Read about Trafft’s story, mission and values we share

  • Investor Relations Investor Relations

    Reach out to us if you are interested in investing in Trafft

  • Affiliate Partners Affiliate Partners

    Join us on our journey of helping service businesses thrive through automation

  • Why Trafft Why Trafft

    Learn more about why you should choose Trafft

  • Partners Partners

    Partner with Trafft and expand your market reach

  • Contact us Contact us

    Feel free to reach out if you have any questions or suggestions

WordPress Plugin for Trafft

In order to install the "Trafft" WordPress plugin, you need to access Features & Integrations and locate the WordPress integration. Click on the "Download" button and the "booking-system-trafft.zip" file will be downloaded to your computer.

wp-download

Once the file is downloaded, access the wp-admin (back-end) of your WordPress site and navigate to Plugins -> Add New Plugin:

add-new-plugin

On the new page that opens, next to the "Add Plugins" title, click on "Upload Plugin". A new section will expand below it, and you need to click on the "Choose File" button.

wp-choose-plugin

Once you select the file you previously downloaded from your Trafft account, click on "Install Now". Once the plugin is installed, click on "Activate Plugin" and you'll be taken back to the Plugins section, where you'll see the "Booking System Trafft" plugin installed among the others.

wp-installing

The plugin will be visible in the left-hand side menu of your WordPress admin section. Click on it.

wp-in-menu

A new page will open where you need to enter the domain of your Trafft Booking Website (without "https://" and without ".trafft.com") and then hit "Save".

Note: It is also possible to add a booking page that contains wlbooking.com domain

wp-link-account

Once the page is successfully linked, you will see a notice appear above this input field that says "You have successfully connected your account".

Adding Trafft's Booking Form to a Page

Now, to add the booking form to your WordPress website, you need to either create a new page by clicking on Pages -> Add a New Page, or by editing an existing page.

Gutenberg Editor

If you're using Gutenberg, you can click on the "+" symbol in the top left corner, and search for "Trafft":

wp-gutenberg1

Once "Trafft" is filtered, drag it to the right and add it to the page:

wp-gutenberg2

On the far right, in the side menu, you can enable the "Preselect Booking Parameters" slider where you can filter what the form will show on the front end - if it's going to show only one Category or all Categories; if it's going to show only one Service or all Services; if it's going to show only one Employee or all employees, and if it's going to show only one Location or all locations.

wp-gutenberg3

Please Note: This section doesn't automatically filter other fields based on a single field's selection so if you, for example, select "Employee 1" and "Location 3", but the employee doesn't cover "Location 3", the booking form won't show any available time slots.

Elementor

Adding or editing a page through Elementor is similar to Gutenberg, with only a few differences in the interface.

When you're adding a page with Elementor, search for the "Trafft" widget in the search box and then drag it to the right to add it to the page.

wp-elementor-search

Once it's added, you can click on the section of the page where Trafft is, and on the left, you'll see a menu similar to what you've seen in Gutenberg, with the "Preselect Booking Parameters" option:

wp-elementor-preselect

Other Builders

If you're not using Elementor or Gutenberg, you can still add the booking form to your WordPress website by adding the following shortcode:

[trafftbooking min-height=500]

This is the default shortcode, and you can change the value of "min-height" so it fits your screen better. If you want to use the predefined parameters, as in Gutenberg or Elementor, you can use these codes:

  • To show the booking form with "Category 1" predefined:
[trafftbooking category=1 min-height=500]
  • To show the booking form with "Service 3" predefined:
[trafftbooking service=3 min-height=500]
  • To show the booking form with a specific employee predefined:
[trafftbooking employee=employeeName-employeeLastname min-height=500]
  • To show the booking form with a "Location 2" predefined:
[trafftbooking service=2 min-height=500]

You can combine these parameters, but bear in mind what we already mentioned before - if you, for example, select "Employee 1" and "Location 3", but the employee doesn't cover "Location 3", the booking form won't show any available time slots.

That's it. Once you save/update the page, you will see the booking form on the front:

wp-front

Have more questions

If you face an issue, and cannot find an answer in the documentation, feel free to submit a support ticket!

Contact us
Try for free