How to make an app width appsbuilder site: the tutorial!

1. Quick
Start
Guide
www.apps-­‐builder.com

2. Contents
This
tutorial
is
meant
to
guide
you
through
the
development
of
your
first
app.
3
easy
steps
will
provide
you
na<ve
Apple,
Android
mobile
applica<ons
and
web
apps.
2

3. Home
Page
Land
on
apps-­‐builder.com
and
you’ll
be
just
few
clicks
away
from
you
app
Create
a
new
app.
No
subscrip<on
required!
Convert
your
Wordpress
website
in
na<ve
app
3

4. 1. Name
your
app
and
start
adding
contents
Change
app’s
Ques<on
name
marks
provide
help
pop-­‐ups
Just
drag
pages
from
the
lower
Click
on
Paper-­‐
menu
to
create
icons
to
insert
new
pages
or
page
contents
sub-­‐pages
4

5. 2.
icons
open
content
menus
Example:
Facebok
channel:
1.
Copy
the
YT
channel’s
URL
2.
Choose
if
you
want
to
use
a
Feed
or
a
direct
link
to
YT
3.
Save
4.
Cancel
or
save
to
close
the
window
5

6. 2.
icons
open
content
menus
Example:
Facebook
page:
1.
Copy
the
FB
page’s
URL
2.
Choose
if
you
want
to
use
a
Feed
or
a
direct
link
to
FB
page
3.
Save
4.
Cancel
or
save
to
close
the
window
6

7. 2.
You
can
also
insert
different
contents
on
your
pages
• XML
FEDD
• Web
site
URL
• Text,
images,
links,
videos…
• Special
contents
(contact
form,
email..)
And
much
more!
Try
our
editor!
7

8.
Click
in
page’s
icon
to
change
name,
descrip<on
and
icon
• Default
Icon
sets
• Your
custom
icon
8

9. See
in
real-­‐<me
how
your
app
will
look
like!
• Click
on
the
icons
to
browse
your
app,
just
like
you
will
do
when
it
will
be
on
your
smartphone
• Or
click
on
the
link
below
the
preview,
scan
the
qr
cod
and
try
the
web
app
on
your
phone!
9

10. 3.
Click
on
templat
to
customize
your
graphics
• Choose
a
template
and
a
theme
• Or
create
your
own
one!
10

11. 4.
Customize
template:
background
• Choose
a
color
• Default
background
sets
• Upload
you
background
• Modify
transparency
level
11

12. 5.
From
this
menu
you
can
add
more
detailed
info,
your
contacts
and
set
how
your
app
will
look
like
on
the
stores
12

13. See
how
your
app
looks
like..
…
and
whenever
you’ll
be
ready,
save
it
and
go
to
the
next
step!
13

14. 6.
Sign
up/login
and
choose
a
pricing
op<on:
€190/year
FREE!
there
won’t
be
your
app
adver<sing
on
will
host
your
app
(unless
AppsBuilder’s
you
decide
to
adv
banners.
use
it).
14

15. And
you
app
is
ready!!
Direct
download
Apple
download
requires
an
Apple
developer
account
15

16. If
you
need
further
info
on
how
to
publish
apps
Visit
out
Publisher
Guide*
or
watch
our
video
tutorials
on
AppsBuilder
YouTube
channel**
*
hgp://www.apps-­‐builder.com/wiki/en/doku.php?id=docs:publish
16
**
hgp://www.youtube.com/user/appsbuildercom

17. If
you
have
any
doubt/quesPon:
Browse
our
site
to
find
support:
And
don’t
hesitate
to
contact
us!
17

18. Contacts
Mail:
info@apps-­‐builder.com
support@apps-­‐builder.com
Phone:
+39
02
4966
1426
Web:
www.apps-­‐builder.com
18