Skip to content

Instantly share code, notes, and snippets.

@paulegradie

paulegradie/AddPalavyrWidgetToWebsite

Created October 25, 2020 22:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save paulegradie/25a9c6a0bd2a82bfd15df5f1db45a4ce to your computer and use it in GitHub Desktop.
Save paulegradie/25a9c6a0bd2a82bfd15df5f1db45a4ce to your computer and use it in GitHub Desktop.
Download ZIP
Add your widget to your website
Raw
AddPalavyrWidgetToWebsite
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Awesome Website</title>
<style>
#mainFrame {
background-color: black;
position: fixed;
width: 380px;
height: 500px;
bottom: 30px;
right: 30px;
border-radius: 8px;
}
</style>
</head>
<body>
... // your website code
<iframe id="mainFrame" src="https://widget.palavyr.com/widget?key=279776fc-2c37-49f5-95b1-08e3cacb56fe" >Alt Text</iframe>
</body>
</html
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment