LogoLogo
Mluvii webLoginAPIDEMO
English
English
  • ABOUT
  • UPDATES MLUVII
    • 2.125
    • 2.124
    • 2.123
    • Archive
      • 2.122
      • 2.121
      • 2.120
      • 2.119
      • 2.118
      • 2.117
      • 2.116
      • 2.115
      • 2.114
      • 2.113
      • 2.112
      • 2.111
      • 2.110
      • 2.109
      • 2.108
      • 2.107
      • 2.106
      • 2.105
      • 2.104
      • 2.103
      • 2.102
      • 2.101
      • 2.100
      • 2.99
      • 2.98
      • 2.97
      • 2.96
      • 2.95
      • 2.94
      • 2.93
      • 2.92
      • 2.91
      • 2.90
      • 2.89
      • 2.88
      • 2.87
      • 2.86
      • 2.85
      • 2.84
      • 2.83
      • 2.82
      • 2.81
      • 2.80
      • 2.79
      • 2.78
      • 2.77
      • 2.76
      • 2.75
      • 2.72
      • 2.71
      • 2.70
      • 2.68
      • 2.67
      • 2.66
      • 2.65
      • 2.64
      • 2.63
      • 2.61
      • 2.60
      • 2.59
      • 2.58
      • 2.57
      • 2.56
      • 2.55
      • 2.54
      • 2.53
      • 2.52
      • 2.51
      • 2.50
      • 2.49
      • 2.48
      • 2.47
      • 2.46
      • 2.45
      • 2.44
      • 2.43
      • 2.42
      • 2.41
      • 2.40
      • 2.39
      • 2.38
      • 2.37
      • 2.36
      • 2.35
      • 2.34
      • 2.33
      • 2.32
      • 2.31
      • 2.30
      • 2.29
      • 2.28
      • 2.27
      • 2.26
      • 2.25
      • 2.24
      • 2.23
      • 2.22
      • 2.21
      • 2.20
      • 2.19
  • LICENSE TYPES
  • FOR OPERATORS
    • Login
    • Workspace
    • Accept client
    • Client interaction
      • WebChat
      • Client tab
      • Videocall
      • Share
      • Templates
      • Browser
      • End Session
      • Hero Cards
      • E-mail
      • Facebook Messenger
      • Apple Messages for Business
      • WhatsApp
      • VKontakte
      • IP Telephony
      • Telephone campaigns
    • Profile
  • FOR ADMINISTRATORS
    • Company management
      • Licences
      • Users
      • External contacts
      • Performance
      • Operator metrics
      • Dashboards
    • Tenant management
      • Contact directory
      • Sessions
      • All e-mails
      • Operators
      • Campaigns
        • Telephone campaign
          • Campaign Contacts
          • Missed Calls
        • WhatsApp campaign
          • Campaign Contacts
      • Settings
        • Groups
          • By operator utilization
          • To whole group (deprecated)
        • External groups
        • Routing
        • Rules
        • WebChat
        • Forms
          • Forms
          • Hero Cards
        • Chatbots
          • API chatbot
          • Microsoft Bot Framework chatbot
        • WhatsApp
          • Registration process
          • Adding a new phone number
          • Eligible Phone Numbers
          • Pricing
          • Template Messages
            • Conversations
          • Whatsapp ecosystem comparison
          • Data security and GDPR
          • Add WhatsApp widget to website
        • Apple Messages for Business
          • Add Apple widget to website
          • Data security and GDPR
        • Facebook Messenger
          • Add Facebook Messenger widget to website
        • VKontakte
        • E-mails
        • IP Telephony
        • Files
        • Templates
        • Routing visualization
        • Application
          • General
        • Blacklist
        • GDPR
  • FOR IT SPECIALISTS
    • Supported widget methods
    • Add WebChat button to website
    • Add Apple widget to website
    • Customization
      • Customized forms
        • Entry forms
          • Basic entry forms
          • Tenant selection forms
        • Feedback form
          • Basic feedback forms
          • Feedback forms with emojis
          • Feedback form with stars
        • Offline forms
      • Parameters
      • Customized Pop-up
      • Customized functions
      • Customized microsite
    • Public API
      • Authentication
      • Swagger
      • Public API FAQ
      • Webhooks
      • Webhooks FAQ
    • WIDGET API
    • Co-browsing
    • Mobile SDK
      • Android
      • iOS
    • Chatbot connection
      • Microsoft Bot Framework
      • API chatbot
        • API chatbot connection
        • Chatbot API-specific activities and events
      • Supported activities and events
      • Tips and Tutorials
    • Realtime statistics
      • Connection to influx database
      • Existing metrics
      • Examples
      • Grafana
    • Connect Office 365 mailbox
    • Connect Gmail mailbox
    • Software architecture
      • Data encryption
    • Telephony
    • Facebook
    • Files
    • WebChat
    • Cookies
    • Desktop Application
  • SECURITY
  • SYSTEM REQUIREMENTS
    • Minimum HW requirements for operators
    • Minimum SW requirements for operators
    • Supported browsers
    • Audio/Video
    • Supported languages
    • Desktop application
    • Minimum server requirements
    • Mobile application
  • HELPDESK
    • Bug Reporting
    • Manuals
      • Delete browser cookies
      • Delete Local and Session Storage
      • Clear cache memory
      • Add timestamps to logs in the browser console
      • Disconnecting inactive tabs in Google Chrome
    • FAQ
    • Keyboard shortcuts
    • Glossary
