Skip to main content

Search

We are excited to announce the launch of updated product names, logos, and headers within our user interfaces as part of the CivicPlus® Solution Rebranding initiative. These changes mark the first step toward creating a cohesive and seamless user experience across all solutions in our portfolio. As part of this transition, users may notice minor design updates. While the functionality you rely on remains unchanged, we are in the process of updating screenshots and other resources on our Help Centers to reflect the new branding. We appreciate your patience and understanding as we work to complete these updates.

Embedded Forms with Payments

  • Updated:

This article covers how to embed a form with a payment workflow event into your website. To embed a form with a payment you will need to create a payment receipt page on your website that your users will be redirected to after completing a payment. 

 

 

Instructions

  1. Use the website embed script to embed your form onto your website
    Copy script.
    • When you add the code to your website, add the URL of the page you are embedding the code in between the '' of both the submissionRedirectUrl and the cancelRedirectUrl
      Submission and cancel URL.
  2. You will now need to create a separate payment receipt page on your website. This is the page that your users will be redirected to after completing a payment.
  3. On the Summary tab of the form, click the embed button under the Form Link
    Embed form icon.
  4. Scroll down and copy the Payment Receipt Embed Script
    Copy payment script.
    Note: The form must have a payment workflow event for the receipt page script to display.
  5. Add the script to the Payment Receipt page on your website
    Payment receipt.
  6. Add URLs between the " of the doneRedirectUrl and cancelRedirectURL to direct users to specific pages after they click Done on the receipt or cancel the transaction
    Redirect URLs.
  7. Go back to the page with your embedded form and ensure the paymentReceiptUrl in your website script is pointing to your new receipt page
    Payment receipt URL.
  8. Users will now be able to see the receipt content displayed on your receipt page after they complete a transaction
    Transaction receipt.

 

Related Articles

Comments

Let us know what was helpful or not helpful about the article.

0 comments

Please sign in to leave a comment.