Want to make some small tweaks to the design, and have the css skills for that? Then this section is for you!

Find the right classes and add some code to change the design to fit your needs.


If you would like to do a preview of how the chatbot looks like on your website, take a screenshot of your website and add it as a background! Don't worry, this will only be displayed in the preview of the chatbot.

Learn how to make small design changes to your chatbot with this informative document. Discover the step-by-step instructions on finding the right classes and customizing the design through code. Get expert advice on enhancing the chatbot's visual appeal 

Gather reviews

Advanced CSS

Question types

Google Maps plugin

Question settings

Logic jumps

Add links, images, gifs and videos

Route responses

Build your chatbot

Serviceform Documentation

Serviceform Knowlegebase

Guide to Serviceform's WhatsApp for Business

Create your Serviceform account

Create your Pixel

Install your Pixel 

Check if your Pixel is active

Pixel

Your Dashboard

Chatbot types

Live chat

Popups

Dynamic forms

Insights

Conversational tools

Serviceform glossary

FAQs

Cookies

What does a Serviceform lead look like?

Getting started

WhatsApp Setup with Serviceform

Send events into GA4 from DataLayer

GA 4 and DataLayer

Cookie controller

Custom event tracking

Website analytics (Insights)

Colors and icons

Welcome page

Popup

Design your chatbot

Behaviour settings

Live chat settings

Notification settings

Webhooks and integrations

Tracking Scripts

Settings

Preview your chatbot

Install your chatbot

Duplicate your chatbot

Translate your chatbot

Facebook Chatbot

Create a Searchbot

Dynamic tags

Calculations

Advanced

Chatbot

Livechat teams

Trigger your livechat

Set hours

Desktop notifications

SMS notifications

Livechat in Serviceform App

Talk with the clients

Create your first popup

Dropdown and redirect leads to different emails

Popup type settings

Popup content

Popup design

Thank you page

Tracking and advanced settings

Language

Install your popup

Create your Lead bar

Link Type

Lead Type

Types of Bars

Leadbar

Build your form

Basic settings

Modify your design

Form settings

Payments

Settings and design

Custom CSS & JS

Install your form

Emails

Form

Install tools

Create a goal

Website analytics

Flow statistics

Live chat statistics

Setup Ourly

Events

Sync Calendar

Ourly Calendar

Add email signature to Gmail

Email signature

Connect Facebook and Instagram

Meta Business Suite

Social Inbox

Sending lead via Webhooks

Google Analytics

Zapier and Webhooks

HubSpot with Zapier webhooks

Collect payments with Stripe

Integrations

Filter leads

Export leads as XLS

Leads

Change password

Plan settings and invoice history

Account