-
Regular Speech Bubble
For a normal speech bubble, use your character's name with this format in your script.
​
CHARACTER
Dialogue here.
​
​
-
Thought Bubble
Wrap parentheses () around the dialogue to get the thinking bubble.
​
CHARACTER
(Dialogue here.)
​
​
-
Narrator Box
Use NARRATOR or NARR to get a dialogue box with no names.
​
NARRATOR
Dialogue here.
​
NARR
Dialogue here.
​
To have your character's name appear on top of the narrator box, add the name next to NARRATOR inside parentheses.
​
NARRATOR (CHARACTER)
Dialogue here.
​
​
-
Toasters (Reader Messages)
To have a message drop down from the top of the screen, use the reader message command. This message appears for 5 seconds, then disappears.
​
readerMessage Message here.
​
readerMessage Message here. with messageTitle Title Here
![](https://static.wixstatic.com/media/f0b11e_8aff33c103b44ce4b30a752c24ca7d62~mv2.png/v1/crop/x_0,y_609,w_750,h_238/fill/w_84,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/f0b11e_8aff33c103b44ce4b30a752c24ca7d62~mv2.png)
![IMG_9745.PNG](https://static.wixstatic.com/media/f0b11e_6d57c27b3ead4e1c850f57ecf3edff79~mv2.png/v1/crop/x_0,y_589,w_750,h_238/fill/w_84,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/IMG_9745_PNG.png)
![IMG_9746.PNG](https://static.wixstatic.com/media/f0b11e_12b3047f91e847aa8083f5083c8a5705~mv2.png/v1/crop/x_0,y_603,w_750,h_238/fill/w_84,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/IMG_9746_PNG.png)
![IMG_9748.PNG](https://static.wixstatic.com/media/f0b11e_84a14cb6c69645dea0750baa3ef72d86~mv2.png/v1/crop/x_0,y_611,w_750,h_238/fill/w_84,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/IMG_9748_PNG.png)
![IMG_9748.PNG](https://static.wixstatic.com/media/f0b11e_84a14cb6c69645dea0750baa3ef72d86~mv2.png/v1/crop/x_0,y_4,w_750,h_238/fill/w_84,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/IMG_9748_PNG.png)
![IMG_9767.PNG](https://static.wixstatic.com/media/f0b11e_2eaaaeee379646879409b9089cf8b6d1~mv2.png/v1/crop/x_0,y_4,w_750,h_238/fill/w_84,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/IMG_9767_PNG.png)
Speech Bubble Placement​
​
You can change the size and place the speech bubble anywhere on the screen using this command format.
​
@speechbubble is x y to % with tail_position_direction
​
-
x y are the spot numbers which is where the bubble will be placed on the screen
-
% is the scale size of the bubble
-
tail_position_direction is where the tail/arrow that points to which character is talking.
-
"position" is top or bottom​
-
"direction" is left or right
-
These are the 4 available tail placements:
-
tail_top_left​
-
tail_top_right
-
tail_bottom_left
-
tail_bottom_right​
-
-
-
Use @speechbubble reset to reset the speech bubble.
![1.jpg](https://static.wixstatic.com/media/f0b11e_9c478613e09e4906abc991346215a4ab~mv2.jpg/v1/fill/w_43,h_93,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/1.jpg)
![2.jpg](https://static.wixstatic.com/media/f0b11e_37874ee8f1a54a21a7215b6739ec5df0~mv2.jpg/v1/fill/w_43,h_93,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/2.jpg)
![3.jpg](https://static.wixstatic.com/media/f0b11e_e874e06bf0b24e3096a106eb308325b2~mv2.jpg/v1/crop/x_0,y_360,w_828,h_1188/fill/w_64,h_93,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/3.jpg)
-
When previewing your story, tap on "Show Helpers" then tap on "Speech Bubbles".
-
Tap on "Move" to move the bubble around the screen.
-
Tap on "Scale" to change the size of the bubble.
-
Tap on "Show/Hide" to either hide or show the bubble.
-
Tap on "Cycle tail" to preview where you want the tail to face.
-
The size and spot coordinates can be found underneath the web previewer. You can copy and paste the exact code into your script.
​
Example:
@speechbubble is 160 223 to 90% with tail_bottom_left
Tap to continue...
​
Set the speechbubble's scale size to 0% to make the speechbubble hidden. Readers will not continue on with your story until they tap the screen. This technique can be used to let readers view/read a background without having to use pauses in your scene.
​
@speechbubble is 160 160 to 0%
​
Don't forget to reset the speechbubble afterwards: @speechbubble reset
​
​
​
Choosing Speech Bubble Colors
​
From the portal, click on the "Speech Bubbles" button to choose between using Slate, Blue, Purple, or Pink.
![](https://static.wixstatic.com/media/f0b11e_b3fdae47db4a4e4fb2816a2a724340e0~mv2.jpg/v1/crop/x_0,y_20,w_1680,h_305/fill/w_92,h_17,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/f0b11e_b3fdae47db4a4e4fb2816a2a724340e0~mv2.jpg)
Dont.