Integration with Framer

Integration with Framer

Integration with Framer

Effective team collaboration begins with clear, open lines.

Effective team collaboration begins with clear, open lines.

Step 1

Chateeze Login

Chatbot Configuration Guide

  1. Configuration: Set up your AI chatbot to match your business requirements. From branding to availability, this section allows you to fully customize how your chatbot behaves and appears to users.

  2. Bot Avatar: Upload a visual identity for your chatbot. Supported formats include PNG, JPG, and GIF, with a maximum file size of 1MB and recommended dimensions of 96px × 96px for best display quality.

  3. Headings: Customize the chatbot’s greeting and messaging. Headings can be adjusted based on different times of the day, allowing the chatbot to deliver a more personalized and contextual user experience.

  1. Color Theme: Choose a color theme that aligns with your brand identity. This ensures the chatbot visually integrates with your website design.

  2. Business Hours: Define your working hours and timezone. The chatbot behavior can change based on availability, helping manage user expectations during off-hours.

Step 2

Copy the Chatbot Script

Once setup is complete, copy the embed code or JavaScript snippet provided by the chatbot platform.

Step 3

Open Your Framer Project

Log in to Framer

Step 4

Open the project

Open the project and go to Settings.

Add Custom Code

  1. Paste Script in Footer: Paste the chatbot script inside the Footer section to ensure it loads on all pages.

  2. Publish the Website: Save your changes and publish your Framer site.