LogoLogo
Click Here For More Support
  • 📍Get Started
    • Welcome
    • Who We Are
    • Our Product
  • 🤖AI Agent Engine
    • AI Agent Engine Basics
      • Get to Know Your AI Agent Engine
      • Glossary
      • Dashboard Overview
    • Manage Your Content
      • Response Types
        • Prewritten Plus Responses
          • Add New Prewritten Responses
          • Edit Prewritten Responses
          • Enrich Prewritten Responses
          • Response Refiner
        • Generated Responses
          • Web-Scraped Data
            • Troubleshooting
          • Documented Data
          • Enrich Generated Responses
        • Fallback Responses
      • Enrichments
        • Buttons
        • Quick Replies
        • Videos
        • Images & GIFs
          • Best Practices
      • Input Director
        • Copy & Paste Input Training
      • Best Practices
        • Locate Responses/Data
        • Revise Responses
        • Unpublish Responses
        • Content Formatting
        • Suppress Thumbs Up/Down
        • Content Groups
      • Upgrade to Context LLM
    • Install Your Chat
      • Web Installation
        • Advanced Pop-Up Options
      • InApp Webview Installation
        • App Provider Product Overview
        • iOS Advanced Install Guide
        • Android Advanced Install Guide
        • Passing Customer Identifiers
    • Enhance the Chat Experience
      • Pages
        • Add/View Chat Pages
        • Maintain State
        • Avatars
        • Chat Header Image
        • Input Container
        • Chat Background
      • Popups
        • Editor Field Definitions
        • Add/Edit Popups
        • Auto-Open
        • Prompt Bubble
        • Popup Button Image
        • Best Practices
      • Page Themes
        • Field Definitions
        • Adjust Page Themes
      • Activation & Drivers
        • Embed Webpages
        • Link Other Chats
        • Welcome Messages
      • Placement
        • Digital Placement
          • Chat Tile
          • Chat in Chat
        • In-Person Placement
      • Sponsor Inclusion
    • Features & Integrations
      • Channels
        • Facebook Messenger
          • Maintenance & Best Practices
        • Inbound SMS
      • Integrations
        • Ticket Commerce
          • Installation/Maintenance
          • Best Practices
        • Simpleview Integration
          • Listings
          • Events
          • Search Logic Summary
        • Zapier
          • Installation Guide
            • Connect to Salesforce
            • Connect to Google Sheets
        • FEVO
          • Installation Guide
          • Best Practices
        • Carbonhouse Integration
      • Features
        • Multi-Language Functionality
        • Mobile Ticketing Guide
        • Food & Beverage Finder
          • Installation/Maintenance
          • Best Practices
        • Weather Feature
        • Consent Form Feature
        • Satisfaction Score
        • 'Notify Subscription' Feature
    • User Management
      • User Types
      • Adjust User Type & Access
      • Add/Remove a User
      • Update Your Password
      • Unlock Your Account
      • Multi-Factor Authentication
    • Reporting & Analytics
      • Analytics Dashboard
        • Overview
        • AI Chat Performance Dashboard
        • Intent Explorer Dashboard
        • Intent Trends Dashboard
        • Intent Deep-Dive Dashboard
        • Bridge Agent Performance Dashboard
        • Mobile Ticketing Guide Dashboard
      • Data Reports
        • Conversation Transcripts
        • AI Resolutions Log
        • URL Link-Outs
        • Bridge Escalations
        • CSAT Entries
        • Ticket Commerce Records
        • End User Contacts
        • NLP Traffic Log
        • Input and Response Log
        • List URL Subscriptions
        • Get Response Feedback
        • Knowtifi Subscriptions
      • API Report Options
      • External IDs
      • UTM Tracking
      • Security Alerts
  • 📬Marketing Engine
    • Marketing Engine Basics
      • Get to Know Your Marketing Engine
      • Glossary
      • Login to Your Account
    • Marketing Calendar
      • How to Use the Marketing Calendar
    • Segments
      • Segments Overview
      • Uploading Contacts Manually
      • Uploading Contacts in Bulk
      • Importing a File into Unsubscribe List
      • Manage Contact Lists
      • Create Custom Object & Custom Fields for Contact Data Management
      • Contact Engagement Rules
      • Folders
      • Audience
        • Audience Dashboard
        • Audience Filters/Segments
        • Create a Meta Audience
        • Create a Audience Using Marketing Engine
      • Best Practices
        • Use Send Time Optimization
    • Templates & Landing Pages
      • Email Templates
        • Create & Preview an Email Template with Dynamic Content
      • SMS/MMS Template
      • WhatsApp Template
        • WhatsApp Carousel Template
        • WhatsApp LTO Template
        • WhatsApp Product Message Templates
      • Webpush Template
      • Mobilepush Template
      • Landing Page Template with a Form
      • Social Conversation Templates
    • Campaigns
      • Messaging Campaigns
        • Select Your SMS/MMS Sender Number
        • How to Create an SMS/MMS Campaign
        • Enable Double Opt-In
        • Messaging Campaign Report
        • Best Practices
        • SMS Regulations
          • SMS Regulations for India
          • SMS Regulations for Canada
          • SMS/MMS Regulations for USA
      • Social Campaigns
      • Email Campaigns
        • Create an Email Campaign
        • Update an Email Campaign
        • Email Campaign Report
        • Smart AI Tools
        • Best Practices
          • Reduce SPAM rate in emails
          • Craft Compelling Email Pre-Header Text
    • Journeys
      • Overview
      • Journey Blocks
      • Journey Templates
      • Create a Journey
      • Variant Testing
      • Conversion Tracking
      • Campaign or Journey Metadata
      • Advanced Filters for Sorting Campaigns/ Journeys
      • WhatsApp Journey
        • How to Use WhatsApp for Commerce
        • How to Send a WhatsApp One-Way Notification
        • Send a WhatsApp Audio Message
        • Automated WhatsApp Welcome Journey
        • WhatsApp Journey Report
      • Best Practices
        • Email Journey Strategy for Ticket Buyers
        • Journey Examples
    • Settings & Integrations
      • Integrations
        • Ticketing Integrations
          • Ticketmaster Integration
            • Best Practices
          • SeatGeek Integration
          • Glitnir Ticketing Integration
        • E-Commerce Integrations
          • Shopify
        • Website Tracking
          • Track Your Website
          • JavaScript Tracking Client
          • Track WordPress Websites
          • Track Shopify Stores
          • Enable User ID Tracking
        • Zapier Integration
      • User Management
        • Account Types
        • Add/Remove a User
        • Adjust Role & Access
        • Update Your Password
        • Two-Factor Authentication
      • Settings
        • Add Email Sender Addresses to Launch Campaigns
        • Connect Your Email Domain with the Marketing Engine
        • Connect Your Social Accounts
        • Connect your Shopify Store
        • Integrate Webpush Notifications
        • Setup Segment-based Engagement Rules
    • Factcubes
      • Fan Maturity Model
  • 💬Live Agent Engine
    • Get to Know Your Live Agent Engine
    • System Configuration
      • Installation Guide
      • Escalation Schedule
      • Multiple Team Involvement
      • Leave a Message & Contact Collection
      • Conversation Labels
      • Additional Channels & Placement
        • Bridge Placement
        • Bridge Email
          • Installation Guide
        • Facebook Messenger
    • Agent Overview
      • Logging In
      • Dashboard Overview
      • Profile Setup
      • Notification Preferences
      • Set Your Availability
      • Conversation Status
      • Assign a Conversation
      • Reply in a Conversation
      • Canned Responses
        • Add/Use a Canned Response
        • Modify/Delete a Canned Response
        • Best Practices
      • Participate in a Conversation
      • Private Notes & Mentions
      • Mute/Block a User
      • Prioritize Conversations
      • Resolve a Conversation
      • Export Transcripts
      • Macros/Automation
      • Keyboard Shortcuts
      • Ending Your Shift
      • Troubleshooting
    • Admin Overview
      • Adjust Team Assignments
      • Update Agent Status
      • Additional System Controls
    • Data & Reporting (Bridge)
    • Bridge Mobile App
  • SYSTEM UPDATES & SUPPORT
    • Help Center
    • Release Notes
      • Archived Product Updates
