Skip to content

MailPoet

MailPoet

  • FeaturesArrow
    • CommunicateChevron
      • Communicate
      • WordPress Newsletters
      • Latest Post Notifications
      • Welcome Emails
      • WordPress Email Templates
    • CaptureChevron
      • Capture
      • Inactive Subscribers
      • WooCommerce Customers List
      • WordPress Users List
      • List Segmentation
      • WordPress Signup forms
    • Woo AutomatedChevron
      • Woo Automated
      • WooCommerce Email Customizer
      • Abandoned Cart Emails
      • First Purchase
      • Purchased this Product
      • Purchased in this Category
    • DeliverChevron
      • Deliver
      • SMTP for WordPress
      • Email sending infrastructure made for WordPress
  • WooCommerceArrow
  • PricingArrow
  • BlogArrow
  • SupportArrow
  • Account
  • Download

How to Create An “Offline” Customer Signup Form for iPads

iPad signup forms
Ján Mikláš
October 21, 2015April 27, 2023 3 min read 3
  • Capturing Emails

If you have a shop or you’re attending a trade show, then you’ll probably want to consider how you can subscribe people to your newsletter “offline”, without sending them to your website. Traditionally you’d use a notepad and pen, but this is incredibly time-consuming, as someone will have to manually type in the details (plus, bad handwriting and input errors can cause additional problems.)

In this tutorial, I’ll show you a much more effective way of getting people to sign up, using the MailPoet iFrame form.

There are a number of processes to follow to set up your signup form on an iPad:

  1. Create your signup form
  2. Install the “kiosk” app
  3. Set up your accessibility options

Create a signup form for iPads

In MailPoet->Settings->Forms select an existing form or create a new form. Under the Save button, click iFrame link.

Get iframe code for Facebook page tab

Copy the code to a text document, then get the URL (the long URL in the src= section shown in the image above) and copy it. Visit a URL shortening service like bit.ly and shorten your URL. This makes it much quicker to type it into your app later.

Write down your new shortened URL. Keep in mind most of them use a combination of lowercase and capital letters, so make sure you note the correct case or your URL won’t work properly.

Style your new iPad signup form

If you aren’t already using the iFrame code for something else, then the page probably looks pretty plain, and you’ll need to bring your best CSS skills. Remember that if you are using the iFrame code elsewhere, and you’ve already customized the iframe.css file, then your changes will be applied to all instances of the form.

If you haven’t already set up your iframe.css file, you can download our example file which already has some basic styles. This file needs to be uploaded via FTP to the folder wp-content/uploads/wysija/css. If the CSS folder doesn’t exist, create it, then upload the file. Don’t rename the file, as it needs to remain iframe.css.

Some design considerations for iPad: As people will be using the touch screen, it’s a good idea to have plenty of space around each of the fields, so that people can operate the form easily with their fingers. Using larger fonts will also help with readability, especially from a distance. Finally, make sure the submit button is large and easy to press.

Here’s what the final form looks like:

signup form for iPad from MailPoet

Install the “kiosk” app

Without a kiosk app installed, the user still has the ability to go backward and forwards in the history and type in the address bar, which we don’t want them to do.

I installed the app Kiosk Pro Lite, which has all the functionality I need. Once you’ve installed it, set the homepage to be your signup page (now is the time to use that shortened URL!) and change the “Idle Time Limit” to be around 20 seconds. The idle timeout is how long after the last touch of the screen until it resets. I set mine to about 10 seconds but you can always adjust this if you find it’s too short.

Under Display in the settings, I disabled everything:

Kiosk Pro Lite email signup form

Note that if you change any of the CSS after you’ve already loaded the page in the kiosk app, caching will occur, so you won’t see your changes. I couldn’t work out a way to prevent this or refresh the page, so make sure that you’re happy with your design before viewing it in the app.

Limit the accessibility

You can create a special mode on the iPad to prevent people leaving the app by pressing the home button. To do this, go to Settings -> General -> Accessibility -> Guided Access and click “Enable”. Set up a pin code to escape guided access mode in future.

Go live with your signup form

