Code Snippets 

The Code Snippets section helps you easily embed your DimePayments page into your own website. By copying and pasting the provided code, you can add a secure payment pop-up to your site without custom development. 

It’s a simple way to let your customers complete payments right on your website while still using DimePayments’ checkout flow. 

Payments Page Pop-up 

Your Code Snippets page includes clear, step-by-step instructions for embedding your payments page as a modal window. 

You’ll see two steps with ready-to-copy code: 

Add the Code Snippet After the <body> Tag 

This block includes: 

  • An iframe setup 

  • A stylesheet link 

  • A JavaScript include 

You’ll copy and paste this section immediately after the opening <body> tag in your website’s HTML. This ensures your payment modal loads correctly on every page where you want it available. 

Add the Link Wherever You Want the Button or Link to Appear 

This second snippet is a simple HTML link you can paste anywhere in your page content: 

  • It triggers the payment pop-up when clicked. 

  • You can place it wherever you want customers to see it (for example, as a “Donate Now” or “Pay Here” button). 

How It Works 

When customers visit your website: 

  • The snippet loads DimePayments’ secure payment form in a modal window. 

  • Customers complete their payment without leaving your site. 

  • All transactions still process securely through DimePayments. 

Customization 

While the default snippets are pre-configured for your account, you can work with your web developer to customize: 

  • Link text or styling 

  • Placement on your website 

Important Notes 

  • Always test your site after adding the code to ensure the payment pop-up works as expected. 

  • Make sure you have access to edit your website’s HTML or share the snippet with your web developer.