🛄
Recrubo Documentation
  • Introduction
  • 🔠Terminology
    • 🔠General Terminology
    • 🔠Botstudio Terminology
  • 🤖Botstudio
    • 💬Adding flows
      • Generate flow
        • Step 1: Locate the right vacancy
        • Step 2: Start the process
        • Step 3: Adjust the general settings
        • Step 4: Adjust the tone of voice
        • Step 5: Determine the questions
        • Step 6: Open the botstudio
      • Import flow
      • Use template
      • Blank flow
    • 👨‍🔬How to test your flow
      • Bot Studio preview
      • WhatsApp
    • 🔢Steps
      • Add steps
      • Edit steps
    • ⁉️Actions
      • Add actions
      • Edit actions
    • 🆎Action types
      • Basic action types
        • Text (say)
        • Text (ask)
        • Appointment
        • Contact
        • List
      • Extra action types
        • Location
        • Document
        • Image
        • Audio
    • 🔀Links
      • No condition
      • Exact
      • AI
    • 🔚Endings
    • ↔️Deploy dialog
      • Chat widget (website)
      • Lead form (website)
      • Facebook (Meta)
      • LinkedIn
    • ⚙️Flow Settings
    • 📢Publication
    • 📄AI context
    • 🛠️Adding, Duplicating, Translating & Deleting flows
  • ↗️Distributing flows
    • 📣Integrate with Facebook & Instagram ads
      • Creating lead campaigns
      • Connect your campaign to the botflow
      • Finding IDs
    • GTM
      • Chat widget
      • Lead form
    • Integrate with your website
      • Web widget
      • Lead form
      • Custom implementations
  • 🫅Candidates
    • Filtering the candidate list
    • Export candidates
    • Broadcast
    • Detail page
  • Organization settings
    • Users
    • Leads
    • Locations
    • Message templates
  • Integrations
    • WhatsApp
      • Set up WhatsApp
      • Set up payment method
      • Customize WhatsApp profile
    • Facebook Messenger
    • Meta lead integration
    • LinkedIn lead integration
  • 🗓️Schedule
    • Setting up your calender
    • Creating a broadcast event
    • Creating a blocking event
  • 💪Best practices
  • ⚠️Common issues
    • Error in a chat message
    • Variable not found
    • The candidate got sent to the wrong path
    • The candidate got declined/accepted while this is not intended
  • ❓FAQ
    • ⚙️Settings
      • How do I reset my password?
      • How do I create an account?
      • How can I invite a colleague in Recrubo?
      • How can I integrate my ATS?
    • 🔀Distribution and Integration
      • What triggers the WhatsApp message, when do candidates get a message?
      • Can I automatically follow up candidates from Indeed via WhatsApp?
      • Does Recrubo also connect with other messaging channels?
      • Can I integrate with Zapier?
      • Can I connect the chatbot to Meta or LinkedIn campaigns?
      • Is it possible to place a chat widget on the website?
      • How do I place a "Apply via WhatsApp" button on the website
      • Can candidates start from a QR code?
      • What ATS integrations does Recrubo have?
    • 🧍‍♂️Leads and Candidates
      • What happens to candidates who do not respond?
      • What happens to candidates who are rejected?
      • Can a candidate who is rejected reapply?
      • What if a candidate applies twice?
      • Why don't my leads in meta match my leads in Recrubo?
      • My leads get an error, what's going on?
      • How can I easily see which leads have left their phone number via the lead form on the website?
    • 📲WhatsApp
      • Does the WhatsApp chat happen through my phone?
      • Are you using our existing Whatsapp Business Account?
    • 💬Chat functionalities
      • Can we enrich candidates' profiles through WhatsApp?
      • Is it possible to request a CV via WhatsApp?
      • Is it possible to automatically schedule appointments with candidates via WhatsApp?
      • Is it possible to send bulk messages via WhatsApp to a specific group?
      • Does Recrubo send a reminder if a candidate does not respond?
      • Does Recrubo send appointment reminders?
      • Can the chatbot switch to another language during the conversation?
      • Can I attach a chat flow to multiple vacancie
      • Can I add images or videos in the chat flow?
      • Can I use Recrubo as a calendar tooling/calendar software?
    • 📩Recrubo inbox
      • Can I manually chat back with the candidate ?
      • The chat is disabled, how can I send a message in the inbox?
      • Does Recrubo have WhatsApp templates in the inbox?
    • 🔡Building a flow
    • 🚀Testing
    • 🤖AI
      • Can the AI recruiter talk in different languages?
      • Can the candidate ask questions to the chatbot?
      • Where does the chatbot get the information to answer candidates' questions?
Powered by GitBook
On this page
  • Adding the script
  • Locate the Appropriate Section
  • Insert the widget code
  • Validate the data-flow-id
  • Multiple pages or Multiple scripts
  1. Distributing flows
  2. Integrate with your website

Web widget

The web widget will display a text bubble in the bottom right of your website.

PreviousIntegrate with your websiteNextLead form

Last updated 7 months ago

The code required for the web widget can be accessed by opening the. In the script you'll find one variable data-flow-id. To find out how you can customize your widget read the chapter.

<div id="recrubo-widget" data-flow-id="a12345cd-5d33-43b2-9266-e12ded31158e"></div><script type='module' src='https://widget.recrubo.app/chat/webwidget.js'></script>

Adding the script

Locate the Appropriate Section

You typically want to include scripts in the <head> section or just before the closing </body> tag of your HTML document. This ensures that the script is loaded properly when the page is rendered.

Insert the widget code

Copy and paste the provided code snippet into the desired location in your HTML file.

Validate the data-flow-id

Validate if the value behind the data-flow-id matches the ID of the flow you are trying to place.Save the changes and validate that the widget is loading in the bottom right of the screen. Open the chat by clicking the 💬 button and validate if the correct chat is being displayed.

Multiple pages or Multiple scripts

To make sure the widget shows on all pages of your site the script needs to be added to every page. How to do this varies from site to site. Typically most sites have some sort of header & footer files that are added every page. Adding the script here will ensure the widget is loaded on every page.

If you are using the widget on every page we recommend keeping the flow broad using a vacancy selection to distribute candidates in different categories.

If you want to have a seperate chatbot for every page your website will need to have a mapping of the pages and the respective data-flow-id for that site.

↗️
deploy dialog
chat widget