Stripe Payment Widget — Seamless Stripe.js Integration for ServiceNow Service PortalPayment #2359
Conversation
|
Hello @wiz0floyd |
| } | ||
|
|
||
| body { | ||
| background: #fafbfc; |
There was a problem hiding this comment.
Best practice for css is to use variables so that it can get values from the portal and theme.
| box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.04); | ||
| } | ||
|
|
||
| @media (max-width: 1024px) { |
There was a problem hiding this comment.
There are bootstrap classes that can be used for responsive elements instead of baking it into the widget CSS.
| ### 🧑💻 Author | ||
|
|
||
| **Abhishek Aggarwal** | ||
| ServiceNow Developer | Hacktoberfest 2025 Contributor | ||
| 🌐 [GitHub Profile](https://github.com/abhishek-aggarwal) | ||
|
|
||
| --- | ||
|
|
||
| ### 🏷️ Tags | ||
|
|
||
| `ServiceNow` `ServicePortal` `Stripe` `Hacktoberfest` `Widget` `Payment Integration` `Donation` |
There was a problem hiding this comment.
All of this is not needed
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Subscribe to Premium Plan</title> | ||
| <script src="https://cdn.tailwindcss.com"></script> |
| </div> | ||
| <sp-widget ng-if="c.data.record" widget="c.data.childWidget"></sp-widget> | ||
|
|
||
| <script> |
There was a problem hiding this comment.
Script blocks should not be used and this should live in the client controller or in an angular provider.
All DOM manipulation should be in the Link Function.
| @@ -0,0 +1,251 @@ | |||
| (function () { | |||
| data.stripeKey = gs.getProperty("Stripe_element_key"); | |||
There was a problem hiding this comment.
This should be a connection and credential record as indicated in the last review
|
Thank you for reviewing @wiz0floyd @abhix2112 As suggested, Please upload the working solution to Developer share as it's not the best fit for code snippet. |
3 participants
Overview
Added a fully functional Stripe Payment Widget built with
Stripe.js v3for the ServiceNow Service Portal.This widget allows users to securely make payments, donations, or subscriptions directly from within the portal, featuring modern UI, address validation, and 3D Secure support.
Key Features
Files Included
Stripe_Payment_htmlStripe_Payment_cssStripe_Payment_client_codeStripe_Payment_server_codeReadme.mdDeveloper Notes
stripe_element_keyStripePaymentProcessorfor backend Stripe API callsContributor
Abhishek Aggarwal
ServiceNow Developer | Hacktoberfest 2025 Participant