Can someone tell me how to add a mobile phone emulator to a website or wordpress blog?

33 replies
I've seen websites where you can type your website url into a little finder box on a page or a post and it shows you what your website looks like on a mobile phone. (Usually there is a nice image or graphic of the phone, which frames your website.)

Sometimes it takes you to a separate page within the site that has the search box and emulator.

I'd really like to know how to do this. I have searched for it, but am probably not using the proper search terms, as I always find mobile phone emulators, but no scripts or instructions on how to set this up on a website or blog.

Any help would be greatly appreciated!

Val
#add #blog #emulator #mobile #phone #website #wordpress
  • Profile picture of the author cottonking2000
    You need to goto addons in wordpress. From that position, search addons term 'mobile' 'iPhone' 'android'

    Home | WordPress Mobile Pack Space | Assembla

    Here is a link for one of the addon mobile sites. If you want the site to auto forward to a type of mobile device - there are add ons for that too. Simple pimple.
    Signature
    Need 100's or 1000's of New customers a month? Watch this video. ADT Video Kuggaa mobile product Busicall.com inventor/programmer top tech products demo.com 199.99 for 15 month subscription Money back guarantee if not satisified! Email me for more info. I have customers getting over 6,555 Calls, emails, hits, direction requests and more a month!
    {{ DiscussionBoard.errors[4671825].message }}
  • Profile picture of the author I.M.Retired
    Thanks CottonKing, but that's not what I'm looking for. I don't want the site to render or forward to a mobile device, I want to test the existing site on a mobile simulator.

    I would like to have the options for iPhones and Blackberries, and iPads, if at all possible.

    (Answer found - links removed.)
    {{ DiscussionBoard.errors[4672359].message }}
    • Profile picture of the author tq
      Sorry No PM's yet. I don't mind helping out..

      Good luck
      {{ DiscussionBoard.errors[4672960].message }}
  • Profile picture of the author Quentin
    They are not called emulators Val but simulators.

    Emulators are mobile viewers loaded onto your computer like Mobilizer. They emulate a mobile website and functionality which is great to check if a site is already mobile friendly.

    Mobilizer | Springbox

    A simulator is a way to show off mobile websites and you can get a number of them

    http://preview.offermobi.com/preview/frames/

    If you want your own go to mobile simulator

    Iphone mobile simulator emulator

    Quentin
    {{ DiscussionBoard.errors[4672712].message }}
  • Profile picture of the author Jay Moreno
    Quentin - did you ever get your script working with Wordpress? Was actually thinking the other day how you could do it...
    Signature
    Sorry, I am too busy helping people to think of a cool signature!
    {{ DiscussionBoard.errors[4672792].message }}
    • Profile picture of the author noxid101
      Originally Posted by Jay Moreno View Post

      Quentin - did you ever get your script working with Wordpress? Was actually thinking the other day how you could do it...
      I have a solution for installing this mobile simulator into a wordpress site.
      Go to TweakingWp.com select the mobile simulator tab. It works great for me.

      If you're interested I can give you the script for doing this. Just PM me and ask

      Wanted to mention Quinton gives excellent support, if you're even considering buying his stuff I highly recommend it.

      Dylan
      Signature

      Newbies PM me if you need simple answers to simple questions. Don't waste too much time figuring things out (being lost) when all you have to do is ask for directions. TweakingWP.com

      {{ DiscussionBoard.errors[4880051].message }}
      • Profile picture of the author Ckventure
        Originally Posted by noxid101 View Post

        I have a solution for installing this mobile simulator into a wordpress site.
        Go to TweakingWp.com select the mobile simulator tab. It works great for me.

        If you're interested I can give you the script for doing this. Just PM me and ask

        Wanted to mention Quinton gives excellent support, if you're even considering buying his stuff I highly recommend it.

        Dylan
        Hi
        IMMoneynmagnet says "I want my visitors to be able to go to a page on my Wordpress based site, see an image of an iphone (or other smart phone) enter a URL and within the screen of the image see what their site would look like on a mobile device." this is exactly what I am looking for - though it need not be within wordpress.

        TweakingWP.com and any other simulator does not do what I am looking for (unless I am doing something wrong).

        Every simulator I have looked at is simply a window, looking at the top left of the full size page, + scroll bars. Whereas a real mobile has no scroll left or right (except when the user zooms in).

        Thumbnail services nearly offer what I want but they all offer the wrong aspect ratio ie will only fill half the screen of an iphone.

        Would be keen to see if Quintens simulator will do what I want. The link in this thread appears only to display one pre-set page.

        Any other pointers would be helpful.

        Thanks CKventure
        {{ DiscussionBoard.errors[5088030].message }}
        • Profile picture of the author scottlin
          Originally Posted by Ckventure View Post

          Hi
          IMMoneynmagnet says "I want my visitors to be able to go to a page on my Wordpress based site, see an image of an iphone (or other smart phone) enter a URL and within the screen of the image see what their site would look like on a mobile device." this is exactly what I am looking for - though it need not be within wordpress.

          TweakingWP.com and any other simulator does not do what I am looking for (unless I am doing something wrong).

          Every simulator I have looked at is simply a window, looking at the top left of the full size page, + scroll bars. Whereas a real mobile has no scroll left or right (except when the user zooms in).

          Thumbnail services nearly offer what I want but they all offer the wrong aspect ratio ie will only fill half the screen of an iphone.

          Would be keen to see if Quintens simulator will do what I want. The link in this thread appears only to display one pre-set page.

          Any other pointers would be helpful.

          Thanks CKventure

          Also looking for a product like this??? I tried one of the earlier links in the post and the view it gave of my website was nowhere near accurate to how it looks in reality on a smartphone.

          I don't want to mislead customers so are there any options that allow someone to enter their URL and get an accurate picture of how their website looks on a smart phone?
          Signature
          Hottest New Facebook App is here! Fans2Page!
          - Turn 30% of contest entrants into Real Paying Customers time and time again!
          -Use Facebook Notifications to reach 90%+ of your list when ever you want!
          Click here to check it out!


          {{ DiscussionBoard.errors[6760544].message }}
      • Profile picture of the author Samway
        Originally Posted by noxid101 View Post

        I have a solution for installing this mobile simulator into a wordpress site.
        Go to TweakingWp.com select the mobile simulator tab. It works great for me.

        If you're interested I can give you the script for doing this. Just PM me and ask

        Wanted to mention Quinton gives excellent support, if you're even considering buying his stuff I highly recommend it.

        Dylan

        Hey Dylan
        How are you? I just stumbled upon this thread as I was contemplating doing exactly what I saw on your site, that's creating a mobile phone simulator which I would put on my own WP website for clients to test their site.

        I will be really interested in knowing how to do that, so your help will be really appreciated. I couldn't PM you ( not having enough posts count). So you could maybe email me at samnebout@gmail.com. Thanks.

        Have a nice day

        Sam
        {{ DiscussionBoard.errors[6742633].message }}
        • Profile picture of the author WillR
          Originally Posted by Samway View Post

          Hey Dylan
          How are you? I just stumbled upon this thread as I was contemplating doing exactly what I saw on your site, that's creating a mobile phone simulator which I would put on my own WP website for clients to test their site.

          I will be really interested in knowing how to do that, so your help will be really appreciated. I couldn't PM you ( not having enough posts count). So you could maybe email me at . Thanks.

          Have a nice day

          Sam
          Just a word of advice. I would never post your email address on a forum. Especially not one of the biggest forums on the Internet. That email address will be useless to you in a few months time with all the spam you will get. I would remove it asap.
          {{ DiscussionBoard.errors[6742744].message }}
  • Profile picture of the author Quentin
    Had lots of suggestions and tried them all to no avail.

    It is getting time for someone to build one thats for sure

    Q
    {{ DiscussionBoard.errors[4672847].message }}
    • Profile picture of the author Jay Moreno
      Originally Posted by Quentin View Post

      Had lots of suggestions and tried them all to no avail.

      It is getting time for someone to build one thats for sure

      Q
      i bought your script the other day its pretty cool saved me a lot of time - i have already customized it a lot to suit my own needs, but will have a play with it this week and with WP see what i can come up and get back to you!
      Signature
      Sorry, I am too busy helping people to think of a cool signature!
      {{ DiscussionBoard.errors[4672980].message }}
  • Profile picture of the author cottonking2000
    Originally Posted by Val.S. View Post

    I've seen websites where you can type your website url into a little finder box on a page or a post and it shows you what your website looks like on a mobile phone. (Usually there is a nice image or graphic of the phone, which frames your website.)

    Sometimes it takes you to a separate page within the site that has the search box and emulator.

    I'd really like to know how to do this. I have searched for it, but am probably not using the proper search terms, as I always find mobile phone emulators, but no scripts or instructions on how to set this up on a website or blog.

    Any help would be greatly appreciated!

    Val
    Simple iPhone Emulator for Windows

    I use a iphone emulator - I believe the source is open and would not be hard to put on web for others to use. I assumed you wanted a mobile page LOL ASSUME = Ass...of myself.
    Signature
    Need 100's or 1000's of New customers a month? Watch this video. ADT Video Kuggaa mobile product Busicall.com inventor/programmer top tech products demo.com 199.99 for 15 month subscription Money back guarantee if not satisified! Email me for more info. I have customers getting over 6,555 Calls, emails, hits, direction requests and more a month!
    {{ DiscussionBoard.errors[4673258].message }}
  • Profile picture of the author I.M.Retired
    Quentin: Thanks for all the links.

    When I clicked your last link, I see the purchase link. However, I have no idea as to what to do with the thing when I purchase it? I don't know what 'creating mobile websites using the Mobile Website Tutorials' means?

    I also don't know what this means:

    'http://yoursimulator.info/?url=http://yoursite.mobi/customer site

    Or use a url shortener to make it simpler.
    Are they using the same script you are selling, as that is the script I am looking for. Would it work on a .html page added to a Wordpress blog?

    Also, the offermobi link checks websites in several phones. Is there a script that can be purchased and installed on your own site that can do this, plus be used on Wordpress?

    I'm off to check the rest of the links. I will be away from my computer until later today, so will check back then.

    Val

    p.s. Apologies for all the questions, but this is so new to me and "I know nuttin' at this point in time, so I'm here to learn. Thanks for your patience!
    {{ DiscussionBoard.errors[4675198].message }}
  • Try Opera Mini simulator which is a true mobile simulator...
    Signature
    {{ DiscussionBoard.errors[4675209].message }}
    • Profile picture of the author I.M.Retired
      I have checked the Opera simulator. It is very confusing, at least it is to me, and not at all what I am looking for.

      What I am looking for is what I posted in the links above.
      {{ DiscussionBoard.errors[4675230].message }}
  • Profile picture of the author Jay Moreno
    @val.s

    the website that your referring to that does a mock of the mobile site here

    [link removed at request of OP]

    if this is what your are looking to do then you need this package by Quentin:

    Iphone mobile simulator emulator - non affiliate link

    to make it look the same as the other sites layout you would need to customize Quentins package to suit your requirements, it is fairly straight forward though if you are familiar with basic HTML - currently it does not work with Wordpress as a plugin

    the script you referred to here:

    [link removed at request of OP]

    is just the script that they use to detect if a visitor to the site is using a mobile device or not... this script handles the redirect to a mobile version of the site... and will not do what you are wanting to do

    hope that makes sense

    cheers

    jay
    Signature
    Sorry, I am too busy helping people to think of a cool signature!
    {{ DiscussionBoard.errors[4675536].message }}
  • Profile picture of the author Mark Marzinzik
    I built my "emulator-look" into a theme from Elegant themes. Not an actual emulator but lets the client have their mobile web-site in "Lights" Site: Godex | Mobile
    {{ DiscussionBoard.errors[4677775].message }}
  • Profile picture of the author I.M.Retired
    DJOnes57: That's a pretty elegant looking site. Thanks for sharing! I like how you used the simulator, too. Great idea!
    {{ DiscussionBoard.errors[4677855].message }}
  • Profile picture of the author Neil B
    Hi Val

    I was looking to do a simlar thing within my main business wordpress website but ended up using my own custom version of Quentins fab simulator outside the wordpress platform itself.

    I display my mobile designs in a wordpress page as images, when a visitor clicks on an example iimage (or link) they go to the respect simulator pages for that design outside wordpress so they can see a live, working example of that design. All the simulator pages link back to the main mobile section of my website so it's pretty seemless in oportaion.

    Hope this makes sense

    Neil B
    {{ DiscussionBoard.errors[4702921].message }}
  • Profile picture of the author I.M.Retired
    So, if I understand you correctly Neil, what I need to do is post a clickable image that leads to an html page outside of Wordpress?
    {{ DiscussionBoard.errors[4703270].message }}
  • Profile picture of the author jideofor
    for wordpress mobile site, all you need is a wordpress plugin called mobilepress. there are many more. do the search through the big G.
    {{ DiscussionBoard.errors[4703615].message }}
    • Profile picture of the author Neil B
      Originally Posted by jideofor View Post

      for wordpress mobile site, all you need is a wordpress plugin called mobilepress. there are many more. do the search through the big G.
      Hi jideofor...my understanding is that Val is looking for a solution to incorpoate a simulator into his desktop wordpress site in order to dislay mobile designs within the site rather than simply optimising his wordpress site for 'mobile' via a plugin

      Neil B
      {{ DiscussionBoard.errors[4703688].message }}
  • Profile picture of the author immoneymagnet
    Hi Val..

    I get exactly what you you are trying to do....not sure why most people responding here do not. I am looking to do the same thing. Neil B. seems to understand what you're looking to do...did his suggestion work? If I understand what he's suggesting...it'll work....but not exactly how I am envisioning the ideal set up would be. I want my visitors to be able to go to a page on my Wordpress based site, see an image of an iphone (or other smart phone) enter a URL and within the screen of the image see what their site would look like on a mobile device. I know there are lots of really basic sites out there that offer this....so why can't we find where or how to add this to a WP based site? Seems like a good idea for a premium plugin!

    Well let me know if you found a solution. I may just try Quentin's product....but sounds like its not the ideal solution. Have you tried it yet?
    {{ DiscussionBoard.errors[4863235].message }}
  • Profile picture of the author Quentin
    Yeah thats my simulator but you still cant send a url to it as the get function does not work but if you just want a simulator it will work fine

    Q
    {{ DiscussionBoard.errors[4880132].message }}
    • Profile picture of the author mphillibert
      Quentin,

      I just purchased your simulator and got no confirmation email? Then I sent you an email and it bounced saying your email inbox is full. I am anxious to get started loading the script so please let me have the confirmation email or I will need to stop payment.
      Thank you


      Originally Posted by Quentin View Post

      Yeah thats my simulator but you still cant send a url to it as the get function does not work but if you just want a simulator it will work fine

      Q
      {{ DiscussionBoard.errors[7975320].message }}
      • Profile picture of the author mphillibert
        OK I found a link in PayPal and it took me to the download!! Thank you! I am looking forward to getting this up on my site

        Originally Posted by mphillibert View Post

        Quentin,

        I just purchased your simulator and got no confirmation email? Then I sent you an email and it bounced saying your email inbox is full. I am anxious to get started loading the script so please let me have the confirmation email or I will need to stop payment.
        Thank you
        {{ DiscussionBoard.errors[7975352].message }}
  • Profile picture of the author moreno
    hi Quentin , looks great but i have some Q. how we can create for clients ? on our server or them server? what kind of license ?
    {{ DiscussionBoard.errors[5094516].message }}
  • Profile picture of the author scottlin
    Add ons???

    What are these add ons? Have you got an example?

    Thanks
    Signature
    Hottest New Facebook App is here! Fans2Page!
    - Turn 30% of contest entrants into Real Paying Customers time and time again!
    -Use Facebook Notifications to reach 90%+ of your list when ever you want!
    Click here to check it out!


    {{ DiscussionBoard.errors[6760919].message }}
  • Profile picture of the author jaintechnosoft
    Dear mate, Thanks, You just made my day a little easier. Even i was searching for its script and instruction, by reading this thread, i got to know some stuff.
    {{ DiscussionBoard.errors[7978684].message }}
  • Profile picture of the author Cash Money
    Does anyone know of a plugin for WordPress that allows someone to enter a URL and then see what that site looks like on an iphone/ipad?

    Thanks!
    {{ DiscussionBoard.errors[8169576].message }}
  • Profile picture of the author 4webmaster
    I offer sim for boh WP and non WP. You will have to edit (replace url) in the html file. Before you buy any simulator check Warior forum and compare features, ease of use.... some might have less features but are free if you google it.
    {{ DiscussionBoard.errors[8173452].message }}

Trending Topics