InnoviaMail
  • ๐Ÿ‘‹Welcome to A InnoviaMail
  • Broadcast
    • ๐Ÿง‘โ€๐ŸซWhat you can do with broadcasts
    • โž•Create a Broadcast
    • โš™๏ธBroadcast Settings
    • โŒจ๏ธChoosing your email composer
    • ๐Ÿ—ฃ๏ธAugment your subject line with a preheader
    • ๐Ÿ“ฌAdding your recipients
    • โฒ๏ธSchedule your Broadcast
    • ๐Ÿ”‚Resend to non-openers automation
    • ๐Ÿ“ˆBroadcast Reporting
    • ๐Ÿ‘ฏDuplicate a broadcast
    • ๐Ÿท๏ธTag contacts who Open your broadcast
    • ๐Ÿ’ซResume an incomplete broadcast
    • โฌ‡๏ธExport Broadcast Openers & Unsubscribes
    • ๐Ÿ›‘Cancelar uma transmissรฃo
    • ๐Ÿ”—Cancelar um gatilho de funil de transmissรฃo
    • ๐Ÿ”งRevise tagging and funnel triggers for sent broadcasts
  • USING THE DRAG & DROP EMAIL COMPOSER
    • โŒจ๏ธThe Basics
    • โš’๏ธComponent Section Toolbar
    • ๐Ÿ›๏ธDesigning your email - Using Columns
    • ๐ŸฆถFooter
    • ๐ŸฆSocial Media Component
  • TRANSACTIONAL
    • ๐Ÿ“ฎTransactional SMTP Relay
    • ๐Ÿ“ญTransactional SMTP Relay requirements for Cloudflare
    • ๐Ÿ“Transactional templates
    • ๐Ÿท๏ธTransactional tags
    • ๐Ÿง€Use SWAKS for testing and troubleshooting
  • CONTACT LIST MANAGEMENT
    • โž•Create a contact list
    • โ™ป๏ธResubscribe after an unsubscribe
    • ๐Ÿ‘“List X-Ray
    • ๐Ÿท๏ธContact Tags Manager
    • โฌ‡๏ธExport your contact list
    • ๐ŸšซUploading a suppression list
    • โš ๏ธLarge suppression files
    • โ›”Exclusion Lists
    • ๐Ÿ‡ช๐Ÿ‡บGDPR Delete & Export
  • SEGMENTING
    • ๐Ÿง‘โ€๐ŸซWhat you can do with segments
    • โž•Create a segment
    • ๐ŸงฑDesigning your segment
    • ๐Ÿท๏ธTag contacts in a segment
    • โฌ‡๏ธExport a Segment's Contacts
    • ๐Ÿ†ŽA/B test using segments
  • INTEGRATIONS
    • ๐ŸŸขPabbly Connect
    • ๐Ÿ”ดZapier
    • ๐ŸชEvent webhooks
    • ๐Ÿ…ฐ๏ธAPI
    • ๐Ÿ”ฒIntegrating Pixabay into your email campaigns
    • ๐Ÿ“ฐWordPress
  • Funnels
    • ๐Ÿง‘โ€๐ŸซWhat you can do with funnels
    • โž•Create a funnel
    • ๐ŸŸงChoosing your funnel type
    • ๐Ÿ†”From Name & From Email - editing
    • โšกActivating your funnel
    • ๐Ÿ”—Trigger an email funnel from a broadcast
    • ๐Ÿท๏ธTag contacts who open your funnel messages
    • โŒจ๏ธChoosing your email composer
    • ๐Ÿ—ฃ๏ธAugment your subject line with a preheader
    • ๐Ÿค–Design your automated email sequence
    • ๐ŸšซContact Suppression and Exclusion
    • ๐Ÿ–‡๏ธAdding a funnel to an opt-in subscriber form
  • SUBSCRIBER OPT-IN FORMS
    • ๐Ÿง‘โ€๐ŸซWhat you can do with forms
    • โž•Create an opt-in form
    • 2๏ธโƒฃSending to double opt-in contacts
    • ๐Ÿ“‹Choosing your form type: floating bars, lightboxes,inline naked embedded, slide outs
    • ๐Ÿ”™Exit intent and display rules
    • ๐Ÿ“‹Adding email and name input boxes to your form
    • โœ๏ธSetting the size of your form
    • ๐Ÿ“ฑConfiguring how your form displays on mobile devices
    • ๐Ÿ“ฒConfiguring your mobile width
    • โœ–๏ธAdd a close window X to your form
    • โ›”Adding a "No" button that closes your form
    • ๐Ÿท๏ธTag subscribers who opt-in to your form
    • ๐Ÿ™…โ€โ™€๏ธAdding "no thanks" text which closes your form
    • ๐Ÿ”ฃView your form conversion rate
    • ๐Ÿ”—Connect an existing form to your account
    • ๐Ÿ’ Adding your form to your website
    • ๐Ÿค–Add opt-in subscribers to an automated email sequence
Powered by GitBook
On this page
  1. SUBSCRIBER OPT-IN FORMS

Configuring how your form displays on mobile devices

PreviousSetting the size of your formNextConfiguring your mobile width

Last updated 1 year ago

If you're like most websites, the vast majority of your visitors are viewing your site on their phone.

If you're not showing the your mobile visitors a form at all, or if the form they see isn't optimized correctly for the device they're on while matching your site experience and the type of traffic you have, you are hemorrhaging most of your potential subscribers.

Use the Desktop tab and Mobile tab to tune your form for each device type In our first example we'll show the desktop version of our slide out form

Now here's the same form, optimized for the a mobile screen

Even better is using a low profile form design for mobile devices and choosing the "Hello" style under display

Using large form sizes which obscure too much of the screen for mobile device types may penalize your SEO, so if enough of your traffic is coming from search, you may want to consider a low profile form for mobile device types

๐Ÿ“ฑ