Now you’re ready to launch your new iPad signup form, so open up Kiosk Pro Lite and select “Run Kiosk Presentation”. Triple tap on the home key to enable Guided Access and press “Start”. You’re now ready to collect offline signups.

To escape Guided Access, triple click the home key and enter the passcode.

Want to learn more about making better signup forms? Check out our definitive guide on improving your signup forms.

Post navigation

ArrowPrevious Article
Next ArticleArrow

Sign Up to our Newsletter

Join 71,286 subscribers & get original tips and tricks delivered to your inbox each month.

Great! Check your inbox to confirm your subscription.

Related Articles

illustration of a space launch

7 of the Best WordPress Email Subscription Plugins 2020

If you want to create or grow your email list, you’ll need the help of a WordPress email subscription plugin. Depending on what you need help with, you might just want a tool to help you create great-looking email subscribe forms that connect to your existing email marketing service. Or, you might want a more […]

Read Article "7 of the Best WordPress Email Subscription Plugins 2020"Arrow
illustration of a space launch

3 Easy Ways to Start Capturing Emails Before Launching Your Website

The secret to getting ahead is getting started. –Mark Twain Mark Twain didn’t know about email list-building during his lifetime, but if he had, this statement would have been extremely relevant. So relevant, in fact, that we can still apply it to a website pre-launch strategy. In this post, we’ll look at how you can […]

Read Article "3 Easy Ways to Start Capturing Emails Before Launching Your Website"Arrow
Watering email flowers

20 Simple Ways to Get More Subscribers and Grow Your Email List

Looking for ways to grow your email list? When you spend so much time writing and crafting your email newsletters, it almost feels like it’s all for nothing when only a small handful of people read them. After all, you want to make your time count (and get your emails to as many people as […]

Read Article "20 Simple Ways to Get More Subscribers and Grow Your Email List"Arrow

Discussion

  • Michael Ginsburg November 16, 2015

    What about a similar guide for Android Tablets?

    • Justin Shead January 27, 2016

      I second that! A lot of entrepreneurs go with Android and are the jack of all trades type. We need this please and thanks!

      • Becs Rivett Kemm January 27, 2016

        Sorry but none of us have Android tablets to test this on!

Sorry ! Comments are closed.

Use of your personal data
We and our partners process your personal data (such as browsing data, IP Addresses, cookie information, and other unique identifiers) based on your consent and/or our legitimate interest to optimize our website, marketing activities, and your user experience.

Customize

Your privacy is critically important to us. We and our partners use, store, and process your personal data to optimize our website such as by improving security or conducting analytics, marketing activities to help deliver relevant marketing or content, and your user experience such as by remembering your account name, language settings, or cart information, where applicable. You can customize your cookie settings below. Learn more in our Privacy Policy and Cookie Policy.
Always active

These cookies are essential for our websites and services to perform basic functions and are necessary for us to operate certain features. These include those required to allow registered users to authenticate and perform account-related functions, store preferences set by users such as account name, language, and location, and ensure our services are operating properly.

These cookies allow us to optimize performance by collecting information on how users interact with our websites.

These cookies are set by us and our advertising partners to provide you with relevant content and to understand that content’s effectiveness.

  • Mailpoet home linkMailPoet
  • CompanyChevron
    • About us
    • Contact us
    • Follow us on Twitter
    • On GitHub
  • SwitchChevron
    • Switch to MailPoet
    • MailPoet vs Mailchimp
    • Performance FAQ
    • Deliverability for WordPress
  • LegalChevron
    • GDPR Compliant
    • Terms and Conditions
    • Anti-Spam Policy
    • Privacy Policy
    • Privacy Notice for California Users
    • Support Policy
    • Do Not Sell or Share My Personal Information
  • ResourcesChevron
    • Logo
    • Documentation
    • Feature requests
    • Ultimate guide to emails in WP
    • Affiliate program
    • Plugin integrations
    • Hosts we recommend
    • Download on WP.org
    • Status

Proudly open source. Built exclusively with love for WordPress. Since 2011

2023 MailPoet

An oeuvre

DesktopMobile

Loading...