> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-virtual-keyboard/virtual-keyboard-in-front-end.md).

# Virtual Keyboard In Front-end

Virtual Keyboard In Front-end

Once you configure virtual keyboard settings as per your Magento 2 store need, It will easily add on the Product page as you can see in below screenshot,

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FoyE6KYEYQiCwgYGx3psu%2Fimage.png?alt=media&amp;token=eaaa3412-cc9c-4003-8b6c-ab73febc9a3b" alt=""><figcaption></figcaption></figure>

Color picker option in frontend product page

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FxzNi8ZsrESxb3AxqW3HB%2Fimage.png?alt=media&amp;token=285876d7-b9eb-4748-84ba-09bd8b771fe1" alt=""><figcaption></figcaption></figure>