Skip to main content

Configure gift redemption form

Zuora

Configure gift redemption form

  1. Last updated
  2. Save as PDF
  1. Navigate to Delivery > Component Library.
  2. Click Add Component > Payment > Gift Redemption.
  3. By default, the Title text box is pre-filled with Gift Redemption Form. You can edit this if required. You can also preview and validate your form in real-time, with updates displayed instantly in the Preview window located on the right side of the screen.
  4. Modify the Slug field as needed. The slug cannot be changed once the contact form is saved.
  5. Enter a description for the form, if required, in the Description field.
  6. Select the language in which the form should be displayed from the Language drop-down list.
  7. Click the Authentication option to customize the email or social, login, and registration forms. For more information, see Login, Registration and Forgot Password Forms.
  8. Click the Gift Code option to customize the gift redemption form using the following settings:
    1. Click the Edit icon in the Text bar to update the instructional text displayed above the input field where users enter their gift code.
    2. Expand the Gift Code section to customize the label and placeholder text for the gift code input field.
    3. Expand the Submit Button section to customize the button text, for example, change Submit to Redeem Gift.
    4. Add custom text to your form by selecting the Custom Text button.
    5. Click Done to save your changes.
  9. Click the Gift Redeemed option to customize the message that will be displayed once the gift is redeemed using the following settings:
    1. Click the Edit icon in the Text bar to update the text that will be displayed once the gift is successfully redeemed, for example, Gift redeemed successfully! Your subscription is now active.
    2. Expand the Continue Button section to customize the button text, for example, change Continue to Continue to Site.
    3. Add custom text to your form by selecting the Custom Text button.
    4. Click Done to save your changes.
  10. Click the CSS configuration and enter your preferred CSS code to tailor the form to your specifications. Click Done to save your configurations.
  11. Click Save to save your changes.