Apps Builder Tutorial

Quick  Start  Guide  

www.apps-­‐builder.com  

This  tutorial  is  meant  to  guide  you  through  the  development  of  your  first  app.  

Contents  

3  easy  steps  will  provide  you  na<ve  Apple,  Android  mobile  applica<ons  and  web  apps.    

2

Home  Page  

Create  a  new  app.  No  subscrip<on  required!  

Convert  your  Wordpress  website  in  na<ve  app  

Land  on  apps-­‐builder.com  and  you’ll  be  just  few  clicks  away  from  you  app  

3

1.  Name  your  app  and  start  adding  contents  

Ques<on  marks  provide  help  pop-­‐ups  

Click  on  Paper-­‐icons  to  insert  page  contents  

Just  drag  pages  from  the  lower  menu  to  create  new  pages  or  sub-­‐pages  

Change  app’s  name  

4

Example:  Facebok  channel:    

2.            icons  open  content  menus  

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

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

2.            icons  open  content  menus  

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

     Click  in  page’s  icon  to  change  name,  descrip<on  and  icon  

•  Default  Icon  sets  

•  Your  custom  icon  

8

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

3.  Click  on  templat  to  customize  your  graphics  

•  Choose  a  template  and  a  theme  

•  Or  create  your  own  one!  

10

4.    Customize  template:  background  

•  Choose  a  color  

•  Default  background  sets  

•  Upload  you  background  

 •  Modify  transparency  level  

11

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

12

5.  

See  how  your  app  looks  like..  

…  and  whenever  you’ll  be  ready,  save  it  and  go  to  the  next  step!  

13

6.  Sign  up/login  and  choose  a  pricing  op<on:    

€190/year  there  won’t  be  adver<sing  on  your  app  (unless  you  decide  to  use  it).  

FREE!  your  app  will  host  AppsBuilder’s  adv  banners.  

14

And  you  app  is  ready!!  

15

Direct  download  

Apple  download  requires  an  Apple  developer  account  

If  you  need  further  info  on  how  to  publish  apps  

Visit  out  Publisher  Guide*  or  watch  our  video  tutorials  on  AppsBuilder  YouTube  channel**  

16 *  hgp://www.apps-­‐builder.com/wiki/en/doku.php?id=docs:publish  **  hgp://www.youtube.com/user/appsbuildercom  

Browse  our  site  to  find  support:  

If  you  have  any  doubt/quesPon:  

17

And  don’t  hesitate  to  contact  us!  

Contacts  

18

Mail:    info@apps-­‐builder.com      support@apps-­‐builder.com  

Phone:    +39  02  4966  1426  Web:      www.apps-­‐builder.com