Description / feature:
Class Name:
Object Preview:
Messages
.comp_message
Hi there
-
Messages
.comp_message tiny
Hi there
Messages
.comp_message tiny
Description
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Delete this to remove block from navigation.
Messages
experience_loader
One sec...
Profile_modal
about_modal
Close
About us:
Towering architecture to towers built of people, visiting the sea to gorging on produce, Barcelona's to-do list is as plentiful as its sunny days. So what really cuts it? At the link in bio, bookmark the 23 best things to do in Barcelona for your next trip.
Visit our website
Terms and conditions
Privacy Policty
Delete all my usage data
Messages
sizing_container
Messages
.comp_message_story
Hi there
-
Messages
.comp_user_message
Hi there
Messages
controls_bar
chevron_left
Next
keyboard_arrow_right
Shop
Something else entirely
Something else entirely
Shop
spatial_audio_off
Chapter 1
chevron_left
chevron_right
Messages
progress_bar
New York Times
Ad
www.audi.com
Configure Controls
1
more_vert
Messages
progress_bar
New York Times
Ad
www.audi.com
Configure Controls
1
more_vert
Resize handle
resizer
Messages
.comp_user_message
chat
New York Times
Ad
www.audi.com
chevron_left
Next
keyboard_arrow_right
Configure Controls
Messages
back_button
used in vertical story mode
obsolete - no logner used
chevron_left
Back
Messages
.comp_message
Casey is typing...
Client render container
.comp_animation
Casey is typing...
Client render container
template_controls
Media
License media
Comp_updates
.comp_updates
Hi there
Recommendations
comp_products
Here are some nice products:
pause
0:45
volume_off
The Store
Line1
Price: 213 USD
Price: $421.11
See buying options
navigate_next
chevron_left
Recommendations
product_item style1
Here are some nice products:
The Store
Line1
Price: 213 USD
Price: $421.11
See buying options
Recommendations
swiper_pagination_bullet
Recommendations
comp_social
Here's a nice view...
chevron_left
navigate_next
Text options:
social_display
-
Learn more
chevron_right
cntraveller From Gaudí to Messi, towering architecture to towers built of people, visiting the sea to gorging on produce, Barcelona's to-do list is as plentiful as its sunny days. So what really cuts it? At the link in bio, bookmark the 23 best things to do in Barcelona for your next trip.
Text options:
social_display_image
Media component
.comp_media
Here's a nice view...
trending_flat
1 / 10
chevron_left
navigate_next
Multi-choice text
.user_media_element
Zoom
pause
0:45
volume_off
photo_camera
Caption
Multi-choice text
.user_media_element
Zoom
Caption
Recommendations item
comp_social_item
Loading content...
Recommendations
comp_recommendations
Here's a nice view...
Like
Recommendations item
comp_recommendation_item
Line1
This is the page description that can go on up to three lines of text
Price: $421.11
Add to cart
Recommendations item
comp_recommendation_item tiny
Line1
This is the page description that can go on up to three lines of text
Price: $421.11
Add to cart
Media component
comp_payments
Order Summary:
48.00 USD
Product Details
24.231 USD
Product Details
25.231 USD
Secured by
Media component
comp_payments
Confirm order
Swipper pagination bullets - black and white
swiper pagination bullet
Text options:
.comp_multiple_choice
.textoptions_holder
Here are the options
Interactive
12,212 Votes
Learn more
chevron_right
Text options:
.comp_multiple_choice
.textoptions_holder tiny
Here are the options
Interactive
12,212 Votes
Text options:
.textoptions_holder
story mode
Here are the options
Interactive
Layer Item when image
.textoptions_image
Media
Layer Item when image
.textoptions_square
Media
Price: $120,12
Layer Item
textoptions_item
A
done
Media
56%
Layer Item
textoptions_item
A
Media
56%
Layer Item
textoptions_item
Open as Attachment
Input container is blank - just holds a specific type of input - see below
.input_component
Regular input - phone number, email, etc
.regular_input
What do you think about this?
keyboard
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Alright, next...
chevron_right
Skip answer
We sent you a validation code to
Edit input
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Validate
chevron_right
Skip answer
Please check the options below.
Terms & Conditions
Privacy Policy
Regular input - phone number, email, etc
.regular_input
What do you think about this?
email
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Please check the options below.
Skip answer
Taller input
.large_input
This is large:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Please check the options below.
Alright, next...
Skip
Address component
.address_input
This is address:
Street Address:
Apt, suite, building (optional):
Postal Code:
City
Country:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Please check the options below.
Alright, next...
Skip
Almost there...
Layer Item
.layers
Dismiss All
Layer Item
custom_size_button
Custom size
Dynamic variable mention
mention
First Name
Macros container
macros_container
Dynamic variable mention
mentions_container
URL Data:
Please make sure that....
Dynamic variable mention
garbage
This is some text inside of a div block.
Answer from Question 1
This is some text inside of a div block.
Answer from Question 1
This is some text inside oThis is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.f a div block.
Dynamic variable mention
mention
Answer from Question 1
Layer Item
.notification_message
Well done ✌️
This is a notification message
Layer Item
.notification_message
Create from URL dialogue
createfrom_url_dialogue
Enter one or more URLs:
Add new URL
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add Presets
Create from URLs
Product page(s)
TIP: You can paste multiple URLs in the first field
Create from URL dialogue
.notification_message
1
Delete
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Layer Item
.layers
5
CHAPTER
This is the layer name
251,123 views
24 sec avg time, 231 clicks
Mark as first
Mark as Expand
Edit
Delete
Are you sure ?
Yes
Nevermind
Layer Item
.history_item
5
CHAPTER
This is the layer name
251,123 views
24 sec avg time, 231 clicks
Mark as first
Edit
Delete
Are you sure ?
Yes
Nevermind
Layer Item
.layers
5
CHAPTER
This is the layer name
251,123 views
24 sec avg time, 231 clicks
Mark as first
Edit
Delete
Are you sure ?
Yes
Nevermind
Layer Item
.layers
Entry
Delete
Layer Item
macros_layer
5
CHAPTER
--
Client render container
bot_details
---
16:10 PM
Client render container
bot_details
inverted
---
16:10 PM
Client render container
user_details
16:10 PM
Change
You
Chat intro blurb
comp_chat_intro_obsolete
-
You are now getting your updates from The Guardian on this fine day.
January 12, 2021, 12:12PM
Chat intro blurb
comp_headline
Author: Josh Adams
This is some text inside of a div block.
January 12, 2021, 12:12PM
Chat intro blurb
comp_headline
This is some text inside of a div block.
January 12, 2021, 12:12PM
Chat intro blurb
comp_headline
Days
00
Hours
trip_origin
trip_origin
00
Minutes
00
trip_origin
trip_origin
Seconds
00
Client render container
.render_container_user
16:10 PM
16:10 PM
Rightclick menu component
rightclick_menu
New Conversation
Clone node
Copy
Duplicate
Move down
Delete
Timer that shows up over blocks. Has hidden elements under n/a
.scene_timing
Wait for
n/a
1 sec
2 sec
3 sec
4 sec
5 sec
10 sec
Video Durration
and then
n/a
Jump to next block
Stop here
Jump to block...
Open URL
Tip on text options or other scenes where jumps are not possible
.scene_tip
Tip: Use logic jumps or quizzes to link to other elements.
The tag used for conversation selector in the layers panel
.conversations_tag
Current Conversation
Feature Button (create new panel)
.featurebutton
Media
Send a simple message
S
KEY
Feature Button (create new panel)
.featurebutton
Feature Button (create new panel)
.featurebutton
5
5
5
5
5
5
5
5
5
5
5
5
used on conversation listing with the project dropdown
.conv_listing_item
Jump to next block
Tag Button
.tagbutton
Media
Demo
-
Media
Media
Media
Media
Media
Media
Media
Media
Media
Emoji
.emojiunit
😀
Emoji
.arrowleft
.arrowright
Component Name
.config_category_nav
Media
Component Name
.config_category_nav_regular
Media
Message presets
.presetmessage
This is the label
Del
Message presets
.logic_item
This is the label
Something else
Message presets
.image_indicator
This is the label
Style management
.style_item
This is the label
Style management
font_preview_item
Font preview
Font name
Style management
styles_panel
Style management
font_preview_item
Font name:
Font Name
Show all
Search font
FONT STYLE:
Serif
Sans
Monospace
Handwriting
FONT SOURCE:
Platform fonts
My Fonts
Text settings:
Align content:
Text:
Background:
Border:
Font size:
16px
|
|
|
|
|
|
|
|
|
Line height:
16px
|
|
|
|
|
|
|
|
|
Letter spacing:
16px
|
|
|
|
|
|
|
|
|
Padding Top
16px
|
|
|
|
|
|
|
|
|
Padding Bottom:
16px
|
|
|
|
|
|
|
|
|
Padding Left:
16px
|
|
|
|
|
|
|
|
|
Padding Right:
16px
|
|
|
|
|
|
|
|
|
Copy style from:
Apply style to:
Enable settings
Horizontal Padding:
16px
|
|
|
|
|
|
|
|
|
Input onFocus buttons
.input_text_option_buttons
@
Variables
Emojis
Logic Config Unit
.textoptions_logic_settings
jump to
open attachment
open url
Select block:
Block 21
Logic Config Unit
.textoptions_logic_settings
Add new things just here
Logic Config Unit
media_element_configurator
Image 31
Delete
Select image or video
F1 Key
Caption
License media
Logic Config Unit
media_element_configurator
Use image or video
Layout:
Content align:
More
Select image or video
F1 Key
Caption
speaker_notes_off
Audio Controls
volume_up
License media
Opacity:
16px
|
|
|
|
|
|
|
|
|
Brightness:
16px
|
|
|
|
|
|
|
|
|
Contrast:
16px
|
|
|
|
|
|
|
|
|
Saturation:
16px
|
|
|
|
|
|
|
|
|
Grayscale:
16px
|
|
|
|
|
|
|
|
|
Blur:
16px
|
|
|
|
|
|
|
|
|
Animation:
Duration
2s
|
|
|
|
|
Delay
3s
|
|
|
|
|
Image fill mode:
Click URL:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Min. screen Width:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Min. screen Height:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Tip: hide the media element based on a minimum width and height requirement. Leave as 0 to always show on any screen size.
Logic Config Unit
panel_controls
-
Mode:
Island
Tabs
Buttons
Position:
Top
Bottom
Next button:
opacity
format_color_text
Icon:
Previous button:
opacity
format_color_text
Icon:
Border Radius:
16px
|
|
|
|
|
|
|
|
|
Align:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Apply & refresh
Island style:
Default
Compact
texture
format_color_text
Island:
texture
format_color_text
Buttons:
texture
Slide indicator:
Page align:
Tabs style:
Default
Classic
opacity
format_color_text
Active tab:
opacity
format_color_text
Inactive tab:
texture
Navigation background:
Content align:
swap_vert
Swap Controls / Branding
Animate IN & OUT:
16px
|
|
|
|
|
|
|
|
|
Copy Settings
Paste Settings
Set on all Mobile
Set on all Desktop
Set on all Desktop & Mobile
Logic Config Unit
panel_controls
Branding in ON
Add new branding
Set as default
Pick photo
Brand name:
opacity
format_color_text
Description / URL (optional)
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Note: Edits to this brand will be reflected across all blocks and projects. Create a new branding if that's not what you want.
Update branding
Delete branding
Tag (optional)
opacity
format_color_text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
swap_vert
Swap Controls / Branding
Animate IN & OUT:
16px
|
|
|
|
|
|
|
|
|
Copy Settings
Paste Settings
Set on all Mobile
Set on all Desktop
Set on all Desktop & Mobile
Logic Config Unit
recommendations_element_configurator
Image 31
Delete
Select image or video
F1 Key
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
On click:
open URL
Jump to next block
Stop here
Advanced
Logic Config Unit
product_line_item
Image 31
Logic Config Unit
social_element_configurator
Image 31
Delete
Just testing
Update element
Media panel
.media_panel
Filters
Refresh
Any
Images
Videos
Giphy
Collections:
Creative
Editorial
Sort by:
Best match
Newest
Most popular
Orientation:
Vertical
Horizontal
Square
Panoramic
MY LIBRARY
unsplash
getty
upload
expand
Media panel
media_search_results
gallery_holder
Summary:
Select Multiple
Use files
Load more
Media panel
product_settings
Filters
Add from URL
Add New
Physical Products
Subscriptions
Collections:
Creative
Editorial
Sort by:
Best match
Newest
Most popular
Orientation:
Vertical
Horizontal
Square
Panoramic
Enter one or multiple URLs:
Fetch URLs
Delete
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Showing 120 results of 12,412
You don't have any products.
Add New
used as block
product_item
-
Line1
This is the page description that can go on up to three lines of text
Price: $421.11
Add to cart
used as block
product_item_floating
add
local_offer
Product Name Goes
Product Name Goes
arrow_drop_down
arrow_drop_up
shopping_basket
$123.12
used as block
product_item_floating
add
shopping_basket
Shop
shopping_basket
$123.12
used as block
product_item_floating
add
shopping_basket
Shop
shopping_basket
$123.12
used as block
product_item_floating
bar
add
shopping_basket
Shop
shopping_basket
$123.12
used as block
product_item_floating
plus
add
shopping_basket
$123.12
used as block
product_item_floating
plus
add
shopping_basket
$123.12
used as block
product_item_floating
plus
add
local_offer
Product Name Goes
Product Name
shopping_basket
$123.12
used as block
product_item_floating
extra
add
local_offer
Product Name Goes
Product Name
arrow_drop_down
shopping_basket
$123.12
used as block
product_item_floating
extra
add
local_offer
Product Name Goes
Product Name
arrow_drop_down
arrow_drop_up
shopping_basket
$123.12
used as block
floating_panel_settings_top
used as block
floating_timing_settings
shoppable_indicator
1
play_arrow
replay
21s
00:00
20s
21s
21s
|
|
|
|
|
|
|
|
|
used as block
product_modal
arrow_back_ios
shopping_basket
Balenciaga
Product name
$123.00
-
When running becomes a daily habit, stability and comfort are crucial. The Nike React Miler 2 By You delivers—bringing back the cushioning and intuitive design of its predecessor with an all-new upper that reduces bulk, offering support and a secure feel for every mile.When running becomes a daily habit, stability and comfort are crucial. The Nike React Miler 2 By You delivers—bringing back the cushioning and intuitive design of its predecessor with an all-new upper that reduces bulk, offering support and a secure feel for every mile.When running becomes a daily habit, stability and comfort are crucial. The Nike React Miler 2 By You delivers—bringing back the cushioning and intuitive design of its predecessor with an all-new upper that reduces bulk, offering support and a secure feel for every mile.When running becomes a daily habit, stability and comfort are crucial. The Nike React Miler 2 By You delivers—bringing back the cushioning and intuitive design of its predecessor with an all-new upper that reduces bulk, offering support and a secure feel for every mile.When running becomes a daily habit, stability and comfort are crucial. The Nike React Miler 2 By You delivers—bringing back the cushioning and intuitive design of its predecessor with an all-new upper that reduces bulk, offering support and a secure feel for every mile.When running becomes a daily habit, stability and comfort are crucial. The Nike React Miler 2 By You delivers—bringing back the cushioning and intuitive design of its predecessor with an all-new upper that reduces bulk, offering support and a secure feel for every mile.
Colour:
White
Dark
Size:
Small
Medium
Large
XXL
Qty:
-
1
+
arrow_right
Add to cart for $24.00
Transactions are secured by Stripe
Used in product gallery
attachment_modal
Article Title
Used in product gallery
media_element_product_modal
Used in product gallery
drop_down
Select
Preview Mode
Add new tag
Medium
Medium
Medium
Medium
Medium
Medium
Used in product gallery
drop_down
Select
Preview Mode
Add new tag
Medium
Medium
Medium
Medium
Medium
Medium
Used in product gallery
drop_down
with icons
Select
email
Add new tag
email
email
email
email
email
Rounded drop down
drop_down rounded
Select
Preview Mode
Add new tag
Medium
Medium
Medium
Medium
Medium
Medium
Rounded drop down
drop_down rounded blue
Select
Preview Mode
Add new tag
Medium
Medium
Medium
Medium
Medium
Medium
Rounded drop down
drop_down rounded white
Select
Preview Mode
Add new tag
Medium
Medium
Medium
Medium
Medium
Medium
Rounded drop down
drop_down rounded
light
Select
Preview Mode
Add new tag
dsadsadsadsadasdsadsadsadsadsadasdsadasdas
Medium
Medium
Medium
Medium
Medium
Rounded drop down
radio
Non skippable
Used in product gallery
tag
Tag Name
Used in product gallery
product_pagination_bullet
Used in product gallery
product_listing_item
Add
Edit
Delete
Ultraboost 21 Parley Shoes
Price: 174 GBP
Used in product gallery
product_listing_item
small
Ultraboost 21 Parley Shoes
Price: 174 GBP
Media panel
uploads_holder
Media element
.media_element
smart_display
image
Del
Click to use
Caucasian senior woman portrait. Sitting on armchair and looking lampshade.
Radio
.radio
Template
Radio
product preview
Template
Drawers
drawer_label
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Update third party tags
Typing status:
Idle status:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Project name:
URL Slug:
Share as Chat:
Share as Story:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Background image:
Mobile (9:16):
Select
Clear
Desktop (16:9):
Select
Clear
Headline:
Description:
Category:
Date:
Credits:
Call to action:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Product photo:
Select
Clear
Headline:
Description:
Category:
Date:
Credits:
Call to action:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
First Name:
Last Name:
Pick photo
Website:
About yourself:
Twitter:
Facebook:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Input configuration
.configuration_input
Media panel
product_settings
arrow_back_ios
Edit Feature
Save and close
1
Type
Product or subscription?
Dropdown
Physical product
Subscription
Select feature type:
perm_media
Gallery
Media gallery & feature details
perm_media
Article
Article-style & call to action
perm_media
Buy now
Product
Product page & call to action
north_east
Redirect
Redirect / no popup window
2
Call to action
Call to action:
opacity
format_color_text
Icon:
Product URL(s):
I'm feeling lucky
Delete
Loading URL...
Where to?
Action:
click to set-up
Jump to next block
Stop here
Advanced
The logic above gets saved as part of your block, not on the product.
3
Media
Product images:
FileName
Up
Down
Delete
Open Media Library
4
Content
Product name:
opacity
format_color_text
Store currency:
Please make sure to always use the same currency in a product collection.
Loading URL...
Regular price:
RON
On sale:
RON
Brand name:
Sub-headline:
Tags:
Category:
Inventory (SKU, ISBN, Barcode, etc)
Description:
Name:
opacity
format_color_text
Store currency:
Please make sure to always use the same currency in a product collection.
Loading URL...
Regular price:
RON
On sale:
RON
Brand name:
Sub-headline:
Tags:
Category:
Inventory (SKU, ISBN, Barcode, etc)
Description:
Product name:
opacity
format_color_text
Brand name:
Store currency:
Please make sure to always use the same currency in a product collection.
Loading URL...
Regular price:
RON
On sale:
RON
Tags:
Category:
Inventory (SKU, ISBN, Barcode, etc)
Description:
Sub-headline:
Headline:
opacity
format_color_text
Store currency:
Please make sure to always use the same currency in a product collection.
Loading URL...
Sub-headline:
Regular price:
RON
On sale:
RON
Brand:
Tags:
Category:
Inventory (SKU, ISBN, Barcode, etc)
Content
5
Availability and options:
Style
Delete
Label:
Values:
Add new option
2
Subscription settings:
Subscription name:
Monthly price:
$
Yearly price (advance payment):
$
Description:
Call to action:
Call to action label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Post-click experience preview:
Refresh
JPEG, PNG, GIF, MP4
1,067px minimum
600px minimum
add_circle
Add More
You can add multiple images that will effectively be different ads. The other text components will be shared.
arrow_forward_ios
arrow_back_ios
cancel
Headline
35-45 Characters
How to Bring Nature Inside With the Right Houseplants That live longer
Body Text
35-45 Characters
It’s no surprise that greenery has gained popularity during the pandemic.
Newsroom AI
|
Sponsored
Brand name
50 Characters
CTA
Select from presets
Find Out More
nws_template1
arrow_forward_ios
arrow_back_ios
Aircall
Promoted
Trusted by 13,000+ Companies
Easily integrate with cloud business tools & pave the way for satysfing customer journeys.
Open
Aircall
Promoted
Trusted by 13,000+ Companies
sss
Open
Aircall
Promoted
Trusted by 13,000+ Companies
Easily integrate with cloud business tools & pave the way for satysfing customer journeys.
Open
Aircall
Promoted
Trusted by 13,000+ Companies and this is the third line
Easily integrate with cloud business tools & pave the way for satysfing customer
Open
nws_template4 social display
Aircall
Promoted
Trusted by 13,000+ Companies
arrow_forward_ios
arrow_back_ios
Easily integrate with cloud business tools & pave the way for satysfing customer journeys.
Open
Aircall
Promoted
Trusted by 13,000+ Companies all over the world
arrow_forward_ios
arrow_back_ios
Easily integrate with cloud business tools & pave the way for satysfing customer journeys.
Open
nws_template1 v1
arrow_forward_ios
arrow_back_ios
Aircall
Promoted
Trusted by 13,000+ Companies
Easily integrate with cloud business tools & pave the way for satysfing customer journeys.
Open
Aircall
Promoted
Trusted by 13,000+ Companies
Easily integrate with cloud business tools & pave the way for satysfing customer journeys.
Open
Aircall
Promoted
Trusted by 13,000+ Companies
Easily integrate with cloud business tools & pave the way for satysfing customer journeys.
Open
Aircall
Promoted
Trusted by 13,000+ Companies
Easily integrate with cloud business tools & pave the way for satysfing customer journeys.
Open
nws_template3
arrow_back_ios
arrow_forward_ios
Aircall
Promoted
Trusted by 13,000+ Companies
Easily integrate with cloud business tools & pave the way for satysfing customer journeys.
Open
Message Panel Config
.comp_delay
.comp_variables
.comp_message_presets
.comp_emojis
.comp_emojigroups
pause
0:45
volume_off
photo_camera
-
Move up
Move down
Add
Clone
Del
format_color_text
texture
chat_bubble_outline
border_outer
Theme
Regular
Compact
Other
More
Styles
Regular
Compact
Other
More
Styles
computer
Apply Design to Desktop
checklist_rtl
Apply to all messagge blocks
fullscreen_exit
Add Breakpoint
delete_forever
Delete Breakpoint
file_copy
Copy Design
content_paste_go
Paste Design
Message Panel Config
.comp_delay
.comp_variables
.comp_message_presets
.comp_emojis
.comp_emojigroups
Move up
Move down
Add
Clone
Del
Message Panel Config
.comp_delay
.comp_variables
.comp_message_presets
.comp_emojis
.comp_emojigroups
Are you sure you want to delete this project?
Yes, very sure
Nevermind
Message Panel Config
comp_user_signup
Message Panel Config
.comp_delay
.comp_variables
.comp_message_presets
.comp_emojis
.comp_emojigroups
All Templates
My Templates
Message Panel Config
.comp_delay
.comp_variables
.comp_message_presets
.comp_emojis
.comp_emojigroups
Select advertiser to amplify with:
My Templates
Advertiser Name
5
Message Panel Config
.comp_delay
.comp_variables
.comp_message_presets
.comp_emojis
.comp_emojigroups
New York Times
Next
photo_camera
Police in Moscow block PushkinskaPolice in Moscow block Pushkinskaya Square to keep out protesters. A
FP/Getty Imagesya Square to keep out protesters. AFP/Getty Images
Add
Clone
Del
Main App Container
.main_app_container
Themes
My Templates
Apply to all
Main App Container
.main_app_container
Loading assets...
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
All
Message
Media
Links
Options
Shoppable
Inputs
Attachments
Message
Send a simple message
Media
Give people clear options
Story
Share a mobile Story
Link
Give people clear options
playlist_add
Image Info
Image Info
Conversation name:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Save name
Tip:
Give it a descriptive name so you can reference it later.
Use as template
5
5
Logout
Blocks
Analytics
History
Create new
5
CHAPTER
This is the layer name
251,123 views
24 sec avg time, 231 clicks
Mark as first
Edit
Delete
Are you sure ?
Yes
Nevermind
Close
Advanced Reports
Download CSV
Project
test
test
test
/
Conversation name
personal_video
phone_android
Story
Chat
You've not created any content yet.
Add your first block
Project Management Container ++ experience_preview
.main_project_container
Project Management Container ++ experience_preview
.main_project_container
Loading assets...
Blocks
Attachments
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
All
Message
Media
Links
Options
Shoppable
Inputs
Attachments
Message
Send a simple message
Media
Give people clear options
Story
Share a mobile Story
Link
Give people clear options
Multiple Choice
Give people clear options
Rich Choice
Offer an range of photos as options
Quiz
Give people clear options
Name
Get introduced
Phone Number
Formatted with the country code
Email
Ask for an email address
Input
Give people clear options
Website
Give people clear options
Consent
Get GDPR data consent
Feedback
Give people clear options
Log Out
Create
Share
Settings
Your first chapter is:
CHAPTER
--
All Chapters:
New Chapter
Add your first chapter
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Story
Chat
Native
Display
Social Display
Video
personal_video
phone_android
250x250
Make this the project starting point
Add your first chapter
Project Management Container ++ experience_preview
settings_content
Typing message:
This message is presented while messages are being prepared.
Idle message:
This message is presented after messages are sent.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
About us label:
About (optional):
Tell your audience more about you. This information is visible when clicking the logo / branding. If left blank, no panel will be displayed on click.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Website label:
Enter a good call to action.
URL:
The website URL.
Privacy Policy label:
Include a Privacy Policy link.
URL:
The Privacy Policy URL.
Terms and Conditions label:
Include a Terms & Conditions link.
URL:
The T&C URL.
Delete all usage data label:
Include the ability to remove all usage data, including logs and data submitted via input fields.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Third party tags or analytics:
Include external tags such as Google Analytics.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Category:
These categories will make up your site navigation.
Posters:
Upload
Upload
Upload
Posters are images used by social networks to preview your content in feed. Keep in mind that sizes they use vary, so make sure you have all three possible sizes: vertical, horizontal and square.
Webhook URL:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Webhooks are automated messages sent from apps when something happens. They have a message and are sent to a unique URL.
Project Management Container ++ experience_preview
sharing_content
Draft
Published
Preview URL: 
Open
Relfects your changes right away.
Production URL: 
Copy to Clipboard
Open
CDN-Cached.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Use as:
Landing page
In-feed
Chat button
Launcher
You can share different URLs based on how you wish your content to be experienced.
Use as:
Landing page
In-feed
Chat button
Launcher
You can share different URLs based on how you wish your content to be experienced.
Name
expand_more
Project Name:
URL Slug:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Template? OFF
Initial load size
Estimate size
-
Available sizes
expand_more
Max Width (px):
Max Height (px):
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Desktop:
Mobile:
Restrict the sizes this creative can be deployed in.
Poster
expand_more
Posters are the media elements presented when sharing your project on social networks, such as Facebook, Linkedin or Watsapp.
Brand Name
Yesterday at 11:20 AM
Change Poster
STORIES.NWS.AI
This is the content tiltle
1,421 Likes
520 Comments
Embed and share
expand_more
Preview page:
Embed anywhere:
Embed the content in any existing page.
Delivery Tag:
Use the delivery tag to ad-serve the content over platforms like DV360, Yahoo DSP, Xandr, etc
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Category:
These categories will make up your site navigation.
Posters:
Upload
Upload
Upload
Posters are images used by social networks to preview your content in feed. Keep in mind that sizes they use vary, so make sure you have all three possible sizes: vertical, horizontal and square.
Webhook URL:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Webhooks are automated messages sent from apps when something happens. They have a message and are sent to a unique URL.
Project Management Container ++ experience_preview
cover_management_container
Loading assets...
Blocks
Attachments
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
All
Message
Media
Links
Options
Shoppable
Inputs
Attachments
Message
Send a simple message
Media
Give people clear options
Story
Share a mobile Story
Link
Give people clear options
Multiple Choice
Give people clear options
Rich Choice
Offer an range of photos as options
Quiz
Give people clear options
Name
Get introduced
Phone Number
Formatted with the country code
Email
Ask for an email address
Input
Give people clear options
Website
Give people clear options
Consent
Get GDPR data consent
Feedback
Give people clear options
Log Out
Enable Cover
Colour overlay:
0%
50%
100%
Cover theme:
Create
Share
-
Make this the project starting point
Add your first chapter
Same as the above but horizontal - just a view, not used
.main_project_container_horizontal
Loading assets...
Blocks
Attachments
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
All
Message
Media
Links
Options
Shoppable
Inputs
Attachments
Message
Send a simple message
Media
Give people clear options
Story
Share a mobile Story
Link
Give people clear options
Multiple Choice
Give people clear options
Rich Choice
Offer an range of photos as options
Quiz
Give people clear options
Name
Get introduced
Phone Number
Formatted with the country code
Email
Ask for an email address
Input
Give people clear options
Website
Give people clear options
Consent
Get GDPR data consent
Feedback
Give people clear options
Alerts
Log Out
Profile
Project
Cover
Add your first chapter
Edit chapter
Delete
Mobile
Desktop
250x250
Make this the project starting point
Add your first chapter
Message Panel Config
.configuration_message
Content
Design
Controls
Branding
Line 1:
Emojis
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add Presets
Available styles:
Available styles:
Available styles:
Headline configuration
.configuration_headline
Content
Design
Controls
Line 1:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Line 2:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Line 3:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add Presets
Use a countdown
Deadline date:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Deadline time:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Seconds from now (at runtime):
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Tip: There are 86400 seconds in one day.
Include:
Days
Hours
Minutes
Seconds
Tip: Set up a future date, and hide months and days, to create a midnight countdown.
Days label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Hours label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Minutes label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Seconds label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Available styles:
Available styles:
Message Panel Config
.configuration_updates
Content
Design
Controls
Your message:
@
Variables
Emojis
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add Presets
Add Media
Available styles:
Layer Selector
.layer_selector
Configure logic:
Jump to
OPEN CONTENT
story
article
add to cart
Create new
1. Which conversation?
2. Which block?
Save Story URL
Stories will be show as pop-ups on top of the content.
Create new
Select the articles:
Update URL
Create new
Which product?
Side panel for library components. Expands with .advanced
.side_panel
Panel for product management
.side_panel_products
Message Panel Config
.comp_delay
.comp_variables
.comp_message_presets
.comp_emojis
.comp_emojigroups
Delay next block by:
Close
No delay
Automatic (time it takes to read)
1 second
3 seconds
5 seconds
Save current
Close
Close
The Group Label:
Multi-choice component
.configuration_textoptions
Content
Images
Answer
Logic
Design
Controls
Branding
Add images to the options:
Behavior:
Jump to
Survey
Quiz
Poll
Helps identify this block via the @ recalls panel (invisible to users)
Format:
Text
Dropdown
Grid
Circles
Label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Survey CTA:
opacity
format_color_text
Icon:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Max. number of selections:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add each option on a new line:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
What happens if:
Select the correct answer:
Select option to configure:
Available styles:
Available styles:
Input configuration
.configuration_input
Input Settings
Design
Controls
Branding
Field is skippable
Skip button caption:
Note: Skippable answers will not be available for recall
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Label:
Input CTA:
opacity
format_color_text
Icon:
Empty state text:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Select option to configure:
Available styles:
Panel tips:
1. Press ↩ Enter to create new options
2. Press @ to add new message variables.
3. Press F1 to open the emojis panel.
Available styles:
Panel tips:
1. Press ↩ Enter to create new options
2. Press @ to add new message variables.
3. Press F1 to open the emojis panel.
Input configuration
.configuration_payment
Settings
Design
Controls
Branding
Summary label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Payment button label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Shopping cart mode:
With shopping cart mode ON, users can add items to their cart across the experience.
Cart items:
Add Presets
Select option to configure:
Available styles:
Panel tips:
1. Press ↩ Enter to create new options
2. Press @ to add new message variables.
3. Press F1 to open the emojis panel.
Available styles:
Panel tips:
1. Press ↩ Enter to create new options
2. Press @ to add new message variables.
3. Press F1 to open the emojis panel.
Media Configuration
.advanced_media_options
Sort by:
Best match
Newest
Most popular
Collections:
Creative
Editorial
Orientation:
Vertical
Horizontal
Square
Panoramic
Look-up:
-
Media Configuration
.configuration_media
Settings
Design
Controls
Branding
Behavior:
Slide
Pano
Flip
Coverflow
Visibility:
Label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Media elements:
+
Create new
Available styles:
Available styles:
Content recommendations config
configuration_recommendations
Settings
Design
Controls
Branding
Behavior:
Slide
Stack
Cube
Label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Recommendations:
+
Add new
+
Create from URL
Available styles:
Available styles:
Content recommendations config
configuration_products
Settings
Design
Controls
Branding
Behavior:
Slide
Stack
Cube
Label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Products:
+
Add new
Available styles:
Available styles:
Content recommendations config
configuration_social
Settings
Design
Controls
Branding
Behavior:
Slide
Stack
Cube
Label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add post link or embed code:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
arrow_upward
Click out from the field to refresh
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Call to action:
opacity
format_color_text
Icon:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Caption:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Available styles:
Available styles:
Project configuration
.configuration_project
Settings
Themes
Embed
Publish
Project
Update project
Author
Update profile
Introduction
Update content
Third party tags
Update tags
Airtype branding
What happens when...
Image 31
Delete
Select image or video
F1 Key
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Select the correct answer:
Add images to the options:
Select option to configure:
Available styles:
Panel tips:
1. Press ↩ Enter to create new options
2. Press @ to add new message variables.
3. Press F1 to open the emojis panel.
Media Configuration
.advanced_media_options
Sort by:
Best match
Newest
Most popular
Collections:
Creative
Editorial
Orientation:
Vertical
Horizontal
Square
Panoramic
Look-up:
-
Media Configuration
.configuration_media
Settings
Styles
Behavior:
Slide
Stack
Cube
Label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Media elements:
+
Create new
Available styles:
Content recommendations config
configuration_recommendations
Settings
Styles
Controls
Branding
Behavior:
Slide
Stack
Cube
Label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Recommendations:
+
Create blank
+
Create from feed
+
Create from URL
Available styles:
Available styles:
Content recommendations config
configuration_social
Settings
Design
Controls
Branding
Behavior:
Slide
Stack
Cube
Label:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Embed:
Available styles:
Main App Container
.main_preview_container
Main App Container
main_attachments_editor
Project Management Container ++ experience_preview
sharing_management_container
Loading assets...
Blocks
Attachments
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
All
Message
Media
Links
Options
Shoppable
Inputs
Attachments
Message
Send a simple message
Media
Give people clear options
Story
Share a mobile Story
Link
Give people clear options
Multiple Choice
Give people clear options
Rich Choice
Offer an range of photos as options
Quiz
Give people clear options
Name
Get introduced
Phone Number
Formatted with the country code
Email
Ask for an email address
Input
Give people clear options
Website
Give people clear options
Consent
Get GDPR data consent
Feedback
Give people clear options
Log Out
Enable Cover
Colour overlay:
0%
50%
100%
Cover theme:
Project
Cover
Preview
https://stories.theguardian.com/story/a-sea-of-change
Open
-
Make this the project starting point
Add your first chapter
Loading assets...
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
All
Message
Media
Links
Options
Shoppable
Inputs
Attachments
Message
Send a simple message
Media
Give people clear options
Story
Share a mobile Story
Link
Give people clear options
Conversation name:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Save name
Tip:
Give it a descriptive name so you can reference it later.
Alerts
Log Out
Profile
Project
test
test
test
/
Attachment name
Desktop
Mobile
Save and exit
Copy
Paste
Save as template
Attachments Manager
main_attachments_container
Loading assets...
Blocks
Attachments
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
All
Message
Media
Links
Options
Shoppable
Inputs
Attachments
Message
Send a simple message
Media
Give people clear options
Story
Share a mobile Story
Link
Give people clear options
Multiple Choice
Give people clear options
Rich Choice
Offer an range of photos as options
Quiz
Give people clear options
Name
Get introduced
Phone Number
Formatted with the country code
Email
Ask for an email address
Input
Give people clear options
Website
Give people clear options
Consent
Get GDPR data consent
Feedback
Give people clear options
Alerts
Log Out
Profile
Conversations
Articles
New Article
Edit Article
Delete
Story pagination
story_pagination
Container that gets served
experience_container
Photo Credits
pause
0:45
volume_off
-
-
-
Configure Controls
1
more_vert
pause
0:45
volume_off
Desktop / horizontal mode
experience_container
Testing
pause
0:45
volume_off
-
-
-
Configure Controls
Preview Container while editing
main_preview_container
Loading assets...
Blocks
Attachments
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
All
Message
Media
Links
Options
Shoppable
Inputs
Attachments
Message
Send a simple message
Media
Give people clear options
Story
Share a mobile Story
Link
Give people clear options
Multiple Choice
Give people clear options
Rich Choice
Offer an range of photos as options
Quiz
Give people clear options
Name
Get introduced
Phone Number
Formatted with the country code
Email
Ask for an email address
Input
Give people clear options
Website
Give people clear options
Consent
Get GDPR data consent
Feedback
Give people clear options
History
Undo
Create
Preview & Save
Save and exit
21:20
A
A
stories.nws.ai
John Newton
Author
Modal for changing the project name
project_name_panel
Project Name:
URL:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Tip:
Click away to save and close this panel
Modal for changing the project name
author_settings_panel
Casey Newton
Casey
Casey
Upload photo
Bio:
Casey Newton is the founder and editor of Platformer, a publication about the intersection of tech and democracy. Prior to founding Platformer in October 2020, Newton was the longtime Silicon Valley editor of The Verge.
www.
www.airtype.com/platformer
Twitter:
CaseyNewton
Instagram:
CaseyNewton
Right click blur container
.rightclick_container