Powered by GitBook
On this page
  • How to create a new Hero Card
  • Editing Hero Cards
  • Available Hero Card components:
  • Text
  • Image
  • Video
  • Field
  • List
  • Confirmation buttons
  • Authentication buttons
  • Selection of time
  • List picker
  • Quick Reply

Was this helpful?

  1. FOR ADMINISTRATORS
  2. Tenant management
  3. Settings
  4. Forms

Hero Cards

PreviousFormsNextChatbots

Last updated 11 months ago

Was this helpful?

Under the name Hero Cards are interactive forms, offering new ways to connect customer care and sales, as well as advanced work with structured data and advanced reporting.

Hero Cards are one of the premium features of mluvii, so you will only find them in your administration if your company's licenses include this feature.

The Hero Cards editor is accessed via Settings -> Forms. Form settings can be made by users with minimum Tenant admin permissions.

Component
WebChat
Apple Messages for Business

✔

x

✔

x

✔

x

✔

x

✔

x

✔

x

✔

x

✔

✔

✔

✔

✔

✔

Request for payment

x

✔

You may also come across Hero Cards in the case of the WhatsApp communication channel. Unlike other Hero Cards, the WhatsApp Hero Card (called Template Message) can only be edited in the form editor in a limited way (uploading an image or video). With these exceptions, the content and form are defined outside the mluvii platform. More information can be found .

If you are creating a Hero Card for an Apple channel, we recommend using the following sizes (180 x 180 pixels) within the list picker and time picker components.

How to create a new Hero Card

To create a new Hero Card, click on the Add button. First, choose a form name (in this case, Hero Card). Next, select the type (Hero Card) and select the channel the Hero Card will be used for (WebChat or Apple). You can then select an existing Hero Card in the Created from field. The last thing to select when creating a new Hero Card is its location in the (if you do not select a location in the directory the form will be added to the default folder - All Forms). Then just click on the Create button.

The language of Hero Cards is governed by the language that the client has set in the browser (or on the device). In addition to the basic language (e.g. Czech), we recommend setting a foreign language, preferably English (default value).

The Hero Card menu in the operator interface is displayed according to the language of the client's browser. However, the operator can switch the Hero Card language at any time. For more information, see Hero Cards for Operators.

Editing Hero Cards

First, let's look at the Editor of Hero Cards. Click on the Add button and select one of the available field types from which you can compose Hero Cards.

When creating Hero Cards for Apple devices, only one component can be used in every single Hero Card.

Available Hero Card components:

Text

Classic text fields support rich text format. You can change its size, font style, and line spacing or add bullets and hyperlinks.

Image

If you choose to use an image, you must first upload it within files. To select an image, click in the space with the image symbol and select the specific file in the window that opens. You can also fill in the URL, which will redirect the image to your website.

Video

Similar to the image, you can also add the video you previously uploaded to the file tenant in the same way.

Field

First, name the field type by clicking the pencil icon. Then choose one of the five functions the field can have:

  • Text line - line for inserting shorter text, for example first and last name.

  • Text field - field for inserting and editing longer text. Click on Preview to immediately see the changes you are making to the form. For example, you can adjust the size of the text box by moving the bottom right corner.

  • E-mail - the field for inserting an email address controls the form of the address.

  • Number - a field that only allows you to type numbers.

  • Phone - a field to enter a phone number. It checks the standard format of the phone number.

Finally, in the right corner of the Field, assign a parameter, or a variable. You can choose from the preset parameters, or add your own.

You can also mark the field as Mandatory. If the client sees a mandatory field in the form, they cannot confirm the form submission without filling it in. When you're done with your edits, be sure to Save your changes.

List

Another option is to insert a List. First name the list and assign it a parameter. You can choose from two types of lists; radio button or drop-down list. To add options to the list, click on the + button. You can then check your edits in the preview before saving the form. The list, like the Field, can be made mandatory.

Confirmation buttons

Confirmation buttons always appear at the end of the Hero Card. They are inserted automatically if you use the Field or List component in the Hero Card editor. If you have only inserted a Text Field into the Hero Card, the confirmation buttons will not be added automatically, but you can insert them manually. The Buttons are used to record confirmation or rejection of information or offers in the Hero Card.

Authentication buttons

You can use this component as an alternative way to identify a client using a Facebook or Google account. You can force the use of the component by selecting the "required field " checkbox.

Selection of time

The Time Picker component allows the client to select one of the offered times/dates (e.g. to make an appointment). These times are always added to the specific Hero Card by the operator before sending the Hero Card. Don't forget to select the parameter that will be used to save the option selected by the client.

List picker

You can give the client a choice between two (or more) products, for example. The client then simply clicks on one product to select the option and then confirms.

Quick Reply

You can use this component when you want the client to select and confirm one of the options. For both WebChat and Hero Cards for Apple devices, we can give the client up to 5 options to choose from.

The Identification Hero Card should be used as an alternative to the mandatory entry form. You don't necessarily need to have a mandatory entry form set up instead use the Identification Hero Card at the right time when you need to get identification information from the client.

If you have a WhatsApp channel you may encounter Hero Card for the , the so-called Template Message. If you decide to delete it, be prepared to delete the Hero Card not only in mluvii but also in the 360Dialog Client Portal.

here
WhatsApp channel
Text
Image
Video
Field
List
Confirmation buttons
Authentication buttons
Time selection
List picker
Quick Reply