[[result.subject]]

[[result.subject]]

[[result.subject]]

×

The page you are looking for doesn't exist!

You may have mistyped the address or the page may have moved.

WhatsApp widget


Generate embed code

Customize your WhatsApp widget and embed it on your webview!

Background color
Text color
Greeting text
Intent message

Copy and paste the below code to the <body> section of your website:
                                    <!-- WhatsApp Widget - by Jumper.ai -->
                                    
<style type="text/css">
.jmpr_whatsapp_roundButton:hover .jmpr_whatsapp_greeting_title_tooltip{opacity: 1 !important;}
.jmpr_whatsapp_roundButton .jmpr_whatsapp_greeting_title_tooltip::after{content: " "; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent [[whatsappWidgetBgColor]];}
</style>
<div id="jmpr-whatsapp-widget-container" class="jmpr-whatsapp-widget-container" data-whatsapp-number="[[countryCodeWithout_plusSign(whatsapp_country_code)]][[whatsapp_mobile_number]]" data-whatsapp-intent-message="[[whatsappWidgetIntentBody]]" data-whatsapp-background-color="[[whatsappWidgetBgColor]]" data-whatsapp-text-color="[[whatsappWidgetColor]]" data-whatsapp-greeting-title="[[whatsappWidgetHeadingText]]" style="position: fixed; z-index: 1000000; -webkit-backface-visibility: hidden; backface-visibility: hidden; bottom: 20px; right: 20px; display: inline-block; line-height: 1;"> </div>
<script src="https://jumper.ai/widget/js/whatsapp-widget.js"></script>
<!-- WhatsApp Widget - by Jumper.ai -->
Copy to clipboard

Preview