Umbral
Umbral
  • 126
  • 147 054
Chatbot Frameception -- What The Hell Is This?
Annoyed with styling chatbot frames and nested iframes? I was too...
Let's just steal the entire chatbot window, muwhahahaha.
This video introduces a creative solution for handling iframe interactions in chatbots, allowing developers to exit and re-enter chat interfaces while maintaining user flow. Learn how to implement floating buttons, external forms, and dynamic page transitions within your chatbot's iframe.
Key points:
- Understanding iframe inception in chatbots
- Creating floating HTML buttons
- Form integration techniques
- Entry point link implementation
- CSS styling considerations
For AI solutions and chatbots for your business:
📞 Book a discovery call: calendly.com/umbral-ai/discovery-call
conner@umbral.ai
umbral.ai
Timestamp Guide:
0:00 - Frameception
0:40 - The iframe styling challenge
2:03 - Floating button
4:04 - Form integration
5:55 - Window
7:35 - CSS styling considerations
9:04 - Practical use cases
10:45 - Implementation tips and cautions
#ChatbotDevelopment #UIDesign #WebDevelopment #ChatbotBuilder #TechTutorial #iframeHacks #WebDesign #ChatbotSolutions
Переглядів: 341

Відео

Chatbot Deliverables: What Do You Give To Clients?
Переглядів 466День тому
Chatbot builders can deliver solutions to clients in various ways, from simple script tags to comprehensive account setups. This video explores different approaches to chatbot delivery, emphasizing the importance of tailoring solutions to client needs. It covers script tag delivery, website installation, account setup, and custom implementations. The video also highlights the value of providing...
Why AI Chatbot Clients Take Time To Nurture
Переглядів 509Місяць тому
Why AI Chatbot Clients Take Time To Nurture
How Will OpenAI Reasoning Models Be Used Inside Chatbots?
Переглядів 348Місяць тому
How Will OpenAI Reasoning Models Be Used Inside Chatbots?
OpenAI Assistant API Chatbots -- No Code
Переглядів 1,1 тис.Місяць тому
OpenAI Assistant API Chatbots No Code
AI Chatbot Builder vs Developer: Which Is Right for Your Business?
Переглядів 7432 місяці тому
AI Chatbot Builder vs Developer: Which Is Right for Your Business?
AI Agent CEO Interview: VoiceFlow's Braden Ream
Переглядів 1,2 тис.2 місяці тому
AI Agent CEO Interview: VoiceFlow's Braden Ream
Pest Control AI Chatbot Captures Leads and Appointments (SMB Template)
Переглядів 1,6 тис.2 місяці тому
Pest Control AI Chatbot Captures Leads and Appointments (SMB Template)
Meta AI Chatbots Are Coming...
Переглядів 9382 місяці тому
Meta AI Chatbots Are Coming...
Chatbot MVPs Are A MUST For AI Business Ideas
Переглядів 1 тис.2 місяці тому
Chatbot MVPs Are A MUST For AI Business Ideas
This Pay To Park Chatbot Prints💲Money
Переглядів 10 тис.3 місяці тому
This Pay To Park Chatbot Prints💲Money
The AI Chatbot Take Over Has Arrived -- Backed by Research Data
Переглядів 9963 місяці тому
The AI Chatbot Take Over Has Arrived Backed by Research Data
OpenAI 4o-Mini Announced -- Chatbots Just Got Smarter
Переглядів 8243 місяці тому
OpenAI 4o-Mini Announced Chatbots Just Got Smarter
Why Agencies Should Partner With Chatbot Builders
Переглядів 6153 місяці тому
Why Agencies Should Partner With Chatbot Builders
My Voice Was Cloned Into A Chatbot 🤖
Переглядів 6703 місяці тому
My Voice Was Cloned Into A Chatbot 🤖
Chatbot Builder 101 - How To Make No Code/Low-Code Chatbots
Переглядів 3 тис.3 місяці тому
Chatbot Builder 101 - How To Make No Code/Low-Code Chatbots
How To Pass Website Data To A Chatbot -- NO MORE SCROLLING!
Переглядів 1,4 тис.3 місяці тому
How To Pass Website Data To A Chatbot NO MORE SCROLLING!
Are Paid AI Automation Communities Worth The Money?
Переглядів 2,3 тис.4 місяці тому
Are Paid AI Automation Communities Worth The Money?
Multi Lingual Chatbot on Easy Mode
Переглядів 5104 місяці тому
Multi Lingual Chatbot on Easy Mode
Live Chatbot Handoff In The Builder? (No Zendesk Required)
Переглядів 1,2 тис.4 місяці тому
Live Chatbot Handoff In The Builder? (No Zendesk Required)
Dynamic Chatbot Responses, Finally Here? (Chatbotbuilder.ai)
Переглядів 21 тис.4 місяці тому
Dynamic Chatbot Responses, Finally Here? (Chatbotbuilder.ai)
How to Validate Email Addresses in Your Chatbots
Переглядів 1 тис.4 місяці тому
How to Validate Email Addresses in Your Chatbots
Should We Still Use 3rd Party Chatbot Building Tools? (Chat Dash Blunder)
Переглядів 1,2 тис.4 місяці тому
Should We Still Use 3rd Party Chatbot Building Tools? (Chat Dash Blunder)
Mr. Beast Chatbot - Instagram AI Chatbot Responses
Переглядів 6725 місяців тому
Mr. Beast Chatbot - Instagram AI Chatbot Responses
Testing Chatbot Control With LLM Intents vs NLU -- Voiceflow
Переглядів 1,5 тис.5 місяців тому
Testing Chatbot Control With LLM Intents vs NLU Voiceflow
Chatbot Iframe Update + Mobile Responsiveness in VoiceFlow
Переглядів 1 тис.6 місяців тому
Chatbot Iframe Update Mobile Responsiveness in VoiceFlow
OpenAI Assistants API V2 + VoiceFlow LLM Intents Announcement
Переглядів 2,7 тис.6 місяців тому
OpenAI Assistants API V2 VoiceFlow LLM Intents Announcement
How To Price Chatbots For Business Clients
Переглядів 8 тис.7 місяців тому
How To Price Chatbots For Business Clients
Full Page Chatbot Embed (VoiceFlow Announcement)
Переглядів 2,2 тис.7 місяців тому
Full Page Chatbot Embed (VoiceFlow Announcement)
How To Build AI Chatbots For Businesses (VoiceFlow Build Walkthrough)
Переглядів 11 тис.8 місяців тому
How To Build AI Chatbots For Businesses (VoiceFlow Build Walkthrough)

