suitability for online ordering system from mobile websites

  • Profile Image
    Tasha
    Asked on July 31, 2012 at 10:41 PM

    Hi,

    I'm looking for a way to do online ordering for take away food outlets. I run a mobile marketing agency. One service we provide is creating mobile optimised websites. One of my customers wants to have online ordering available as well as his menu. The services currently available in Australia for this charge a percentage of each order. I am wanting to offer a solution that comes only with a set-up fee and maintenance fee for my time. I have just set-up an account with username msnm. I have created a form with a few branching rules which seem to be working well.

    I chose iframe as the way to embed but when I looked at the form it didn't display well. Only half of it showed on my phone and simulator. 

    What is the best way of embedding onto a mobile site?

    Your forms are way easier to use than other form builders by the way.

    Many thanks,

    Tasha Stowell

  • Profile Image
    jonathan
    Answered on August 01, 2012 at 02:41 PM

    Hi Tasha

    Most of the time, the form display on the phone depends on the internal setting of display of the form itself.

    This is how you form look like in the older iphone 3GS. I does an autowrap and resizing of the fields.

     

    Please inform us if you have further inquiry.

    Thanks.

  • Profile Image
    msnm
    Answered on August 02, 2012 at 08:33 PM

    That looks good there. So how do I get it to look like that on all phones. What settings am I looking for?

  • Profile Image
    jeanettebmz
    Answered on August 02, 2012 at 10:10 PM

    @msnm

    We issually recomend our users to try Opera Mini or iCab. Also we recommend to embed the form using the iframe method

    Try these suggestions and let us know

    Jeanette

  • Profile Image
    idarktech
    Answered on August 02, 2012 at 10:24 PM

    In addition to my colleague's suggestion, please try to inject the following css codes to your form and check if this helps. I am not totally sure if this fixes the problem with mobile devices but worth a try.

    .form-all{

    width:100% !important;

    }

    .form-textbox, .form-textarea, .form-radio-other-input, .form-captcha input, .form-dropdown {

    width:100% !important;

    }

    .form-sub-label-container {

    white-space: normal !important;

    }

    .form-buttons-wrapper{

    margin-left:13% !important;

    }

    Follow this guide: How to Inject Custom CSS Codes

    Thanks!

  • Profile Image
    msnm
    Answered on August 03, 2012 at 02:33 AM
    Hi,

    Thanks for the info.

    That worked J

    Kind regards,

    Tasha Stowell
    Business Consultant
    Mobile Sites N More
    m: 0416 233 322
    e: tasha@mobilesitesnmore.com.au
    w: www.mobilesitesnmore.com.au

    Mobilesitesnmore_horizontal logo
    Mobile Marketing Made Easy


  • Profile Image
    idarktech
    Answered on August 03, 2012 at 02:35 AM

    Glad to hear it works for you. Cheers!