Powered by GitBook
On this page
  • Add an Image/GIF
  • Prewritten Response
  • Generated Responses
  • Our Recommendations
  • Image Linkouts
  • Image Specs
  • Header/Banner Ad: Logo Only
  • Header/Banner Ad: Full Banner
  • Response Images
  • Background Skin
  • Avatars
  • Custom Pop-Up Image

Was this helpful?

Last updated 4 months ago

Was this helpful?

Add an Image/GIF

Prewritten Response

  1. In the Satisfi Labs dashboard, go to Studio -> NLP Manager -> Responses

  2. Click the response you wish to update and select the pencil icon

  3. Within Form View, scroll to the Image section and select Add Image...

  4. Select Browse

  5. Upload your new image by selecting the upload icon in the bottom left corner

  6. Hover over the image you wish to include and click the Select button

  7. Publish your response updates

Generated Responses

If you want to add an image to a generated response, follow the steps below:


Our Recommendations

Image Linkouts

Explore how you can allow users to expand images in new tabs and redirect them to other web pages.

Utilize images as buttons! If a user selects the image, they will be sent to a designated link. Once you've added your image to the response, add the URL before publishing the response.

The URL must begin with https:// or http://

If you’d like a user to view the image in a larger window, you’ll want to provide an image URL link hosted within our dashboard. To find this:

  1. While in the Image Library, click on an image (note: click the actual image, not Select)

  2. Copy the URL provided at the bottom of the image

  3. Once copied, close the popup

  4. Paste this into the URL field to the right of the image within the response editor view

  5. Publish the response