КОМЕНТАРІ

  • @GregorSchafrothAI
    @GregorSchafrothAI 2 дні тому

    Cool stuff! If you have access to the website code you could even show a form or other stuff on the website while keeping access to the Chatbot But that might not work with wix and other drag and drop websites Anyways nice inspiration :) btw almost didn't recognize that's your video without your iconic head missing in the thumbnail! Would keep that in there in the future, it's good for branding 😄

    • @Umbral-AI
      @Umbral-AI День тому

      @@GregorSchafrothAI thanks for the recommendation, I’ve been toying around trying different stuff. But I think you’re right.

  • @TravisShane
    @TravisShane 5 днів тому

    Is this something I can do with Voiceflow to? I am very new to HTML, Json and such. I want to do something similar and integrate Googles Programmable Search Engine Search Box directly into it but without hosting the html on Github I am not sure how to make this happen.

    • @Umbral-AI
      @Umbral-AI 5 днів тому

      @@TravisShane potentially. Im still working on it in Voiceflow myself. I’ll let you know if I figure it out.

  • @OfficialChatbotBuilder
    @OfficialChatbotBuilder 6 днів тому

    👑 absolutely best implementation of a embedded element I’ve ever seen on the platform by a long shot. Behind multi-modal, multi-object/element is next level! Absolutely fantastic Conner 🚀 Cleanest, text book implementation to date

    • @Umbral-AI
      @Umbral-AI 6 днів тому

      @@OfficialChatbotBuilder 🤘🎸🤘

  • @BandicootAI
    @BandicootAI 6 днів тому

    🔥🔥🔥🔥🔥

  • @eugenekadzin
    @eugenekadzin 6 днів тому

    Well well well… interface elements in a chatbot. Looks familiar. Good job, the form popup is sick

    • @Umbral-AI
      @Umbral-AI 6 днів тому

      Eugene why the hell am I not subbed to your channel? I’ve fixed that, excited to take a look at what you’re building. You have a similar vid out?

    • @eugenekadzin
      @eugenekadzin 6 днів тому

      @@Umbral-AIbro you was not? Shame on you. No seriously, record more videos, tf is this 1 blessing per month?? You are the only chatbot guy I watch

    • @Umbral-AI
      @Umbral-AI 6 днів тому

      @@eugenekadzin I've been slacking hard on the videos Sept/Oct. Went on a big vacation and picked up a couple decent contracts that have been keeping me busy. Definitely need to start pumping out more consistently. Thanks for the nudge. Looks like you are crushing it.

  • @brokeartisan
    @brokeartisan 6 днів тому

    Genius who came up with this

    • @Umbral-AI
      @Umbral-AI 6 днів тому

      Some WP guy I know. Too busy dealing with WP Engine to make his own videos.

  • @fuckchabad39
    @fuckchabad39 9 днів тому

    👋 HELP!😊I have a vapi+voiceflow voice robot connected, and message delay in the block works ONLY in the chatbot. is it possible to add a delay to the response that the voice robot should utter? The case is specific, Psychological assistant, the person must utter special phrases while the assistant is silenttt

  • @fuckchabad39
    @fuckchabad39 9 днів тому

    👋 HELP!😊I have a vapi+voiceflow voice robot connected, and message delay in the block works ONLY in the chatbot. is it possible to add a delay to the response that the voice robot should utter? The case is specific, Psychological assistant, the person must utter special phrases while the assistant is silentt

  • @erraticeuphoria
    @erraticeuphoria 10 днів тому

    hey conner. love your syle of content, very forward and insightful. for many platforms i think the greatest obstable for chatbot builders is applying meta developer account and app review, since many clients will want whatsapp integration, do you have any tips for successful submission and onboarding journey?

    • @Umbral-AI
      @Umbral-AI 7 днів тому

      Thanks for the kind words. Just get out there and build / share. Good things will follow in time.

  • @Matthew_Nor
    @Matthew_Nor 11 днів тому

    Hey Conner, I just recently got into learning voice flow and the general concept of chat bots and how they can be used. I find your videos helpful and you take the time to explain the things you do and why and easy to follow. I have some programming knowledge and logic flow and condition logic, but I lack in the web code area and was wondering if that's a concern I should have getting into this? Do you have any recommendations or ideas to help assist me?

    • @Umbral-AI
      @Umbral-AI 11 днів тому

      Hi Matthew, welcome to chatbot building. Lack of web dev skills shouldn't deter you, but it will potentially limit the things you can do from a UX / Styling side of things. Best thing you can do is to just keep learning by constantly building / trying things. Best of luck!

  • @OfficialChatbotBuilder
    @OfficialChatbotBuilder 12 днів тому

    Nothing like having some FUN with FUNctions 😅

  • @GregorSchafrothAI
    @GregorSchafrothAI 12 днів тому

    Nice, thanks for sharing

    • @Umbral-AI
      @Umbral-AI 12 днів тому

      @@GregorSchafrothAI thanks Gregor. Hope you are well.

    • @GregorSchafrothAI
      @GregorSchafrothAI 12 днів тому

      @@Umbral-AI Yes all great here, thanks! How was Alaska? Hope you had a good time and are well too :)

    • @Umbral-AI
      @Umbral-AI 12 днів тому

      It was great! Some amazing landscapes for sure.

  • @ManufacturingAI
    @ManufacturingAI 13 днів тому

    Great video Conner!

    • @Umbral-AI
      @Umbral-AI 13 днів тому

      @@ManufacturingAI thanks good sir 🙂

  • @Youngwizzy129
    @Youngwizzy129 17 днів тому

    THANK YOU SOOOO MUCH

  • @OfficialChatbotBuilder
    @OfficialChatbotBuilder 25 днів тому

    Triple the value 👑 🤖 🔥

  • @paulohcassis
    @paulohcassis 26 днів тому

    Hi Connor. How do you manage clients? Do you use a CRM system? How do you process payments and monthly retainers? Could you make a video about that? Thank you for your service.

  • @andrearossi2875
    @andrearossi2875 26 днів тому

    great content Connor, thank you for sharing. I have a question, using the VB Patios as an example, if a user asks about financing and they are routed to the relevant path based on their intent, but then they want to look at the before and after pics so they ask "Can I see some of your previous work?", is there a way to send them to another intent route from where they are? Right now, when I test this out the bot uses information from the knowledge base (Link to the website) to provide the information, it would be great if they could be re-directed to the specific intent route...

  • @akramkhairallah4758
    @akramkhairallah4758 29 днів тому

    The pricing is terrible and definitely a barrier for entry

  • @Student_AI_26
    @Student_AI_26 Місяць тому

    Great video, thank you very much Connor!! On our side, as an agency, we come to the same conclusion as you. I would like to know if you have a tool to recommend to me to manage all this customer relationship which arrives at different stages and which accumulates as time goes by. How do you manage to keep track of each one?

  • @snapsmicrosystems7532
    @snapsmicrosystems7532 Місяць тому

    i learnt a very useful skill that can get me a raise at my workplace. great tutorial Umbral!

  • @ggs5951
    @ggs5951 Місяць тому

    hi there, great video, Voice flow has done an update with set function to add the URL. I've tried following your video and others too that have the same concept of integration of calendly however I can get past this step. any advice?

  • @KennethDiaz-ts7wi
    @KennethDiaz-ts7wi Місяць тому

    Another gem, Connor. Thank you for taking the time to do these. Setting realistic expectations and adding your insights are just as important as being able to build these chatbots.

  • @stylesbystazi4631
    @stylesbystazi4631 Місяць тому

    im having issues with the calander showing up as an empty gray box.

    • @josuehernandez1871
      @josuehernandez1871 20 днів тому

      same here

    • @stylesbystazi4631
      @stylesbystazi4631 20 днів тому

      @@josuehernandez1871 try taking the “” out of the Calendly link when pasting into voiceflow

  • @hrarung
    @hrarung Місяць тому

    Thanks Connor, for a straight forward, no non-sense content. Thanks for inspiring. Keep them coming!!

  • @robmayerMBA
    @robmayerMBA Місяць тому

    Good realistic advice

  • @OfficialChatbotBuilder
    @OfficialChatbotBuilder Місяць тому

    We’ve totally adopted “bot brain” into our official explanations because of your videos 🤘

  • @12majorai
    @12majorai Місяць тому

    Which platform is this?

  • @GregorSchafrothAI
    @GregorSchafrothAI Місяць тому

    Thanks for sharing :)

  • @Omri.Tal.
    @Omri.Tal. Місяць тому

    Thank you Conner. From my experience with SMBs, it went way faster after they signed the contract. I guess the bigger they are - the slower it gets. Anyway, as usual: you are the best content creator in this space. Have a nice day:) Omri

  • @phoebexhe
    @phoebexhe Місяць тому

    Thank you for the insight and great advice. Where did you get the leads? can get potential customers to book a discovery call? What kind of chatbot system do you use for building your client chatbot?

  • @perso8530
    @perso8530 Місяць тому

    Hey, thanks again for the great video and all the insights-really appreciate it! I’m diving into this space myself, and I have a question that’s been on my mind. Is there a way to track exactly how many tokens an AI agent has used after it’s been deployed for a client? Also, when selling AI agents, how do you handle charging companies for the ongoing token usage? This part is still a bit unclear to me as I’m just getting started. Thanks again for your help, and I’m really excited to get more involved in this field!

  • @غيرمعرف-غ6ب
    @غيرمعرف-غ6ب Місяць тому

    Hello my friend, I appreciate the content that you provide. I have a question: How do we manage customers? Do we create an account for them? Is there another way so that we can manage them better? I hope you make a special video about this. I think you will be the best person who can explain this.

  • @nickwaldron9991
    @nickwaldron9991 Місяць тому

    WOW! Thank you very much. Great video, very informative.

  • @غيرمعرف-غ6ب
    @غيرمعرف-غ6ب Місяць тому

    Hello my friend, I appreciate the content that you provide. I have a question: How do we manage customers? Do we create an account for them? Is there another way so that we can manage them better? I hope you make a special video about this. I think you will be the best person who can explain this.

  • @IssacStaples
    @IssacStaples Місяць тому

    I am having trouble getting this to work with Wordpress I am using Divi theme I built a workaround where I can add an html page and get it to work but it’s not what I want. It looks like in your demo you are using a Wordpress page?

  • @19kickboxer68
    @19kickboxer68 Місяць тому

    In relation to what Conner. No context or anything. What are you talking about

  • @sekuenceai
    @sekuenceai Місяць тому

    Why are you talking again about CBB when you trashed them back in a video?

  • @mustafa3701-u3q
    @mustafa3701-u3q Місяць тому

    Could you send the link for the full video?

  • @ScrollingisDead
    @ScrollingisDead Місяць тому

    You should take a look at notebook LLM. It's a very interesting way to collect information and chat with it. It will even create a podcast based on your data. I believe it's free from Gemini

  • @dannyquiroz5777
    @dannyquiroz5777 Місяць тому

    It’s really a matter of when knowing is enough (traditional ai chatbot) and when thinking is required (latest tech).

  • @dannyquiroz5777
    @dannyquiroz5777 Місяць тому

    The question you pose is worthy of 1 use of GPT o1 preview…thinking

  • @ScrollingisDead
    @ScrollingisDead Місяць тому

    If they watch or read or chat with your content, I don't think that you can take responsibility for them going in a wrong direction.

  • @TalkToARobot
    @TalkToARobot Місяць тому

    What you did to CBB was disgusting. You are a fraud.

  • @dannyquiroz5777
    @dannyquiroz5777 Місяць тому

    I hadn’t used the assistants api since the 1.0 version. Gave it a shot, didn’t like it. CBB kept mentioning assistants 2.0 but I hadn’t investigated (or planned to) but now that you made a whole video about it I’m reconsidering.

  • @gregbush9875
    @gregbush9875 Місяць тому

    Connor, thanks so much for doing these videos...great explanation.

  • @OfficialChatbotBuilder
    @OfficialChatbotBuilder Місяць тому

    Haha this one was so much fun

  • @JohnSpradlin-p7m
    @JohnSpradlin-p7m Місяць тому

    I have been using the chatgpt:Conversation with Assistant within Zapier in Zapier Central.

  • @Vaultix123
    @Vaultix123 Місяць тому

    Great videos. Could you teach: How to set multi-calendar appointment setters in one account. Cover the whole sales funnel pre, during and after purchase. That would be cool bro. Thanks.

  • @robmayerMBA
    @robmayerMBA Місяць тому

    Thank you! Very interesting and informative - I agree with your perspective.

  • @InTheFlow-MattL
    @InTheFlow-MattL Місяць тому

    Connor, First off, thank you for you content! I found you several weeks ago and you have completely steered me down a new path for my business. I thought my focus would be mostly on automation workflows via n8n or zappier. You showed me how useful chatbots are especially as a "foot-in-the-door" to new clients that would lead to additional automations. And then when you lead me to Chatbot Builder it was game over. I am switching the majority of my focus on chatbots with Builder. Again, Thank you! Now to my question... Can you tell me if I am correct in my assumption that the assistants feature will work in the following scenario: I want to set up the Default Reply with a KB as my base "brain" that handles general information then set up individual assistants with detailed information about particular subjects. How would I guide the flow back and forth between the default reply and the detailed assistant?

    • @Umbral-AI
      @Umbral-AI Місяць тому

      @@InTheFlow-MattL thanks for the kind words on the channel. Best of luck building. That’s certainly one way you could set it up, although you might be able to setup one assistant to handle it all. I’ll probably drop a video in the next month that goes over multiple assistant use cases