website logo
⌘K
Getting started
Create your Serviceform account
Pixel
Your Dashboard
Conversational tools
Serviceform glossary
FAQs
Cookies
GA 4 and DataLayer
Send events into GA4 from DataLayer
Cookie controller
Website analytics (Insights)
Custom event tracking
Chatbot
Design your chatbot
Build your chatbot
Settings
Preview your chatbot
Install your chatbot
Duplicate your chatbot
Translate your chatbot
Facebook Chatbot
Advanced
Live chat
Livechat teams
Trigger your livechat
Set hours
Desktop notifications
SMS notifications
Livechat in Serviceform App
Talk with the clients
Popup
Create your first popup
Popup type settings
Popup content
Popup design
Thank you page
Tracking and advanced settings
Language
Install your popup
Leadbar
Create your Lead bar
Types of Bars
Form
Build your form
Question types
Settings and design
Custom CSS & JS
Install your form
Emails
Install tools
Insights
Website analytics
Flow statistics
Live chat statistics
Ourly Calendar
Setup Ourly
Events
Sync Calendar
Email signature
Add email signature to Gmail
Social Inbox
Connect Facebook and Instagram
Meta Business Suite
Integrations
Sending lead via Webhooks
Google Analytics
Zapier and Webhooks
HubSpot with Zapier webhooks
Collect payments with Stripe
Leads
Filter leads
Export leads as XLS
Account
Settings
Change password
Plan settings and invoice history
Docs powered by archbee 
8min

Install your chatbot

Choose which tools to display on your website



Choose which tools to show on which pages of your website. All rules that match will apply. If two rules load the same tool, then only the first rule will be applied.

To add a rule, press the '+ Add a rule' -button.

Document image



This will add a bar with options.

Document image



The first dropdown-box will determine what logic will be used to add the tool. The three options are:

  • URL contains = the URL of your website should include a word or a character for the tool to show on that specific url. For example we have a url: www.serviceform.com . In the box 'eg.Url or Class' we can add the word service. As the word service can be found in our url, the tool will show.
Document image
  • URL equals = To have a more strict logic, we can choose to show the tool only if the URL we add in the box is strictly equal to the website URL. For the URL www.serviceform.com, we need to use www.serviceform.com . Using only serviceform will result in the tool not showing.



  • CSS-selector: The CSS-selector is used to show a tool on a website if a certain CSS-class is found on the website.



Next task is to choose what you want to do/ or show on the URL:s that match the conditions.

Select from the dropdown menu one that fits your needs:

To show one of the tools choose between, Chat (chatbot), InlineBot, Popup or Serviceform (form), (Sticky Bar coming soon!)

Document image
  • Disable all:

Choose the Disable all to hide everything on the url that fits your conditions. To disable a specific tool, choose 'Disable all' and in the next dropdown the tool you don't want to show. This works well if you have a chatbot that should show on all sites except for a few.

  • Custom JS:

To run some Custom JavaScript on a specific URL, use this option. Use with care as JavaScript errors will break.



Finally, to display your tool, choose it from the dropdown menu on the far right:

Document image

Example:

To display my testing-flow as a chatbot on URL's that contain www.serviceform.com, the row should look like this:

Document image

Inline-example: To display my testing-flow as an inline-bot on a specific page, the row should look like this. Choosing InlineBot instead of Chat will open more options on the row. Choose your flow and assign the inline-bot to a specific class on your page by adding the class selector in the box at the end.

Document image



To remove a rule, simply press on the trash-icon and confirm your actions.



Don't forget to save your changes in the top-right corner!

Updated 07 Sep 2021
Did this page help you?
Yes
No
UP NEXT
Duplicate your chatbot
Docs powered by archbee 
TABLE OF CONTENTS
Choose which tools to display on your website