Image Specs

We can support JPG, GIF, PNG, or SVG files. The following specs are recommended based on what we have found to be considered best practice.

Header/Banner Ad: Logo Only

  • Size: 234x60

  • Recommend File Type: PNG, GIF or SVG

  • An image file of around 100 KB is recommended. The file should not exceed 200 KB.

  • Horizontal logos with transparent backgrounds are strongly preferred

    The width of the header image will automatically be resized to fit within the boundaries of the header. However, we recommend that the header image is scaled such that the pixel height does not exceed 150 px.

Header/Banner Ad: Full Banner

  • Size: 5x1 ratio, 750x150

  • Supported File Types: PNG or SVG

  • An image file of around 100 KB is recommended. The file should not exceed 200 KB.

  • The width of the header image will automatically be resized to fit within the boundaries of the header. However, we recommend that the header image is scaled such that the pixel height does not exceed 150 px.

Response Images

  • Size: 2x1 ratio, 800x400 is preferred

  • Supported File Types: PNG, GIF or SVG

  • An image file of around 100 KB is recommended. The file should not exceed 200 KB.

  • If needed, your Account Manager can assist with recommendations on which Response IDs to include images on.

Welcome Message

If you’d like for your welcome message image to expand across the chat container (recommended for welcome messages in web/app channels), please switch to code view and add the following to the bottom of the card:

#SETTINGS
[display_type](card)

Please note that images are always rendered at the top of a response and we can only support one image per response.

Background Skin

  • Size: 375x600

  • Supported File Types: PNG or SVG

  • An image file of around 100 KB is recommended. The file should not exceed 200 KB.

  • The chat will render on multiple devices like desktop, mobile, tablet, etc. so if the image contains verbiage, we'll want to ensure during testing that it displays appropriately on each device.

Avatars

  • Size: 200x200

  • Supported File Types: PNG or SVG files are preferred

  • An image file of around 100 KB is recommended. The file should not exceed 200 KB.

  • Provide high-quality, clear image files. Transparent background is strongly recommended.

Custom Pop-Up Image

  • Size: The image file will be added with the exact dimensions of the image provided (a 50x50 px image will render a 50x50 px popup)

  • Supported File Types: PNG, JPG, or SVG

  • An image file of around 100 KB is recommended. The file should not exceed 200 KB.

  • For brand consistency, we strongly recommend utilizing your creative team in order to meet website requirements.

If the user is linked out to a URL by clicking the chat header image, be sure to include the link in the correct format to ensure tracking occurs. Click the link for more information.

Enrich Generated Responses
here
Example Header with a Logo Only (In Red)
Example Header with Logo GIF
Highlighted In Red
Example GIF in a Welcome Message
Branded Image (Coca-Cola) Related to User's Questions
Highlighted In Red
Use a Mascot as an Avatar
Create Your Own Character, Use Your Logo, Etc.
Include a Prompt Bubble with Your Pop-Up Image
Create an Image That Includes Text
Page cover image