Lantern
A simple widget will help your users to reach you out.
![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LMCMaygUniml70ozWqQ%2F-LU3woeYvBg6lX-Ccbhf%2F-LU3xwNFhR296ykYVJ2e%2FScreenshot_2018-12-13_at_1.14.55_PM-2.png?alt=media&token=32a59602-3f02-49e5-93e8-82a28ed08575)
Creating a Lantern
1) Goto Manage -> Lantern and click New Lantern
![](https://firebasestorage.googleapis.com/v0/b/hndesk-prod.appspot.com/o/docs%2F5b975a8dff056b6ff9fcaccb%2F5ce3d542beb8c4217de9f278%2F1565708893882_image.png?alt=media&token=6908276f-9c2a-4028-9974-8a709c3c8def)
2) Give it a name and then select the mailbox which you prefer to receive those support requests.
![](https://firebasestorage.googleapis.com/v0/b/hndesk-prod.appspot.com/o/docs%2F5b975a8dff056b6ff9fcaccb%2F5ce3d542beb8c4217de9f278%2F1565708937961_image.png?alt=media&token=6f610d2d-ee94-4324-8e11-c09bff3f5465)
3) Click Add Lantern and that's it
Styling Lantern
1) Go to Manage -> Lantern and the hover the lantern you want to style.
![](https://firebasestorage.googleapis.com/v0/b/hndesk-prod.appspot.com/o/docs%2F5b975a8dff056b6ff9fcaccb%2F5ce3d542beb8c4217de9f278%2F1565709080116_image.png?alt=media&token=d475aefd-c179-40c5-8860-68de164e956b)
2) Choose the options in the popup and edit them to your need
![](https://firebasestorage.googleapis.com/v0/b/hndesk-prod.appspot.com/o/docs%2F5b975a8dff056b6ff9fcaccb%2F5ce3d542beb8c4217de9f278%2F1565709116276_image.png?alt=media&token=e0927c63-b365-4412-a99b-4a4412c772e7)
Installing Lantern via Javascript
1) Go to Manage -> Lantern and the hover the lantern you want to install
![](https://firebasestorage.googleapis.com/v0/b/hndesk-prod.appspot.com/o/docs%2F5b975a8dff056b6ff9fcaccb%2F5ce3d542beb8c4217de9f278%2F1565709028042_image.png?alt=media&token=f7987dce-dfc3-4dba-923b-b6159d563a22)
2) Copy and paste this code before the </body> tag. You can also mail your developer to get this added on the pages that you want your customers to contact.
![](https://firebasestorage.googleapis.com/v0/b/hndesk-prod.appspot.com/o/docs%2F5b975a8dff056b6ff9fcaccb%2F5ce3d542beb8c4217de9f278%2F1565709154352_image.png?alt=media&token=4f192d44-8c1f-4a5c-92d2-1d7921c4f059)
Installing Lantern via WordPress Plugin
1) Install the WordPress plugin from here and activate them. Upon activation goto Settings-> HelpNinja
![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LMCMaygUniml70ozWqQ%2F-LU4n3hh0h-x7luf_fQ3%2F-LU4oq7HJNa-r2UZyRE9%2FHelpNinja_Setting_%E2%80%B9_Sandbox_%E2%80%94_WordPress-2.png?alt=media&token=a7fb2e01-57e1-4652-a4b7-798b00134e60)
2) Goto your HelpNinja dashboard. Manage -> Lantern and then copy the latern id of the lantern you want to install on your WordPress site.
![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LMCMaygUniml70ozWqQ%2F-LU4n3hh0h-x7luf_fQ3%2F-LU4oiJUm14UHIMSCpOH%2FHelpNinja_-_Simple___Affordable_help_desk-7.png?alt=media&token=26dc3218-d832-4d06-82ee-1b81bac5f5d9)
3) In your WordPress side Enable Lantern and then paste this Lantern ID and click Save Changes
![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LMCMaygUniml70ozWqQ%2F-LU4n3hh0h-x7luf_fQ3%2F-LU4oY804D2grUrcbXyt%2FHelpNinja_Setting_%E2%80%B9_Sandbox_%E2%80%94_WordPress.png?alt=media&token=dc89b70e-c14b-4a8e-8229-22c5b6321b74)
WordPress contact form to send emails to HelpNinja
Set up Lantern configuration first by following these steps and then create a new page and add the short code [hn_form] Viola! you have the contact page which sends the customer queries as a ticket to your HelpNinja account
![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LMCMaygUniml70ozWqQ%2F-LU5sBMxX8NQ-fdP-PG9%2F-LU5uOtCXQAFCBcQx2Et%2FEdit_Page_%E2%80%B9_Sandbox_%E2%80%94_WordPress.png?alt=media&token=8c7f96c1-bbd3-40c1-b979-90fe4f0a6ab9)