Sparky Button Generator

To install, copy/paste this code inside your <head></head> element


<link rel="stylesheet" href="https://get-spark.com/button-generator/css/sparky-modal.min.css">
<link rel="stylesheet" href="https://get-spark.com/button-generator/css/sparky-button.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="https://get-spark.com/button-generator/js/sparky.js"></script>

And copy/paste this code inside your <body></body> element


<!-- THIS IS YOUR BUTTON -->
<button data-sparky-open="#modal-spark" class="{{ style }}" alt="Spark, the easy way to pay with Dash.">
  <img src="{{ logo }}"/>
  <span>{{ label }}</span>
</button>

<!-- THIS IS YOUR POP-UP MODAL -->
<div id="modal-spark" data-sparky-address="{{ address }}" data-sparky-amount="{{ amount }} {{ currency }}"></div>