Support Widget

Introduction Usage Props

Introduction

A simple widget that can serve as support contact form for any website.

Enter your support email to test
Tap on the widget button at the buttom left corner to enter your message

Create a div with an id="support_widget" and data-email="yoursupport@email.com"

<div id="support_widget" data-email="yoursupport@email.com"></div>

You also need to add this css and javascript file to the buttom of your web page close to the body tag.

<link href="https://supportwidget.vercel.app/index.css" rel="stylesheet" />
<script src="https://supportwidget.vercel.app/"></script>

Prop	Required	Type	Default
data-email	`true`	string
data-primary_color	`false`	string	`#ff7f00`
data-name	`false`	string
data-heading	`false`	string	Welcome, You can drop us an email...
data-success_message	`false`	string	Your message was sent successfully.