Apps Builder Tutorial

12,945 views

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
12,945
On SlideShare
0
From Embeds
0
Number of Embeds
7,322
Actions
Shares
0
Downloads
61
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Apps Builder Tutorial

  1. 1. Quick  Start  Guide  www.apps-­‐builder.com  
  2. 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. 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. 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. 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. 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. 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. 8.      Click  in  page’s  icon  to  change  name,  descrip<on  and  icon   •  Default  Icon  sets   •  Your  custom  icon  8
  9. 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. 10. 3.  Click  on  templat  to  customize  your  graphics  •  Choose  a  template  and  a  theme  •  Or  create  your  own  one!  10
  11. 11. 4.    Customize  template:  background   •  Choose  a  color   •  Default  background  sets   •  Upload  you  background     •  Modify  transparency  level  11
  12. 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. 13. See  how  your  app  looks  like..   …  and  whenever   you’ll  be  ready,  save   it  and  go  to  the  next   step!  13
  14. 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. 15. And  you  app  is  ready!!   Direct  download   Apple  download   requires  an  Apple   developer  account  15
  16. 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. 17. If  you  have  any  doubt/quesPon:  Browse  our  site  to  find  support:   And  don’t  hesitate  to  contact  us!  17
  18. 18. Contacts   Mail:    info@apps-­‐builder.com      support@apps-­‐builder.com   Phone:    +39  02  4966  1426   Web:      www.apps-­‐builder.com  18

×