Code Snippets
You can find code snippets in the dropdown under Advanced on the left hand side of your dashboard.
The Code Snippets section helps you easily embed your Dime Payments 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 directly on your website while still using Dime Payments’ 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 Now” button).
How It Works
When customers visit your website:
The snippet loads Dime Payments’ secure payment form in a modal window.
Customers complete their payment without leaving your site.
All transactions are still processed securely through Dime Payments.
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.