🛄
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
  • Custom data
  1. Distributing flows
  2. Integrate with your website

Lead form

The lead form will display a button on your site that will open a lead form where a candidate can leave his phone number.

PreviousWeb widgetNextCustom implementations

Last updated 4 months ago

The code required for the lead form can be accessed by opening the. In the script you'll find two variables data-flow-id, data-organization-id. To find out how you can customize your widget read the chapter

<div class="recrubo-lead-form" data-flow-id="a12345cd-5d33-43b2-9266-e12ded31158e" data-organization-id="12345abc-61da-4ccd-932e-d88be2e859e6"></div><script type="module" src="https://widget.recrubo.app/form/webwidget.js"></script>

Make sure you select a message template before adding the widget to your site!

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. We recommend splitting the script in two parts; the<div> and the<script>.

The script tag can be added in the header or at the top of the page. The div needs to be added on the location where you want the button to show because we will fill the content of the div with the button and form.

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 connect. Save the changes and validate that the widget is loading in the correct location. 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 lead form 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 content management system that helps adding a script to every page.

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

Custom data

You can send custom data to your chatbot using dynamic variables in the script. This can be used to forward data from your jobsite to the chatbot. This can be any textual data like id's, vacancy titles, location names, etc. You can add custom data to your script by adding data-session variables in the <div>element of the script. For example: <div data-session-vacancy-id="1234">

Adding this to your script will allow you to use {{session.vacancy_id}}in your chatbot and have the vacancy id available for fetching resource in the chatbot.

↗️
deploy dialog
lead form.