Configure

Quick Actions

Add buttons or icon tiles to the Home tab that open chat, help, news or a link, and pick their icons

A Quick actions block shows one to four buttons. Each button opens the chat, the Help tab, the News tab or a link. Use it for the way you want visitors to reach you. You can add as many Quick actions blocks as the 20-block limit allows. To add the block, see Home.

Choose a Layout

Quick actions block in the Stacked rows layout with three buttons, the first in the primary style

Layout sets how the buttons look.

  • Stacked rows. One full-width button per row. This is the default. Long labels read well.
  • Inline icon tiles. Square tiles in one row with the label under each icon. Best for channel switchers such as WhatsApp or Telegram.
Quick actions block in the Inline icon tiles layout with four coloured channel tiles

Set Up a Button

A new block starts with one button: Label Send us a message, the Chat icon, On tap set to Open Messenger and Style set to Primary. Click Add button for the next ones, up to four. A new button is labelled New button. The last button cannot be removed.

SettingNotes
LabelPlaceholder: Send us a message.
IconA searchable list. Pick No icon for none. See Icons.
ColoredShown for brand icons only. Off by default. Off uses the widget's foreground colour, which is safer on dark or branded surfaces. On shows the brand's own colours.
On tapOpen Messenger, Open Help, Open News or Open a URL.
URLShown for Open a URL. Must be an absolute https:// address. Placeholder: https://example.com/pricing.
StyleDefault, Primary or Ghost.

Icons

The quick action icon picker open with a search box, No icon and the Messaging group, with WhatsApp selected

Type in Search icons to filter the list. The icons come in three groups.

GroupIcons
MessagingTelegram, WhatsApp, Viber, Instagram, Messenger, Discord, Slack, LINE, Signal, WeChat
SocialFacebook, Twitter, X, LinkedIn, Reddit, TikTok, YouTube, Threads, Pinterest, Snapchat, Twitch, GitHub, Spotify
ActionsChat, Email, Phone, Video call, Help, Book, Bell, Star, Heart, Bookmark, Arrow right, Lock, Shield, User, Users, Globe, Calendar, Map pin, Shopping cart, Download, Gift, Document

Messaging and Social icons are brand marks and can use Colored. Actions icons are always one colour.

Was this page helpful?

On this page