Skip to content
English
  • There are no suggestions because the search field is empty.

How to use the PCT Tool Designer?

Optional: updating colors & text of the Price Comparison Tool

🧰 Prerequisites

  • Access to Direct Booking Tools dashboard

  • Have RGB color values to enter into our tool designer

  • Text for Heading and Comparison Rates

🔧 Step-by-Step Instructions

Step 1: Log into your DBT Dashboard

Once logged in under Price Comparison Tool choose Tool Designer on the left side menu

Step 2: Update colors and text

Keep in mind when onboarding we will set this up for you so we do not encourage you to adjust these options unless you are certain about them.

Colors will have two options for both text and one background color separated by their respective Heading and Comparison Rates options, both work the same so we will show an example for using the color designer. You will need the RGB values, if you are not sure what this is please ask your website designer or seek our help using the option Contact Us above.

Screenshot 2025-06-04 at 1.10.04 PM

Step 3: Click Save

Once you edit the text and colors, you must scroll to the bottom and click Save.


💡 Tips & Best Practices

When you make adjustments to the Tool Designer for Price Comparison widget, you will see a live and immediate change in the example that is loaded on page. Pay attention to make sure what you see is what you want published. This is the only Preview option. Once saved it will feed directly to the website.

Important: We do not recommend changing any other options in the tool designer area, we use industry best practices and set these values during your onboarding process.