Installing the DIKIDI Online Booking Widget on Tilda

In this article, we'll explore how to integrate the DIKIDI online booking widget with your Tilda website. Follow the step-by-step instructions—the process will only take a few minutes!

1️⃣ Add an HTML Block in Tilda

1. Go to the admin area of your site on Tilda

2. Add a new block: All Blocks → Other → HTML (T123)

2️⃣ Open the Block Settings

1. Hover your mouse over the block that appears. Click on the red "Content" button

2. A window will open for code input—leave it empty for now

---

3️⃣ Obtain the Widget Code in DIKIDI

1. Log in to DIKIDI

2. Navigate to "Settings" - "Online booking" - "Widget for a website"

3. Click "Create Online Booking Button"

4️⃣ Choose the Button Type and Copy the Code

1. Set up the button according to the desired functionality

2. Copy the code from Step 1 in DIKIDI and paste it into the HTML block on Tilda

3. Click "Save and Close"

---

5️⃣ Add a Button to the Website

On Tilda add a button for online booking. For example, with the text "Book Online"

6️⃣ Obtain the Link for the Button

1. In DIKIDI click "Generate Code"

2. From the generated code, copy only the link, not the entire code. You can see an example in the screenshot.

7️⃣ Link the Button to the URL

Paste the copied link into the "Button Link" field in Tilda

8️⃣ Finalize the Setup

1. Click "Save and Close"

2. Publish the website and test the widget's functionality. After clicking the button, the online booking widget should open, with your website remaining in the background (see an example in the screenshot)

Done! Now your customers can book appointments through DIKIDI directly on your website ✅