Skip to main content
Send Us Your Form, and  We’ll Convert It Into an Online Form  For Free.
phone icon(210) 809-6809
phone iconLog In

Stripe

This guide will walk you through the process of generating API keys, authenticating your Stripe account in HIPAAtizer, and adding the Stripe Payment Element to your form.

Create a Restricted Key​

To create a Restricted Key, navigate to your Stripe Dashboard and access the API Keys section by clicking on the 'API Keys' tab found at the top of the page.

Next, generate a restricted API key that begins with "rk_" and assign the following permissions:

  • PaymentIntents: Write
  • Charges: Read

Stripe Dashboard API Keys section with the restricted key creation option

Stripe restricted API key configuration showing PaymentIntents Write and Charges Read permissions

Authenticate Your Stripe Account in HIPAAtizer​

  • Go to the Integrations menu found at the top of the page, and click 'Integrated Account'. Then, select 'Stripe' integration from the boxes below. Enter the Restricted Key you created earlier.

HIPAAtizer Integrations menu with Integrated Account section showing Stripe

Stripe integration settings with the Restricted Key input field

  • Next, retrieve your Publishable Key. It is available from your Stripe Dashboard here. Then, paste the Publishable Key in HIPAAtizer. Click on the 'Authenticate your Stripe Account' button to add your account in HIPAAtizer.

Stripe integration settings with the Publishable Key input and Authenticate button

Add a Stripe Payment Element to your Form​

Go to the 'My Forms' tab found at the top of the page and click the 'Edit' icon of the form that you would like to add the Stripe Payment Element .

Drag and drop the Stripe Payment Element component onto your form.

HIPAAtizer form builder with the Stripe Payment Element component in the Components panel

Stripe Payment Element component placed on the form after drag and drop

Set Up Products​

  • Add products by clicking the 'Add Product' button. Enter product details such as the name, amount, description, and upload an image if needed.

Stripe Payment Element settings with the Add Product button and product detail fields

Product configuration form with name, amount, description, and image upload fields

  • For a single product, enter the amount and name in the 'Amount' tab. You can also automatically source an amount from the form field. Check 'Select from Form Fields' to select the form field with the amount.

Stripe product Amount tab with a single product amount and name fields

Stripe product settings with the "Select from Form Fields" checkbox for dynamically sourcing the amount

Set Up Receipt Submission (Optional)​

Enable 'Send Receipt via Email' and choose the customer email field.

Stripe payment settings with "Send Receipt via Email" enabled and customer email field selector

Set Up Shipping (Optional)​

Imporant!

Ensure you have fields for customer first name, last name, and address.

Enable 'Include Shipping Cost' and add shipping options. Configure the required contact information for shipping. Select the customer's first name, last name, and address from the form fields.

If necessary, select the 'Customer Phone' checkbox to include this field in the required contact information. Then, choose the customer's phone number from the form fields.

Stripe shipping settings with "Include Shipping Cost" enabled and shipping options

Stripe shipping required contact information section with first name, last name, and address field selectors

Stripe shipping settings with optional Customer Phone field enabled

Set Up Automatic Payment Processing (Optional)​

Enable to automatically process payments upon form submission, hiding the 'Pay' button.

Stripe automatic payment processing setting enabled, hiding the Pay button on form submission

Save your Settings​

Click on the 'Save Changes' button in the bottom of the Settings window.

Stripe Payment Element settings with the Save Changes button highlighted

Save and Publish your Form​

Click on the 'Save' button to save your form. Then click on the 'Publish' button to get a link to the form that you can share with your customers, or to access the 'Embed and Integration' options.

HIPAAtizer form builder with the Save button highlighted

HIPAAtizer form builder with the Publish button highlighted

HIPAAtizer Embed and Integration options after publishing the form

Enable Apple Pay and Google Pay​

The Stripe Payment Element can show Apple Pay and Google Pay automatically, but Stripe only displays them once the domain that shows the form is registered as a payment method domain in your connected Stripe account.

Register your payment method domains​

  1. In your Stripe Dashboard, go to Settings → Payment method domains.
  2. Click Add a new domain.
  3. Register the domain(s) where your form is displayed (see below).

Because the form already loads Stripe.js, Stripe verifies the domain and handles Apple Pay merchant validation for you, so no file upload is required.

Which domain(s) to register​

HIPAAtizer forms render inside an iframe served from app.hipaatizer.com. Apple Pay requires every domain in the chain to be registered:

  • Using the hosted form link (the app.hipaatizer.com URL): register app.hipaatizer.com.
  • Embedding the form on your own website: register both app.hipaatizer.com (the iframe source) and your site's domain, e.g. www.example.com (the top-level page). Registering only one is the most common reason Apple Pay does not appear.
Why a Stripe Payment Link shows Apple Pay but your embedded form doesn't

A Payment Link is hosted on Stripe's own registered domain, so Apple Pay always appears there. Your embedded form's top-level page is your site, so that domain must be registered too.

Notes​

  • Apple Pay only appears on Safari / iOS and requires the domain registration above.
  • Google Pay appears in supported browsers (e.g. Chrome) and generally does not require domain registration, which is why it can show even when Apple Pay does not.
  • After adding a domain, refresh the page hosting the form and re-test on the device.
ON THIS PAGE