🔥 Add a Professional-Looking Footer to Your AI Chatbot

[Petar_Dietrich]

Elevate your website’s user experience and build instant trust with your visitors by maximizing the use of your AI Chatbot widget configurator tools.

In this case, adding a clean, professionally formatted footer to your Elfsight AI Chatbot ensures your users easily spot crucial legal links like your privacy policy while setting clear expectations about AI-generated responses.

To create a clean, professional-looking footer for your Elfsight AI Chatbot that includes a privacy policy link and an AI accuracy disclaimer, follow these step-by-step instructions:

1. Open your Elfsight dashboard, navigate to widget Settings, and click on Footer Text.

2. Enable the footer toggle, then click the Code Editor button (</>) to switch to HTML mode.

3. Paste the following HTML code snippet into the editor:

   HTML

   <div class="chat-footer"> By chatting you agree to our   <a target="_blank" rel="nofollow" href="https://www.mysite.com/privacy/">Privacy Policy.</a>  <br>  <strong>Nova</strong> may make mistakes.</div>
   
   

   Note: Don’t forget to change https://www.mysite.com/privacy/ and Nova to your website’s privacy URL and AI chatbot’s given name, respectively.

4. Click Done to save the footer text.

5. Go back to the main Settings menu, scroll down to the Advanced section, and open Custom CSS.

6. Paste the following CSS styling rule to adjust the font size, alignment, padding, and text color:

   CSS

   .chat-footer {
     font-size: 12px;
     text-align: center;
     color: #888;
     line-height: 1.6;
     padding: 6px 10px;
   }
   
   

Result:

[Max]

Looks awesome! Thanks a bunch for sharing your wisdom with the Community, Petar — we really appreciate it