company-logo
Advice and answers from the Creabl Team
Installation
How to Install The Code Into Your Website Running on Drupal
How to Install The Code Into Your Website Running on Drupal
To install the Creabl code, go to Settings and select Installation.

img_60e24173-ddd7-4360-b121-4170632389ec

The Creabl code is a small script that you need to place on all pages of your website before the </body> tag.
To install the code, you should:
  1. Copy the Creabl code.
  2. Insert the script on all pages of your website before the </body> tag.
  3. Check that the code was installed successfully.
We will now go into each item in more detail.
  1. To copy the code, click on the Copy code button.
  2. Go to the Drupal Admin Panel. Select Structure.

img_7d6b47fc-71e7-43a0-86f9-f1c4b73268d9

Next, click Block layout.

img_eaaeb57e-e5be-4c7c-b658-121b0d255e78

Select the Footer block as it is located closest to the </body> tag and click Place block.

img_8ec7c3e3-b38e-47cd-9047-d0f92cb50f8e

To add a block, click the Add custom block button.

img_dd406fbd-6363-461f-b1a3-8e7e81a91d25

In the Block description field, you can give a short description.

img_16d26f6a-718e-44ca-8b5c-61f81dc1e4e7

Select Text format - full html.

img_ae85e993-e052-47f2-8c98-5b30bf5bfd2c

Next, click Source and paste the previously copied code. Save the changes.

img_b8441ed6-1346-48cf-a15d-d6f946de2d4b

In order to hide the block title from website visitors, be sure to uncheck the Display title box.

img_20f8c6ed-d281-4bf4-916c-a1886a1a6b1d

In order to place a block, select an area in the Region item and click Save block.

img_52264551-b261-4ff9-9c0e-379843284361

On the opened page, save the changes again - click on the Save blocks button.

img_1feb7d8e-5fa8-41dd-b5b1-92b2576bc349

To check that the installation is successful, insert the address of our website in the Enter domain name field.

img_1ccce2f9-7646-47a3-9110-7689e3eef560

To complete the check, click the Check system button.

img_d46934b9-ea7b-4e8a-a9ba-8ae4ee924120

After completion, you will see a message that the code was added successfully.

img_0ef80b82-ed5f-4de6-8580-7b4b45d593b1

If you have any questions or problems installing the code, feel free to contact support.
Thanks! We appreciate your feedback 🤘