@raisenow/solution-embed

Solution Embed

Embed your RaiseNow donation or payment form directly on your website using the component provided by this package, and provide a more integrated and customized supporter experience.

See the KnowledgeBase article for more details.

Usage examples

Add some styles for the container:

<style>
  .cont {
    width: 100%;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
    max-width: max(352px, 580px);
  }
</style>

Web component

<script
  type="module"
  src="https://cdn.jsdelivr.net/npm/@raisenow/solution-embed/dist/index.js"
></script>

<div id="cont-01" class="cont">
  <rnw-solution-embed url="https://paylink-stage.raisenow.io/xtpqk">
  </rnw-solution-embed>
</div>

Imperative API

<div id="cont-02" class="cont"></div>
<script type="module">
  import {SolutionEmbed} from 'https://cdn.jsdelivr.net/npm/@raisenow/solution-embed/dist/index.js'

  SolutionEmbed.render('#cont-02', {
    url: 'https://paylink-stage.raisenow.io/xtpqk',
  })
</script>