How to add a virtual keyboard on your Shopify store

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans.

A virtual keyboard is a component that allows a user to enter characters without a physical keyboard. It’s an alternative input mechanism for those who cannot use a physical keyboard, or for multi-lingual users who switch frequently between different character sets or alphabets. Virtual keyboards are commonly used as an on-screen input method on smart devices or small devices with no ability/space to attach a physical keyboard.

In this post, I’ll teach you add an awesome virtual keyboard on your Shopify store.

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit, and then click Actions > Edit code.
  3. Click theme.liquid in the sidebar to open it in the editor.
    In the online code editor:
    – Add the below code before close </head> tag.

    – Add the below code before close tag
  4. Click Save and you’re done.

On front-end of your Shopify online store will appear a keyboard icon at left bottom of screen. You can click on to this icon to open the virtual keyboard.

Note: You must also load jQuery and jQuery-UI before loading this script.

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

1 Response

  1. Simon says:

    Hi, Thanks for this tip!

    Can I get this for a Hebrew keyboard?

Leave a Reply

Your email address will not be published. Required fields are marked *