Francis_Baraoidan_How to Use Shortstack

7/30/2019 Francis_Baraoidan_How to Use Shortstack

1/101

a friendly tutorial from sunnypsychedupfranz.wordpress.com

How To Run A FacebookPromotion Using

1


2/101


Go to Shortstackwebsite

2


3/101


Clickaddress bar and type

shortstack.com

3


4/101


Click Try it free

4


5/101


On the next page, accomplish

needed details to register

5


6/101


When done, click Create

Account

6


7/101a friendly tutorial from sunnypsychedupfranz.wordpress.com

This is the Shortstack interface

7



First, click Create a Blank Tab

8



Type a name for your project

9



Then click Create Blank Tab

10



You will be brought to the

Designer page

11



You create the layout of your

tab (promotion) here

12



You can see your tab name

here

13



The 3 sections: Add Widgets, Edit

Widgets & Live Preview

14



On the left column is the Add

Widgets

15



(!) Widgets are mini apps that

perform specific functions

16

HUWAAHT??



On the free version, these are

only the available widgets

17


18/101


On the middle section is the

Edit Widgets

18


19/101


The widgets you currently use

are listed here

19


20/101


Click/drag a widget from Add

Widgets to include here

20


21/101


Lastly, an interactive preview

of your tab is seen here

21


22/101


Lets take a quick look at the

ribbon above

22


23/101


In View group, toggle display

that only seen by

23


24/101


Administrator: moderator of

promotion

24


25/101


Fans: fans of your page

25


26/101


And Non-fans: seen by

everyone

26


27/101


Simulated Date displays the

look on a specified date

27


28/101


Simulated Country displays the

look on a specified country

28


29/101


Select from a default list of

Themes (or design and feel)

29


30/101


Tab width displays in Timeline

format

30


31/101


Data mode enables Live or Test

submissions upon interaction

31


32/101


And last, Mobile displays the

look on mobile devices

32


33/101


Now that your acquainted,

lets begin!

33


34/101


At Promotion Tools, click 1st

icon to create a Form

34


35/101


Edit widget window appears

35


36/101


Select I want to create new

form

36


37/101


Click Create New Form

37

i f


38/101


You will be asked for other

information

38

i d f i d li k


39/101


A notice reads. If interested, click

below. Otherwise

39


40/101


Type a name for your form

40

T il h d t t i f


41/101


Type email where data entries of

participants will be sent

41

T d t il b l t h i


42/101


Type details below to show in

REQUIRED Facebook disclaimer

42


43/101


READ Guidelines then check box

43

Cli k C t d C ti t


44/101


Click Create and Continue to

Form Designer

44

Thi i th F D i


45/101


This is the Form Designer page

where you can

45

C t fi ld h ti i t


46/101


Create fields where participants

can enter their details

46

A il bl fi ld di l d


47/101


Available fields are displayed

here

47

O i i i


48/101


Once again, preview is

displayed here

48

Fi t dd N fi ld b li ki


49/101


First, add Name field by clicking

+ icon

49

R d N fi ld b Cli k


50/101


Re-order Name field by Click

and Drag above Email field

50


51/101


Add Agree to Terms field

51

Yo can edit fields b clicking


52/101


You can edit fields by clicking

pencil icon at field

52


53/101


Click Form Settings tab

53

Facebook disclaimer with details


54/101


Facebook disclaimer with details

you specified earlier is here

54

For your own Promotion Rules


55/101


For your own Promotion Rules,

you can write down below

55


56/101


To finish, click Save Form

56

Return to Designer page to see


57/101


Return to Designer page to see

preview of form

57

Choose type of viewers who can


58/101


Choose type of viewers who can

see specified widgets

58

Next click Image widget to add


59/101


Next, click Image widget to add

an image

59


60/101


Click Select Image

60

Stuff at image box are added by


61/101


Stuff at image box are added by

upload

61

Click Choose File then search


62/101


Click Choose File then search

for your image

62


63/101


Thenclick Upload File

63

Click to select image at image


64/101


Click to select image at image

box

64


65/101


Click Use Selected Image

65


66/101


Click Save

66


67/101


Preview your image

67


68/101


Next, click Rich Text Widget

68

Compose a promotional text for


69/101


Compose a promotional text for

participants to read

69


70/101


When done, click Save

70


71/101


Preview, inserted text

71

Click Rich Text widget and drag


72/101


Click Rich Text widget and drag

below Image widget

72


73/101


See preview of order

73


74/101


75/101


Change settings seen below

75


76/101


Click Save

76

i i


77/101


See Like button on preview

77

How about comments? Click


78/101


How about comments? Click

shown Comments widget

78

Cli k S


79/101


Click Save

79

P ti i t t!


80/101


Participants can now comment!

80

Lets add a theme! At Live


81/101


Let s add a theme! At Live

Preview, click icon shown

81

Choose a theme that you like


82/101


Choose a theme that you like

and click

82

Th li k S


83/101


Thenclick Save

83

See preview to see if it looks


84/101


See preview to see if it looks

good

84

Now thats done, wanna post


85/101


Now that s done, wanna post

now to Facebook?

85

Cli k I t ll T b


86/101


Click Install Tab

86

Login to Facebook by clicking


87/101


og o aceboo by c c g

button

87

Cli k L I ith F b k


88/101


Click Log In with Facebook

88

Cli k All


89/101


Click Allow

89

Click Choose Q ick P blish


90/101


Click Choose Quick Publish

90

List of Pages* created in your


91/101


g y

Facebook account is shown

91

Click Install beside Facebook


92/101


Page you wish to promote

92

Now your Promotion is in


93/101


y

Facebook!

93

To edit the Tab name


94/101


To edit the Tab name

94

Return to Designer page and


95/101


g p g

click Manage Installs

95

Click Pencil icon to edit Tab


96/101


name

96

Edit name


97/101


Edit name

97

Test your promotion by putting


98/101


y p y p g

details in the Live Preview

98

Then click Submit


99/101


Thenclick Submit

99

Go to your email account and


100/101


see your recent entry

100


101/101

Promotion

success!Do this and see your

market traffic soar high!

Documents

Francis_Baraoidan_How to Use Shortstack