Skip to content

CMS Rich Messaging Elements

Rich Messaging Components

Website Chat Widget Website Chat Widget Website Chat Widget Website Chat Widget Website Chat Widget

Text & Image

Use text and image for user engaging dialog, recommendations,...

Website Chat Widget

{
    "elementCode": "fix-welcome-1",
    "elementType": "text",
    "image": "https://sa-imagedb.s3.eu-central-1.amazonaws.com/3E9/hotel-1209021_640.jpg",
    "txt": {
        "en": "Hello! 👋 <br>I am your chatbot Adam and I'm happy to answer any questions you might have. "
    }
}

Use carousel cards in order to display structured information in a neat and graphical way.

Website Chat Widget

{
    "elementCode": "carousel-generalInfo",
    "elementType": "carousel",
    "cards": [
        {
            "cardTitle": {
                "de": "Buchung",
                "en": "Booking"
            },
            "cardSubtitle": {
                "de": "Zu Ihren Diensten",
                "en": "At your Service"
            },
            "image": "https://.../book200.jpg",
            "buttons": [
                {
                    "type": "quickreply",
                    "de": {
                        "title": "Zimmer buchen"
                    },
                    "en": {
                        "title": "Book a room"
                    },
                    "successor": "frontdesk-book-room-3"
                },
                {
                    "type": "url",
                    "de": {
                        "title": "google",
                        "url": "https://google.de"
                    },
                    "en": {
                        "title": "google",
                        "url": "https://google.com"
                    }
                }
            ]
        },
        {
            "cardTitle": {
                "de": "Zimmer",
                "en": "Rooms"
            },
            "cardSubtitle": {},
            "image": "https://.../room200.jpg",
            "buttons": [
                {
                    "type": "quickreply",
                    "de": {
                        "title": "Zimmerkategorien"
                    },
                    "en": {
                        "title": "Room types"
                    },
                    "successor": "room-info-roomtype-1"
                },
                {
                    "type": "quickreply",
                    "de": {
                        "title": "Betten"
                    },
                    "en": {
                        "title": "Beds"
                    },
                    "successor": "room-info-bed-1"
                }
            ]
        }

    ]
}

Silent Elements

Use silent elements in order to modify context or send commands to the chat widget.

{
    "elementCode": "demo-scrollTop",
    "elementType": "silent",
    "setContext": {
        "variable1": "foo",
        "variable2": ["bar1", "bar2", "bar3"]
    },
    "commands": [
        {
            "command": "scroll",
            "position": "top"
        }
    ]
}

Advanced elements

Elements for service booking, appointment scheduling, feedback request, date range picking are currently available for our professional services customers.

If you are interested in using them please contact support@dialogshift.com.

Website Chat Widget Website Chat Widget Website Chat Widget Website Chat Widget